@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.p.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_65423c{font-family:Inter,Inter Fallback;font-style:normal}.__variable_65423c{--font-body:"Inter","Inter Fallback"}@font-face{font-family:Pixelify Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/_next/static/media/aaf0e744731a46d3-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Pixelify Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/_next/static/media/9cb204d1bfdb6539-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Pixelify Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/_next/static/media/c565b14407d34fed-s.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Pixelify Sans Fallback;src:local("Arial");ascent-override:81.70%;descent-override:24.87%;line-gap-override:0.00%;size-adjust:112.61%}.__className_38768d{font-family:Pixelify Sans,Pixelify Sans Fallback;font-style:normal}.__variable_38768d{--font-pixel:"Pixelify Sans","Pixelify Sans Fallback"}@font-face{font-family:Press Start\ 2P;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/dbbdd2d89d2ef0ef-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Press Start\ 2P;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/a06229eb79a83cfc-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Press Start\ 2P;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/c9e224327ce7933e-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Press Start\ 2P;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/d85064eaed4b8683-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Press Start\ 2P;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/db234bd00cda6a96-s.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Press Start\ 2P Fallback;src:local("Arial");ascent-override:44.58%;descent-override:0.00%;line-gap-override:0.00%;size-adjust:224.32%}.__className_3b8484{font-family:Press Start\ 2P,Press Start\ 2P Fallback;font-weight:400;font-style:normal}.__variable_3b8484{--font-title:"Press Start 2P","Press Start 2P Fallback"}:root{--bg:#0f1117;--bg-2:#151821;--panel:#1a1e29;--panel-2:#222736;--line:#2c3243;--line-2:#3a4157;--text:#e8eaf0;--soft:#b4bacb;--faint:#7d8499;--brand:#f26b2a;--brand-2:#ff8a4c;--brand-soft:color-mix(in srgb,var(--brand) 14%,transparent);--on-brand:#fff;--topbar:color-mix(in srgb,var(--bg) 85%,transparent);--gold:#f2b84b;--green:#3fbf7f;--red:#ef5a5a;--blue:#5b9cf5;--radius:12px;--radius-sm:8px;--shadow:0 1px 2px rgba(0,0,0,0.3),0 8px 24px rgba(0,0,0,0.18);--font:var(--font-body),system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color-scheme:dark}*{box-sizing:border-box}body,html{margin:0}body{background:var(--bg);color:var(--text);font:15px/1.6 var(--font);min-height:100vh;-webkit-font-smoothing:antialiased}img.pixel{image-rendering:pixelated}a{color:var(--brand-2);text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--brand);color:var(--on-brand)}.shell{max-width:1120px;margin:0 auto;padding:24px 20px 64px}.topbar{position:sticky;top:0;z-index:20;background:var(--topbar);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.topbar-inner{max-width:1280px;margin:0 auto;padding:10px 20px;justify-content:space-between;gap:16px}.logo,.topbar-inner{display:flex;align-items:center}.logo{gap:10px;font-weight:700;font-size:18px;letter-spacing:.2px;color:var(--text)}.logo img{width:32px;height:32px;image-rendering:pixelated}.logo:hover{text-decoration:none}.user{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:14px}.user,.user a:not(.button){color:var(--soft)}.user img{width:30px;height:30px;border-radius:50%}@media (max-width:700px){.user .name{display:none}}.app{max-width:1280px;margin:0 auto;padding:24px 20px 64px;display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px;align-items:start}.content>h1:first-child{margin-top:0}.sidebar{position:sticky;top:76px}.sidebar nav{display:grid;gap:12px}.side-group{display:grid;gap:2px;padding:8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.side-title{display:flex;align-items:center;gap:8px;margin:2px 4px 6px;padding-bottom:7px;border-bottom:1px solid var(--line);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-2)}.side-title:before{content:"";width:4px;height:14px;border-radius:2px;background:var(--brand)}.side-group.owner .side-title{color:var(--gold)}.side-group.owner .side-title:before{background:var(--gold)}.side-link{display:block;padding:7px 10px;border-radius:var(--radius-sm);color:var(--soft);font-size:14px}.side-link:hover{color:var(--text);text-decoration:none;background:var(--panel)}.side-link[aria-current=page]{color:var(--text);background:var(--brand-soft);box-shadow:inset 3px 0 0 var(--brand);font-weight:600}@media (max-width:860px){.app{grid-template-columns:1fr;gap:16px;padding-top:12px}.sidebar{position:static;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:10px}.side-group{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.sidebar nav{gap:6px}.side-title{margin:0 8px 0 4px;padding-bottom:0;border-bottom:0;min-width:96px}.side-link{padding:4px 10px;font-size:13px;background:var(--bg-2)}}h1,h2,h3{line-height:1.3;letter-spacing:-.01em}h1{font-size:28px;font-weight:700;margin:8px 0 6px}h2{font-size:18px;margin:32px 0 12px}h2,h3{font-weight:650}h3{margin:0 0 10px}.lead,h3{font-size:15px}.lead{color:var(--soft);margin:0 0 24px;max-width:760px}.muted{color:var(--faint);font-size:13px}.big{font-size:26px;font-weight:700;margin:4px 0}.quote{color:var(--soft);border-left:3px solid var(--line-2);padding-left:12px;margin:8px 0}.quote p{margin:0}small{font-size:12px;opacity:.85}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.grid.wide{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.card{display:block;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}a.card:hover{text-decoration:none;border-color:var(--line-2);background:var(--panel-2)}.card.accent{border-top:3px solid var(--brand)}.scroll-card{background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 7%,transparent),transparent 60%),var(--panel);border-color:color-mix(in srgb,var(--brand) 25%,transparent)}.stat{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--line);font-size:14px}.stat:last-child{border-bottom:0}.stat span{color:var(--soft)}.bar{height:8px;background:var(--bg-2);overflow:hidden;margin:8px 0}.bar,.bar>span{border-radius:999px}.bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--gold))}.pill{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;background:var(--panel-2);color:var(--soft);border:1px solid var(--line);vertical-align:middle}.pill.green{background:color-mix(in srgb,var(--green) 12%,transparent);border-color:color-mix(in srgb,var(--green) 35%,transparent);color:color-mix(in srgb,var(--green) 55%,var(--text))}.pill.red{background:color-mix(in srgb,var(--red) 12%,transparent);border-color:color-mix(in srgb,var(--red) 35%,transparent);color:color-mix(in srgb,var(--red) 55%,var(--text))}.pill.gold{background:color-mix(in srgb,var(--gold) 12%,transparent);border-color:color-mix(in srgb,var(--gold) 35%,transparent);color:color-mix(in srgb,var(--gold) 55%,var(--text))}.button,button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border:1px solid transparent;border-radius:var(--radius-sm);background:var(--brand);color:var(--on-brand);font:600 14px/1.3 var(--font);cursor:pointer;transition:background .15s,border-color .15s}.button:hover,button:hover{background:var(--brand-2);text-decoration:none;color:var(--on-brand)}.button.ghost,button.ghost{background:transparent;border-color:var(--line-2);color:var(--text)}.button.ghost:hover,button.ghost:hover{background:var(--panel-2)}button.danger{background:var(--red)}button.danger:hover{background:color-mix(in srgb,var(--red) 85%,#fff)}button.ok{background:var(--green)}button.ok:hover{background:color-mix(in srgb,var(--green) 85%,#fff)}button:disabled{opacity:.45;cursor:not-allowed}.button small,button small{font:inherit;font-weight:400;opacity:.8}.actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 16px}.actions.column{flex-direction:column;align-items:flex-start}.right{text-align:right;margin-top:12px}form.stack{display:grid;gap:14px;max-width:560px}label{display:grid;gap:6px;font-size:13px;font-weight:500;color:var(--soft)}input,select,textarea{background:var(--bg-2);color:var(--text);border:1px solid var(--line-2);border-radius:var(--radius-sm);padding:8px 10px;font:14px var(--font)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}input[type=checkbox],input[type=radio]{width:16px;height:16px;padding:0;accent-color:var(--brand)}textarea{min-height:90px}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}details summary{cursor:pointer;font-weight:600;color:var(--brand-2);margin:12px 0}table{width:100%;border-collapse:collapse;font-size:14px}td,th{text-align:left;padding:9px 8px;border-bottom:1px solid var(--line)}th{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--faint)}.notice{padding:10px 14px;margin:12px 0;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--green) 10%,transparent);border:1px solid color-mix(in srgb,var(--green) 30%,transparent);color:color-mix(in srgb,var(--green) 55%,var(--text))}.notice.error{background:color-mix(in srgb,var(--red) 10%,transparent);border-color:color-mix(in srgb,var(--red) 30%,transparent);color:color-mix(in srgb,var(--red) 55%,var(--text))}code{background:var(--bg-2);border:1px solid var(--line);border-radius:6px;padding:1px 6px;font:13px ui-monospace,SF Mono,Menlo,monospace;color:var(--gold)}.hero{display:grid;grid-template-columns:1fr 1.15fr;gap:40px;align-items:center;padding:32px 0 24px}.hero h1{font-size:40px;line-height:1.15;margin-top:0}.hero .map{margin:0}@media (max-width:860px){.hero{grid-template-columns:1fr;gap:24px}.hero h1{font-size:30px}.row{grid-template-columns:1fr}}.map,.stage{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);margin:12px 0 18px;background:#000}.map img,.stage img{display:block;width:100%;height:auto}.map a.spot{position:absolute;width:4.5%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%}.map a.spot:hover{box-shadow:0 0 0 3px var(--gold)}.map a.spot .tip{display:none;position:absolute;left:50%;bottom:120%;transform:translateX(-50%);white-space:nowrap;background:var(--panel-2);border:1px solid var(--line-2);color:var(--text);padding:4px 9px;border-radius:6px;font-size:12px;box-shadow:var(--shadow)}.map a.spot:hover .tip{display:block}.map-fx{position:absolute;inset:0;overflow:hidden;pointer-events:none}.map-fx img{display:block;width:1600%;max-width:none;height:100%;image-rendering:pixelated;animation:map-fx 3.2s steps(16) infinite}@keyframes map-fx{to{transform:translateX(-100%)}}@media (prefers-reduced-motion:reduce){.map-fx img{animation:none}}.seal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin:14px 0}.seal-grid button,.seal-grid form{width:100%}.seal-button{flex-direction:column;padding:10px 6px}.seal{display:inline-flex;align-items:center;gap:4px;margin-right:10px;opacity:.5}.seal.done{opacity:1;color:var(--green)}.countdown{font-weight:700}.countdown.hurry{color:var(--red)}.guide{display:grid;grid-template-columns:220px 1fr;gap:28px}.guide nav{position:sticky;top:76px;align-self:start;display:grid;gap:2px}.guide nav a{color:var(--soft);padding:6px 10px;border-radius:var(--radius-sm);font-size:14px}.guide nav a:hover{background:var(--panel);text-decoration:none}.guide section{scroll-margin-top:80px}.guide .body{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px 24px}.guide .body p{margin:0 0 12px}@media (max-width:860px){.guide{grid-template-columns:1fr}.guide nav{position:static}}.profile-head{display:flex;gap:20px;align-items:center;margin:0 0 20px;padding:20px;background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--brand);border-radius:var(--radius)}.profile-avatar{width:88px;height:88px;border-radius:50%;border:3px solid var(--panel-2)}.rp-card{margin-bottom:16px}.rp-head{display:flex;gap:14px;align-items:flex-start}.rp-portrait{width:80px;height:80px;object-fit:cover;flex:none;border-radius:var(--radius-sm);border:1px solid var(--line-2)}.rp-portrait.empty{display:grid;place-items:center;background:var(--bg-2);font-size:26px;color:var(--faint)}.bio{white-space:pre-wrap;color:var(--soft)}.danger-zone{display:flex;gap:12px;align-items:center;margin-top:14px;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--red) 35%,transparent)}.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin-top:6px}.swatch{display:flex;flex-direction:row;align-items:center;gap:8px;color:var(--text);font-size:14px;cursor:pointer}.swatch span:not(.pill){width:20px;height:20px;flex:none;border-radius:5px;border:1px solid var(--line-2)}.swatch input[type=color]{width:36px;height:26px;padding:0;background:none;border-radius:5px}.hub{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.hub-main{grid-column:1/-1}.journal li{margin-bottom:14px}.log{font-size:14px}.log p{margin:3px 0}footer.site{color:var(--faint);font-size:13px;text-align:center;padding:28px 0;border-top:1px solid var(--line)}.scene-form{display:grid;gap:16px;max-width:900px}.fields{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.fields,fieldset{display:grid;gap:12px}fieldset{border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;margin:0}legend{padding:0 6px;font-weight:600;color:var(--text)}fieldset.checks{display:flex;flex-wrap:wrap;gap:6px 16px}label.inline{display:inline-flex;flex-direction:row;align-items:center;gap:6px;font-weight:400;color:var(--text)}.outcome{display:grid;gap:10px;padding-top:10px;border-top:1px solid var(--line)}.field-title{margin:0;font-weight:600;font-size:13px;color:var(--soft)}.form-actions{display:flex;gap:10px;margin-top:8px}.preview{max-width:900px;padding:14px 18px;margin-bottom:20px;border-left:3px solid var(--brand);background:var(--bg-2);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.preview h3{margin-top:4px}.content{max-width:940px}.card{background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;padding:16px 0 6px}.card h3{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.card.accent{border-top:2px solid var(--brand)}.grid,.grid.wide,.hub{gap:0 32px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}a.card{border-top:1px solid var(--line);padding:12px 10px;border-radius:0}a.card:hover{background:var(--panel);border-color:var(--line)}a.card h3{text-transform:none;letter-spacing:0;font-size:15px;color:var(--text);margin-bottom:4px}.hub-main,.scroll-card{background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 8%,transparent),transparent 70%),var(--panel);border:1px solid color-mix(in srgb,var(--brand) 25%,transparent);border-radius:var(--radius);padding:18px 20px;margin-bottom:20px}.scroll-card h3{text-transform:none;letter-spacing:0;font-size:16px;color:var(--text)}form.card{padding-top:16px}.profile-head{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:0 0 20px}:root[data-theme=kiri]{--bg:#0c1218;--bg-2:#101a22;--panel:#15212b;--panel-2:#1c2b38;--line:#263a4a;--line-2:#33495c;--text:#e4eef5;--soft:#a9bccb;--faint:#708797;--brand:#2f9be0;--brand-2:#5cb6f0}:root[data-theme=suna]{--bg:#17130e;--bg-2:#1d1812;--panel:#241e16;--panel-2:#2e261c;--line:#3d3325;--line-2:#4d4130;--text:#f3ebdd;--soft:#cbbda5;--faint:#93856d;--brand:#d9a441;--brand-2:#ebbd63;--on-brand:#1d1609}:root[data-theme=akatsuki]{--bg:#0d0b0d;--bg-2:#141014;--panel:#1b1519;--panel-2:#241c21;--line:#34272e;--line-2:#45333c;--text:#f1e7ea;--soft:#c5b2b8;--faint:#8c7880;--brand:#d8333f;--brand-2:#ec5560}:root[data-theme=kusa]{--bg:#0e140f;--bg-2:#121a13;--panel:#172219;--panel-2:#1e2c20;--line:#2a3b2c;--line-2:#374c39;--text:#e6f0e4;--soft:#aec2ab;--faint:#758a72;--brand:#5cb85c;--brand-2:#78cc78;--on-brand:#0b1a0b}:root[data-theme=vilagos]{--bg:#f5f2ec;--bg-2:#ece7de;--panel:#ffffff;--panel-2:#f1ede6;--line:#e0d9cc;--line-2:#cfc6b5;--text:#22201c;--soft:#4f4a42;--faint:#847c6f;--brand:#e0601f;--brand-2:#c9520f;--gold:#b7800f;--green:#23935b;--red:#cf3a3a;--shadow:0 1px 2px rgba(60,45,20,0.08),0 8px 24px rgba(60,45,20,0.08);color-scheme:light}:root[data-style=pixel]{--font:var(--font-pixel),monospace;--radius:0;--radius-sm:0;--shadow:4px 4px 0 rgba(0,0,0,0.35)}:root[data-style=pixel] body{font-size:17px;line-height:1.5;-webkit-font-smoothing:none}:root[data-style=pixel] img{image-rendering:pixelated}:root[data-style=pixel] :is(h1,h2,.logo,.side-title,.card h3){font-family:var(--font-title),monospace;font-weight:400;letter-spacing:0;line-height:1.5}:root[data-style=pixel] h1{font-size:22px}:root[data-style=pixel] h2{font-size:16px}:root[data-style=pixel] :is(.card h3,.side-title){font-size:10px}:root[data-style=pixel] .logo{font-size:14px}:root[data-style=pixel] :is(.scroll-card,.hub-main,.map,input:not([type=checkbox],[type=radio],[type=color]),select,textarea,.notice,fieldset){border:3px solid var(--line-2);box-shadow:var(--shadow)}:root[data-style=pixel] :is(.button,button):not(.inv-slot,.chip,.color-dot,.choice-tile,.map-spot,.tab){border:0;box-shadow:inset -3px -3px 0 rgba(0,0,0,.3),inset 3px 3px 0 rgba(255,255,255,.25);padding:10px 16px}:root[data-style=pixel] :is(.button,button):not(.inv-slot,.chip,.color-dot,.choice-tile,.map-spot,.tab):active{box-shadow:inset 3px 3px 0 rgba(0,0,0,.3),inset -3px -3px 0 rgba(255,255,255,.15)}:root[data-style=pixel] :is(.button.ghost,button.ghost){box-shadow:inset 0 0 0 3px var(--line-2)}:root[data-style=pixel] .side-link[aria-current]{box-shadow:inset 4px 0 0 var(--brand)}:root[data-style=pixel] .bar,:root[data-style=pixel] .bar span{border-radius:0}:root[data-style=pixel] .bar span{background:repeating-linear-gradient(90deg,var(--brand) 0 8px,var(--brand-2) 8px 10px)}.look{margin-left:auto;display:flex;gap:8px;align-items:center}.look select{width:auto;padding:5px 8px;font-size:13px}.map-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px}.map-head h1{margin-bottom:0}.zoom-map{position:relative;overflow:hidden;width:100%;margin:12px 0;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#0b1a2a;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.zoom-map:active{cursor:grabbing}.zoom-layer{position:absolute;inset:0;transform-origin:0 0;will-change:transform}.zoom-layer.smooth{transition:transform .38s cubic-bezier(.3,.7,.2,1)}.zoom-layer>img.map-base{display:block;width:100%;height:100%;pointer-events:none}.map-spot{position:absolute;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none;transform:translate(-50%,-50%) scale(var(--k,1));cursor:pointer}.map-spot.picked,.map-spot:hover{background:transparent;box-shadow:0 0 0 3px var(--gold),0 0 14px var(--gold)}.map-spot.open:after{content:"";position:absolute;inset:4px;border-radius:50%;border:2px solid var(--gold);animation:spot-pulse 1.6s ease-out infinite;pointer-events:none}.map-spot:disabled{cursor:default;opacity:1}.map-spot:disabled:hover{box-shadow:none}@keyframes spot-pulse{0%{transform:scale(.6);opacity:.9}to{transform:scale(1.5);opacity:0}}.map-tip{display:none;position:absolute;left:50%;bottom:calc(100% + 6px);transform:translateX(-50%);white-space:nowrap;background:var(--panel-2);border:1px solid var(--line-2);color:var(--text);padding:3px 9px;border-radius:6px;font:600 12px/1.4 var(--font);pointer-events:none}.map-spot:hover:not(.picked) .map-tip{display:block}.map-player{position:absolute;width:32px;height:46px;transform:translate(-50%,-88%) scale(var(--k,1));transform-origin:50% 100%;pointer-events:none;filter:drop-shadow(0 2px 0 rgba(0,0,0,.5));animation:player-hop 1.2s steps(2) infinite}@keyframes player-hop{50%{translate:0 -3px}}.map-card{position:absolute;right:12px;bottom:12px;width:min(300px,calc(100% - 24px));padding:14px 16px;background:var(--panel);border:1px solid var(--line-2);border-radius:var(--radius);box-shadow:var(--shadow);cursor:default}.map-card h3{margin:0 0 8px}.map-card form{margin-top:10px}.map-card-kicker{margin:0;color:var(--faint);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.map-card-close{position:absolute;top:8px;right:8px;padding:2px 8px}.map-tools{position:absolute;left:12px;top:12px;display:flex;flex-direction:column;gap:6px}.map-tools button{width:34px;height:34px;padding:0;background:var(--panel);font-size:18px}.map-nav{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.map-list ul{margin:4px 0 12px;padding-left:18px}.map-list summary{cursor:pointer;color:var(--soft);margin:12px 0}.quest-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:start center;overflow-y:auto;padding:72px 16px 32px;background:color-mix(in srgb,var(--bg) 55%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.quest-window{width:min(760px,100%);padding:18px 22px 22px;background:var(--panel);border:1px solid var(--line-2);border-radius:var(--radius);box-shadow:0 20px 60px rgba(0,0,0,.5)}.quest-window h2{margin-top:0}:root[data-style=pixel] :is(.zoom-map,.map-card,.quest-window){border:3px solid var(--line-2)}.quest-head .lead{margin-bottom:4px}.quest-stage{margin:10px 0 14px}.quest-stage form{display:contents}.quest-stage button.stage-spot,:root[data-style=pixel] .quest-stage button.stage-spot{position:absolute;width:9%;aspect-ratio:1;padding:0;transform:translate(-50%,-50%);border:0;border-radius:50%;background:transparent;box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 70%,transparent);animation:stop-pulse 1.4s ease-in-out infinite}.quest-stage button.stage-spot:focus-visible,.quest-stage button.stage-spot:hover{background:color-mix(in srgb,var(--gold) 22%,transparent);box-shadow:0 0 0 4px var(--gold);animation:none}@keyframes stop-pulse{50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--gold) 15%,transparent)}}@media (prefers-reduced-motion:reduce){.quest-stage .stage-spot{animation:none}}.quest-situation h3{margin:2px 0 8px;font-size:18px}:root[data-style=pixel] .quest-situation h3{font-size:14px}.quest-kicker{margin:0;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}.quest-kicker.ok{color:var(--green)}.quest-kicker.bad{color:var(--red)}.stop-icon{flex:none;image-rendering:pixelated}.route-choices,.scene-choices{display:grid;gap:8px;margin-top:12px}.route-choices{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.route-choices form,.scene-choices form{display:contents}.quest-situation button:is(.route-choice,.scene-choice),:root[data-style=pixel] .quest-situation button:is(.route-choice,.scene-choice){justify-content:flex-start;gap:12px;width:100%;padding:10px 14px;text-align:left;background:var(--panel-2);color:var(--text);border:1px solid var(--line-2)}.quest-situation button:is(.route-choice,.scene-choice):not(:disabled):hover{background:color-mix(in srgb,var(--gold) 12%,var(--panel-2));border-color:var(--gold);color:var(--text)}.route-choice.danger{border-color:color-mix(in srgb,var(--red) 60%,var(--line-2))}.scene-choice.ok{border-color:color-mix(in srgb,var(--green) 60%,var(--line-2))}:is(.route-choice,.scene-choice)>span:not(.route-letter,.chance){display:grid;gap:2px;flex:1 1}:is(.route-choice,.scene-choice) small{color:var(--soft)}.route-letter{display:grid;place-items:center;width:26px;height:26px;border-radius:6px;background:var(--gold);color:#1a1220}.chance,.route-letter{flex:none;font-weight:800}.chance{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--gold)}.outcome{margin:8px 0 14px;padding:12px 14px;border-radius:var(--radius-sm);background:var(--panel-2);border-left:4px solid var(--line-2)}.outcome.ok{border-left-color:var(--green)}.outcome.bad{border-left-color:var(--red)}.outcome p{margin:0}.stop-head{display:flex;gap:16px;align-items:flex-start}.stop-head p{margin:0 0 12px}.quest-foot{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-top:12px}.quest-journal summary{cursor:pointer;color:var(--soft);padding:8px 0}.creator{display:grid;grid-template-columns:240px 1fr;gap:24px;align-items:start}.creator-stage{position:sticky;top:72px;display:grid;justify-items:center;gap:14px;padding:20px 12px;border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(circle at 50% 85%,color-mix(in srgb,var(--brand) 18%,transparent),transparent 60%),var(--panel)}.creator-stage img{image-rendering:pixelated}.creator-actions{display:flex;gap:8px}.tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--line);margin-bottom:14px}.tabs .tab{background:transparent;color:var(--soft);border:0;border-bottom:2px solid transparent;border-radius:0;padding:8px 12px;box-shadow:none}.tabs .tab:hover{background:transparent;color:var(--text)}.tabs .tab.active{color:var(--text);border-bottom-color:var(--brand)}.choice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.choice-tile{display:grid;justify-items:center;gap:4px;padding:8px 4px;background:var(--panel);border:1px solid var(--line);color:var(--soft);font-size:12px;font-weight:500;text-align:center}.choice-tile:hover{background:var(--panel-2);color:var(--text)}.choice-tile.active{border-color:var(--brand);background:var(--brand-soft);color:var(--text)}.choice-tile img{image-rendering:pixelated}.swatch-row{margin-top:16px}.swatch-label{margin:0 0 6px;color:var(--faint);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.color-dots{display:flex;flex-wrap:wrap;gap:6px}.color-dot{width:30px;height:30px;padding:0;border-radius:50%;border:2px solid var(--line-2)}.color-dot:hover{transform:scale(1.1)}.color-dot.active{border-color:var(--text);box-shadow:0 0 0 2px var(--brand)}:root[data-style=pixel] .color-dot{border-radius:0}@media (max-width:720px){.creator{grid-template-columns:1fr}.creator-stage{position:static}}.profile-page{margin:-8px -12px 0;padding:8px 12px 20px;border-radius:var(--radius)}.profile-page.custom{padding:20px;background-size:cover;background-position:50%;background-attachment:fixed}.profile-hero{display:flex;gap:24px;align-items:flex-end;padding:8px 4px 16px;border-bottom:3px solid var(--brand);margin-bottom:16px}.profile-page.custom .profile-hero>div{padding:12px 16px;border-radius:var(--radius);background:color-mix(in srgb,var(--panel) 85%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.profile-shinobi{flex:none;image-rendering:pixelated;filter:drop-shadow(0 6px 0 rgba(0,0,0,.35))}.profile-hero h1{display:flex;align-items:center;gap:10px}.profile-hero .profile-avatar{width:36px;height:36px;border-width:2px}.profile-page.custom .profile-bg-editor,.profile-page.custom .profile-sheet{padding:4px 20px 20px;border-radius:var(--radius);background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.profile-bg-editor{margin-bottom:16px;padding:0}.profile-page.custom .profile-bg-editor{padding:12px 20px}.profile-bg-editor summary{cursor:pointer;color:var(--soft);font-weight:600}.inline-form{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0 0}.inline-form input[type=color]{width:44px;height:32px;padding:2px;vertical-align:middle}.inline-form input[type=file]{width:auto}@media (max-width:720px){.profile-hero{flex-direction:column;align-items:center;text-align:center}}.inventory{--common:#8a8f9c;--uncommon:#4fae5c;--rare:#3f7fd1;--epic:#9a54c9;--legendary:#e0a526;display:grid;grid-template-columns:220px 1fr;grid-template-areas:"doll bag" "doll panel";gap:16px;align-items:start}.paper-doll{grid-area:doll;display:grid;grid-template-columns:56px minmax(0,1fr) 56px;grid-template-areas:". head ." "left body right" ". foot .";gap:8px;justify-items:center;align-items:center;padding:16px 10px;border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(circle at 50% 60%,color-mix(in srgb,var(--brand) 16%,transparent),transparent 65%),var(--panel)}.paper-doll .doll{width:100%;max-width:88px;height:auto;image-rendering:pixelated}.bag{grid-area:bag;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.bag-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.chip{padding:4px 10px;font-size:12px;font-weight:600;background:var(--panel-2);color:var(--soft);border:1px solid var(--line);border-radius:999px}.chip:hover{background:var(--line);color:var(--text)}.chip.active{background:var(--brand-soft);border-color:var(--brand);color:var(--text)}.bag-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:4px}.inv-slot{--tone:var(--common);position:relative;aspect-ratio:1;min-width:0;padding:0;display:flex;align-items:center;justify-content:center;border:2px solid color-mix(in srgb,var(--tone) 70%,var(--bg));border-radius:6px;background:radial-gradient(circle at 50% 55%,color-mix(in srgb,var(--tone) 22%,transparent),transparent 70%),var(--bg-2);box-shadow:inset 2px 2px 0 rgba(0,0,0,.35),inset -2px -2px 0 rgba(255,255,255,.05);transition:transform .08s}.inv-slot img{width:80%;height:80%;object-fit:contain;image-rendering:pixelated}.inv-slot:hover{background:radial-gradient(circle at 50% 55%,color-mix(in srgb,var(--tone) 35%,transparent),transparent 70%),var(--bg-2);transform:translateY(-1px)}.inv-slot.empty{border-color:var(--line);background:var(--bg-2)}.inv-slot.picked{border-color:var(--text);box-shadow:0 0 0 2px var(--brand),0 0 14px color-mix(in srgb,var(--tone) 60%,transparent)}.inv-slot.dim{opacity:.25}.inv-slot.gear{width:56px}.gear-label{font-size:10px;color:var(--faint);text-align:center;line-height:1.2}.inv-count{position:absolute;right:3px;bottom:1px;font:700 12px/1 var(--font);color:#fff;text-shadow:1px 1px 0 #000,-1px 0 0 #000,0 -1px 0 #000}.rarity-uncommon{--tone:var(--uncommon)}.rarity-rare{--tone:var(--rare)}.rarity-epic{--tone:var(--epic)}.rarity-legendary{--tone:var(--legendary)}.inv-slot.rarity-legendary:not(.picked){box-shadow:inset 2px 2px 0 rgba(0,0,0,.35),0 0 8px color-mix(in srgb,var(--legendary) 45%,transparent)}.item-panel{grid-area:panel;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);min-height:140px}.item-panel-head{display:flex;gap:14px;align-items:center}.item-panel-head img{padding:6px;border:2px solid color-mix(in srgb,var(--tone,var(--line)) 70%,var(--bg));border-radius:8px;background:var(--bg-2);image-rendering:pixelated}.item-panel h3{margin:0;font-size:18px;text-transform:none;letter-spacing:0;color:var(--text)}.rarity-text{margin:2px 0 0;font-weight:600;color:var(--tone,var(--soft))}.item-bonus{color:var(--green);font-weight:600}.received{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.received-item{display:inline-flex;align-items:center;gap:6px;font-weight:600}.item-icon{image-rendering:pixelated;vertical-align:middle}:root[data-style=pixel] :is(.inv-slot,.item-panel-head img,.chip){border-radius:0}@media (max-width:760px){.inventory{grid-template-columns:1fr;grid-template-areas:"doll" "bag" "panel"}.bag-grid{grid-template-columns:repeat(6,1fr)}}.choice-tile.locked img{opacity:.6}.choice-tile .lock{font-size:11px;font-weight:700;color:var(--gold)}.creator-note{margin:0;font-size:13px;max-width:220px}.tabs a.tab{padding:8px 14px;color:var(--soft);border-bottom:2px solid transparent;font-weight:600}.tabs a.tab:hover{color:var(--text);text-decoration:none}.tabs a.tab.active{color:var(--text);border-bottom-color:var(--brand)}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.shop-card{--tone:var(--line-2);display:flex;flex-direction:column;gap:4px;padding:14px;border:1px solid var(--line);border-top:3px solid var(--tone);border-radius:var(--radius);background:var(--panel)}.shop-card.rarity-common{--tone:#8a8f9c}.shop-card.rarity-uncommon{--tone:#4fae5c}.shop-card.rarity-rare{--tone:#3f7fd1}.shop-card.rarity-epic{--tone:#9a54c9}.shop-card.rarity-legendary{--tone:#e0a526}.shop-art{display:grid;place-items:center;height:150px;margin-bottom:6px;border-radius:var(--radius-sm);background:radial-gradient(circle at 50% 55%,color-mix(in srgb,var(--tone) 30%,transparent),transparent 70%),var(--bg-2)}.shop-art img{image-rendering:pixelated}.shop-card h3{margin:0;font-size:16px;text-transform:none;letter-spacing:0;color:var(--text)}.shop-card .rarity-text{color:var(--tone);font-size:13px}.shop-desc{margin:4px 0;font-size:13px;color:var(--soft);flex:1 1}.shop-price{margin:4px 0;font-weight:700;color:var(--gold)}.shop-buy{display:grid;grid-template-columns:2fr 1fr 1fr;gap:6px;margin-top:auto}.shop-buy:has(>button:only-child),form.shop-buy{grid-template-columns:1fr}.shop-buy button{width:100%;padding:7px 4px!important}.shop-card.part .pill{align-self:flex-start}:root[data-style=pixel] .shop-card{border:3px solid var(--line-2);border-top-color:var(--tone)}.money{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;vertical-align:middle}.money img{image-rendering:pixelated}button .money b{font-weight:inherit}.tutorial{margin:12px 0 20px;padding:14px 18px;border:1px solid color-mix(in srgb,var(--brand) 40%,var(--line));border-left:4px solid var(--brand);border-radius:var(--radius);background:color-mix(in srgb,var(--brand) 6%,var(--panel))}.tutorial summary{cursor:pointer;font-weight:700;color:var(--text)}.tutorial-steps{margin:12px 0 8px;padding-left:22px;display:grid;gap:10px}.tutorial-steps li::marker{color:var(--brand-2);font-weight:700}.tutorial-icons{display:flex;gap:6px;margin-top:6px}.material-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}.material{display:flex;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel)}.material div{display:grid;line-height:1.3}.material b{font-size:18px}.small{font-size:12px}.recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.recipe{--tone:#8a8f9c;display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--line);border-top:3px solid var(--tone);border-radius:var(--radius);background:var(--panel)}.recipe.locked{opacity:.6}.recipe-result{display:flex;gap:12px;align-items:center}.recipe-art{position:relative;display:grid;place-items:center;width:84px;height:84px;flex:none;border-radius:var(--radius-sm);background:radial-gradient(circle at 50% 55%,color-mix(in srgb,var(--tone) 30%,transparent),transparent 70%),var(--bg-2)}.recipe h3{margin:0;font-size:16px;text-transform:none;letter-spacing:0;color:var(--text)}.recipe .rarity-text{color:var(--tone);margin:0 0 4px;font-size:13px}.recipe .pill{margin:0}.recipe-needs{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:14px}.recipe-needs li{display:flex;align-items:center;gap:6px}.recipe-needs .have{margin-left:auto;font-weight:700}.recipe-needs .ok .have{color:var(--green)}.recipe-needs .missing{color:var(--red)}.recipe.rarity-uncommon{--tone:#4fae5c}.recipe.rarity-rare{--tone:#3f7fd1}.recipe.rarity-epic{--tone:#9a54c9}.recipe.rarity-legendary{--tone:#e0a526}:root[data-style=pixel] :is(.recipe,.material,.tutorial){border-width:3px}img.icon{display:inline-block;vertical-align:-2px;image-rendering:pixelated}button img.icon{vertical-align:middle}.workshop-status{margin:12px 0;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--green) 40%,var(--line));background:color-mix(in srgb,var(--green) 10%,var(--panel));font-weight:600}.workshop-status.busy{border-color:color-mix(in srgb,var(--gold) 45%,var(--line));background:color-mix(in srgb,var(--gold) 12%,var(--panel))}.countdown{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--gold)}.recipe-scroll{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:center;padding:8px 10px;border-radius:var(--radius-sm);background:var(--bg-2);font-size:13px}.recipe-scroll div{display:grid}.recipe-scroll span{color:var(--soft)}.recipe-scroll form{grid-column:1/-1}.recipe-scroll.known b{color:var(--green)}.recipe-scroll.missing b{color:var(--faint)}.recipe-scroll img{image-rendering:pixelated}.tutorial-page{max-width:760px;margin:8px auto 40px;padding:24px 28px;border:1px solid var(--line);border-top:4px solid var(--brand);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.tutorial-kicker{margin:0 0 8px;color:var(--brand-2);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.tutorial-progress{display:flex;gap:4px;margin-bottom:18px}.tutorial-progress span{flex:1 1;height:6px;border-radius:3px;background:var(--line)}.tutorial-progress span.done{background:var(--brand)}.tutorial-progress span.now{background:var(--brand-2);box-shadow:0 0 8px var(--brand)}.tutorial-page h1{margin:0 0 14px}.tutorial-art{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;padding:16px;margin-bottom:16px;border-radius:var(--radius-sm);background:radial-gradient(circle at 50% 60%,color-mix(in srgb,var(--brand) 14%,transparent),transparent 70%),var(--bg-2)}.tutorial-art figure{margin:0;display:grid;justify-items:center;gap:6px}.tutorial-art img{height:72px;width:auto;image-rendering:pixelated}.tutorial-art figure.wide{width:100%}.tutorial-art figure.wide img{width:100%;height:auto;border-radius:var(--radius-sm)}.tutorial-art figcaption{font-size:12px;color:var(--soft)}.tutorial-body{font-size:16px}.tutorial-where{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.tutorial-where>div{padding:10px 14px;border-radius:var(--radius-sm);background:var(--bg-2);font-size:14px}.tutorial-where p{margin:0}.tutorial-label{margin-bottom:4px!important;color:var(--faint);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.tutorial-nav{display:flex;justify-content:space-between;align-items:center;margin-top:8px}@media (max-width:640px){.tutorial-page{padding:18px}.tutorial-where{grid-template-columns:1fr}}:root[data-style=pixel] .tutorial-page{border:3px solid var(--line-2);border-top-color:var(--brand)}.stat-effect{display:block}.create{display:grid;grid-template-columns:220px 1fr;gap:20px;align-items:start}.create-stage{position:sticky;top:72px;display:grid;justify-items:center;gap:12px;padding:18px 12px;border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(circle at 50% 70%,color-mix(in srgb,var(--brand) 18%,transparent),transparent 65%),var(--panel);text-align:center}.create-stage img{image-rendering:pixelated}.create-group{margin:0 0 18px;padding:0;border:0}.create-group legend{margin-bottom:8px;font-weight:700;color:var(--brand-2)}.create-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}.create-option{display:grid;gap:4px;padding:12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);cursor:pointer;font-size:13px;color:var(--soft)}.create-option:hover{border-color:var(--line-2)}.create-option.picked{border-color:var(--brand);background:var(--brand-soft);color:var(--text)}.create-option input{position:absolute;opacity:0;pointer-events:none}.create-option b{font-size:15px;color:var(--text)}.create-option img{image-rendering:pixelated}@media (max-width:760px){.create{grid-template-columns:1fr}.create-stage{position:static}}.loadout-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.loadout-slot{position:relative;display:grid;justify-items:center;align-content:start;gap:4px;min-height:150px;padding:18px 8px 10px;border:2px solid color-mix(in srgb,var(--brand) 55%,var(--line));border-radius:var(--radius);background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--brand) 18%,transparent),transparent 70%),var(--panel);text-align:center}.loadout-slot.empty{border-style:dashed;border-color:var(--line-2);background:var(--bg-2);place-content:center}.loadout-slot b{font-size:13px;line-height:1.25}.loadout-number{position:absolute;top:4px;left:8px;font-weight:700;color:var(--brand-2);font-size:12px}.loadout-tools{display:flex;gap:4px;margin-top:4px}.loadout-tools button{padding:2px 8px!important;font-size:12px}.known-title{margin-top:18px}.jutsu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.jutsu-card{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.jutsu-card.in-list{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}.jutsu-head{display:flex;gap:10px;align-items:center}.jutsu-head h4{margin:0;font-size:16px}.jutsu-head p{margin:0}.jutsu-desc{margin:0;font-size:13px;color:var(--soft);flex:1 1}.jutsu-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:0}.jutsu-stats div{padding:4px 6px;border-radius:var(--radius-sm);background:var(--bg-2);text-align:center}.jutsu-stats dt{font-size:11px;color:var(--faint)}.jutsu-stats dd{margin:0;font-weight:700;font-size:13px}.jutsu-seals{display:flex;flex-wrap:wrap;align-items:center;gap:2px}.jutsu-head img,.jutsu-seals img,.learn-card img,.loadout-slot img{image-rendering:pixelated}.learn-card h3{display:flex;align-items:center;gap:8px}@media (max-width:760px){.loadout-slots{grid-template-columns:repeat(2,minmax(0,1fr))}}.roll-title{margin:0 0 8px;font-weight:700;color:var(--brand-2)}.roll-card{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 16px;border:2px solid var(--brand);border-radius:var(--radius);background:var(--brand-soft)}.roll-card>div:first-child{display:grid;gap:4px}.roll-clan{font-size:20px}.roll-nature{display:grid;justify-items:center;gap:4px;flex:none}.roll-nature img,.shop-banner{image-rendering:pixelated}.shop-banner{display:block;width:100%;height:auto;margin:8px 0 16px;border:1px solid var(--line);border-radius:var(--radius)}:root[data-style=pixel] .shop-banner{border:3px solid var(--line-2)}.rank-ladder{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}.rank-step{display:flex;gap:16px;align-items:center;padding:12px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.rank-step.mine{border-color:var(--brand);box-shadow:inset 4px 0 0 var(--brand);background:var(--brand-soft)}.rank-step img{flex:none;image-rendering:pixelated}.rank-step h2{margin:0 0 4px;font-size:20px}.rank-step p{margin:2px 0}.stock{margin:0;font-size:12px;font-weight:600;color:var(--green)}.stock.out{color:var(--red)}.shop-card.sold-out .shop-art{opacity:.4}.rp-portrait.large{width:160px;height:160px;font-size:48px}.rp-single h1{margin:2px 0 6px}@media (max-width:560px){.rp-single .rp-head{flex-direction:column}}.vitals{display:inline-flex;flex-wrap:wrap;gap:4px 12px}.map-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.map-card-tags .chip:hover{background:var(--panel-2);color:var(--soft)}.map-card-tags .chip.story{border-color:color-mix(in srgb,var(--gold) 60%,var(--line));color:var(--gold)}.map-card-tags .chip.kind-help{border-color:color-mix(in srgb,var(--green) 60%,var(--line))}.map-card-intro{margin:4px 0 10px;font-size:13px;color:var(--soft);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.rank-jutsus{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.rank-jutsu{display:inline-flex;align-items:center;gap:6px;padding:3px 8px 3px 3px;border:1px solid var(--line);border-radius:999px;background:var(--panel-2);cursor:help}.rank-jutsu img{image-rendering:pixelated}.unlock-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:16px;background:radial-gradient(circle at 50% 40%,rgba(20,14,30,.82),rgba(8,6,12,.94));animation:unlock-fade .25s ease-out}.unlock{--ray-a:#6a4408;--ray-b:#9a6a10;--spark:#fff09a;--label:#ffd04a;width:min(440px,100%);display:grid;justify-items:center;gap:10px;text-align:center}.unlock.tier-bronze{--ray-a:#4a2c14;--ray-b:#7a4a24;--spark:#e8a868;--label:#e8a868}.unlock.tier-silver{--ray-a:#2e3442;--ray-b:#4a5466;--spark:#eef4fa;--label:#d8e2f0}.unlock.tier-legend{--ray-a:#3a1a5a;--ray-b:#6a2ea0;--spark:#ff6ad0;--label:#e0b0ff}.unlock-title{margin:0;padding:6px 12px;background:#120e18;border:3px solid var(--label);color:var(--label);font:400 14px/1.4 var(--font-title),monospace;text-transform:uppercase;letter-spacing:.04em;image-rendering:pixelated;animation:unlock-drop .35s steps(5) .15s both,unlock-blink .6s steps(2) .5s 4}.unlock-stage{position:relative;width:260px;height:230px;display:grid;place-items:center}.unlock-rays{position:absolute;inset:-40px;border-radius:50%;background:repeating-conic-gradient(from 0deg,var(--ray-b) 0 7deg,transparent 7deg 22.5deg);-webkit-mask-image:radial-gradient(circle,#000 18%,transparent 68%);mask-image:radial-gradient(circle,#000 18%,transparent 68%);animation:unlock-spin 9s linear infinite,unlock-grow .5s steps(6) .2s both}.unlock-ring{width:40px;height:40px;border:4px dashed var(--spark);border-radius:50%;animation:unlock-ring .6s steps(6) .15s}.unlock-ring,.unlock-spark{position:absolute;opacity:0}.unlock-spark{width:6px;height:6px;background:var(--spark);box-shadow:0 0 0 2px #120e18;animation:unlock-spark 1.1s steps(10) .3s both}.unlock-spark:nth-child(3n){background:#ffffff}.unlock-badge{position:relative;animation:unlock-pop .55s steps(6) .2s both}.unlock-badge img{display:block;image-rendering:pixelated;filter:drop-shadow(0 0 18px color-mix(in srgb,var(--spark) 60%,transparent))}.unlock-badge:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.85) 46%,transparent 52%);background-size:300% 100%;background-position:120% 0;-webkit-mask-image:var(--badge);mask-image:var(--badge);-webkit-mask-size:100% 100%;mask-size:100% 100%;animation:unlock-shine .9s steps(9) 1s both}.unlock-scroll{position:relative;width:100%;padding:12px 20px 14px;color:#3a1408;background:linear-gradient(#fff8e4,#e8d8b0);border:3px solid #120e18;box-shadow:inset 0 -4px 0 #c8b088,-10px 0 0 -3px #8a5530,10px 0 0 -3px #8a5530;transform-origin:center;animation:unlock-unroll .45s steps(6) .7s both}.unlock-scroll h2{margin:0 0 4px;font:400 15px/1.5 var(--font-title),monospace;color:#3a1408}.unlock-scroll p{margin:0;font-size:14px}.unlock-reward{margin-top:6px!important;font-weight:700;color:#8a3a10}.unlock-actions{display:flex;gap:10px;align-items:center;animation:unlock-fade .3s 1.2s both}@keyframes unlock-fade{0%{opacity:0}}@keyframes unlock-drop{0%{transform:translateY(-30px);opacity:0}}@keyframes unlock-blink{50%{color:#ffffff;border-color:#ffffff}}@keyframes unlock-spin{to{rotate:1turn}}@keyframes unlock-grow{0%{scale:0}}@keyframes unlock-ring{0%{opacity:1;scale:.4}to{opacity:0;scale:6}}@keyframes unlock-spark{0%{opacity:1;transform:rotate(var(--a)) translateX(0)}70%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateX(var(--d)) translateY(30px)}}@keyframes unlock-pop{0%{scale:0}55%{scale:1.35}75%{scale:.9}to{scale:1}}@keyframes unlock-shine{to{background-position:-120% 0}}@keyframes unlock-unroll{0%{transform:scaleX(.05)}}@media (prefers-reduced-motion:reduce){.unlock *,.unlock :after,.unlock-backdrop{animation:none!important}.unlock-ring,.unlock-spark{display:none}}.book-summary{display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;margin-bottom:16px}.book-summary .bar{width:220px}.book-tiers{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.book-tiers li{padding:4px 10px;border:1px solid var(--line);border-radius:999px;font-size:13px}.book-tiers .tier-bronze{border-color:#a8642c}.book-tiers .tier-silver{border-color:#9aa6b8}.book-tiers .tier-gold{border-color:#d8a020}.book-tiers .tier-legend{border-color:#a060e0}.book-wrap{display:grid;gap:10px}.book-tabs{display:flex;flex-wrap:wrap;gap:4px}.book-tabs .book-tab,:root[data-style=pixel] .book-tabs .book-tab{padding:6px 12px;border-radius:8px 8px 0 0;background:#5a1810;color:#f4e2c0;border:0;box-shadow:none;font-size:13px}.book-tabs .book-tab.active{background:#a83a2a;color:#fff}.book{perspective:1600px;padding:14px;background:linear-gradient(#8a2a1e,#5a1810);border:3px solid #1b1420;border-radius:6px;box-shadow:var(--shadow)}.book-spread{display:grid;grid-template-columns:1fr 1fr;gap:0;transform-style:preserve-3d}.book-page{position:relative;min-height:520px;padding:18px 20px 30px;color:#3a2410;background:linear-gradient(90deg,rgba(0,0,0,.08),transparent 8%) 100% /100% 100%,#f2e6c6;border:2px solid #1b1420}.book-page.page-left{border-right:0;border-radius:4px 0 0 4px;background:linear-gradient(270deg,rgba(60,30,10,.22),transparent 7%),#f2e6c6}.book-page.page-right{border-radius:0 4px 4px 0;background:linear-gradient(90deg,rgba(60,30,10,.22),transparent 7%),#f2e6c6}.turn-next .book-page.page-right{transform-origin:left center;animation:page-turn-next .55s ease-out both}.turn-prev .book-page.page-left{transform-origin:right center;animation:page-turn-prev .55s ease-out both}@keyframes page-turn-next{0%{transform:rotateY(-100deg);filter:brightness(.7)}}@keyframes page-turn-prev{0%{transform:rotateY(100deg);filter:brightness(.7)}}.book-page header h2{margin:0;color:#7a2018;font:400 16px/1.5 var(--font-title),monospace}.book-page header p{margin:4px 0 10px;font-style:italic;color:#8a7050;font-size:14px}.book-page ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}.book-entry{display:grid;grid-template-columns:68px 1fr;gap:12px;align-items:center;padding-bottom:10px;border-bottom:1px dashed #c8b088}.book-entry img{image-rendering:pixelated}.book-entry h3{margin:0 0 2px;font-size:15px;color:#6a5a48}.book-entry.done h3{color:#3a1408}.book-entry p{margin:0;font-size:13px;color:#7a6450}.book-entry.done img{filter:drop-shadow(0 0 6px rgba(255,210,90,.6))}.book-entry.tier-legend img{filter:drop-shadow(0 0 8px rgba(190,120,255,.8))}.book-done{margin-top:4px!important;color:#3f6a2e!important;font-weight:600}.book-done span{color:#8a3a10}.book-progress{display:flex;gap:8px;align-items:center;margin-top:4px}.book-progress .bar{flex:1 1;height:6px;background:#d8c49c}.book-progress .bar span{background:#c07a2a}.book-progress small{color:#8a7050}.book-folio{position:absolute;bottom:8px;left:50%;translate:-50% 0;font-size:12px;color:#a08a68}.book-nav{display:flex;justify-content:space-between;align-items:center}@media (max-width:760px){.book-spread{grid-template-columns:1fr}.book-page.page-left,.book-page.page-right{border:2px solid #1b1420;border-radius:4px;min-height:0}}.heal-panel{display:grid;gap:10px}.heal-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.heal-head h3{margin:0}.bar.hp span{background:var(--red)}.heal-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}.heal-options form{display:contents}.heal-panel button.heal-option,:root[data-style=pixel] .heal-panel button.heal-option{justify-content:flex-start;gap:10px;width:100%;padding:8px 12px;text-align:left;background:var(--panel-2);color:var(--text);border:1px solid var(--line-2)}.heal-panel button.heal-option:not(:disabled):hover{border-color:var(--green);background:color-mix(in srgb,var(--green) 10%,var(--panel-2))}.heal-option>span{display:grid;gap:2px}.heal-option small{color:var(--soft)}.heal-option img{image-rendering:pixelated}.stat-row{flex-wrap:wrap}.stat-bar{flex-basis:100%;height:6px}.learn-card.locked{opacity:.75}.learn-card.locked img{filter:grayscale(.7)}.next-steps ol{margin:6px 0 0;padding-left:20px;display:grid;gap:6px}.next-steps a{color:var(--text)}.next-steps a:hover{color:var(--gold)}.beginner-step{display:grid;gap:8px;border-left:4px solid var(--gold);background:linear-gradient(90deg,color-mix(in srgb,var(--gold) 10%,transparent),transparent 60%),var(--panel)}.beginner-step h3,.beginner-step p{margin:0}.beginner-step .button{justify-self:start}.stat-sheet{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:18px 24px;align-items:center}.stat-radar{margin:0;display:grid;gap:6px;justify-items:center;text-align:center}.stat-radar svg{width:100%;max-width:300px;overflow:visible}.radar-ring{fill:color-mix(in srgb,var(--panel-2) 70%,transparent);stroke:var(--line-2);stroke-width:1}.radar-ring.outer{fill:var(--panel-2)}.radar-spoke{stroke:var(--line)}.radar-shape{fill:color-mix(in srgb,var(--gold) 35%,transparent);stroke:var(--gold);stroke-width:2.5;stroke-linejoin:round}.stat-cards{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px}.stat-card{display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:center;padding:8px 10px;background:var(--panel-2);border:1px solid var(--line);border-left:4px solid var(--stat);border-radius:var(--radius-sm)}.stat-card img{image-rendering:pixelated}.stat-card-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.stat-value{font-size:20px;font-weight:800;color:var(--stat);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-value small{font-size:11px;font-weight:500;color:var(--soft)}.stat-track{height:8px;margin:4px 0 3px;background:var(--bg-2);border:1px solid var(--line);border-radius:999px;overflow:hidden}.stat-track span{display:block;height:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--stat) 70%,#000),var(--stat));box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}:root[data-style=pixel] .stat-track,:root[data-style=pixel] .stat-track span{border-radius:0}.stat-sheet-note{grid-column:1/-1;margin:0}@media (max-width:720px){.stat-sheet{grid-template-columns:1fr}}.stat-side{display:grid;gap:10px}.stat-pool{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;padding:10px 12px;border:1px solid color-mix(in srgb,var(--gold) 50%,var(--line));border-radius:var(--radius-sm);background:color-mix(in srgb,var(--gold) 8%,var(--panel-2))}.stat-pool small{flex-basis:100%}.pool-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px 2px 4px;border:1px solid var(--stat,var(--line-2));border-radius:999px;font-weight:700;font-size:13px}.pool-chip img{image-rendering:pixelated}.stat-effects{margin:2px 0;padding:0;list-style:none;font-size:13px}.stat-effects li:before{content:"▸ ";color:var(--stat)}.stat-spend{margin-top:6px}.stat-spend button{padding:4px 10px;font-size:13px}.stat-convert{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:8px 10px;border:1px dashed var(--line-2);border-radius:var(--radius-sm)}.side-link{position:relative}.side-link-pending{display:inline-block;width:10px;height:10px;margin-left:8px;vertical-align:middle;border:2px solid var(--line-2);border-top-color:var(--brand);border-radius:50%;animation:nav-spin .7s linear infinite}@keyframes nav-spin{to{rotate:1turn}}.page-loading{display:flex;align-items:center;gap:4px;padding:24px 4px;color:var(--soft)}.page-loading .side-link-pending{margin:0 6px 0 0}.badge-ladder img,.member-badge img,.plan-badge{image-rendering:pixelated}.member-badge{display:inline-flex;align-items:center;gap:10px;padding:6px 12px 6px 6px;border:1px solid var(--line-2);border-radius:var(--radius);background:var(--panel-2)}.member-badge.zetsu_plus{border-color:color-mix(in srgb,var(--gold) 55%,var(--line-2))}.member-badge.compact{padding:2px;border-radius:var(--radius-sm)}.member-badge span{display:flex;flex-direction:column;line-height:1.25}.member-badge small{color:var(--faint)}.member-badges{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.premium-status{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-bottom:20px}.premium-status form{margin-top:8px}.premium-plans .plan{position:relative}.premium-plans .plan.zetsu_plus{border-color:color-mix(in srgb,var(--gold) 45%,var(--line))}.premium-plans .plan h2{margin:0}.premium-plans .plan ul{margin:0;padding-left:18px;color:var(--soft)}.plan-badge{image-rendering:pixelated}.plan-price{margin:0;font-size:1.1rem}.plan-price b{font-size:1.6rem}.plan .check{display:flex;gap:8px;align-items:flex-start;font-size:.85rem;color:var(--soft)}.plan .check input{margin-top:3px}.badge-ladder{display:flex;flex-wrap:wrap;gap:12px}.badge-ladder span{display:flex;flex-direction:column;align-items:center;gap:4px;width:76px;text-align:center}.badge-ladder small{color:var(--faint);font-size:.7rem;line-height:1.2}