@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./alegreya-sans-latin-400-normal-DtLlO8BS.woff2)format("woff2"),url(./alegreya-sans-latin-400-normal-DmA8jeke.woff)format("woff")}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./alegreya-sans-latin-500-normal-DS713u5J.woff2)format("woff2"),url(./alegreya-sans-latin-500-normal-vXxrTKJT.woff)format("woff")}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:700;src:url(./alegreya-sans-latin-700-normal-DEbcy2sF.woff2)format("woff2"),url(./alegreya-sans-latin-700-normal-BnzUNlma.woff)format("woff")}@font-face{font-family:Almendra;font-style:normal;font-display:swap;font-weight:400;src:url(./almendra-latin-400-normal-CLadfHti.woff2)format("woff2"),url(./almendra-latin-400-normal-1m0mD8kt.woff)format("woff")}@font-face{font-family:Almendra;font-style:normal;font-display:swap;font-weight:700;src:url(./almendra-latin-700-normal-CcSzIg09.woff2)format("woff2"),url(./almendra-latin-700-normal-Kc8Sb4gi.woff)format("woff")}@font-face{font-family:Almendra;font-style:italic;font-display:swap;font-weight:400;src:url(./almendra-latin-400-italic-DTUN48pV.woff2)format("woff2"),url(./almendra-latin-400-italic-Csb3g4vO.woff)format("woff")}:root{--display:"Almendra", Georgia, serif;--body:"Alegreya Sans", system-ui, sans-serif;--malam:#101b20;--hutan:#173f3b;--daun:#54836a;--pelita:#ffc66d;--bara:#e77545;--kain:#f4e6c8;--kabus:#a9bdc0;--puaka:#ba96e6}*{box-sizing:border-box}html,body{background:var(--malam);height:100%;color:var(--kain);font:17px/1.35 var(--body);-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}#stage{position:fixed;inset:0}#stage canvas{width:100%;height:100%;display:block}#hud,#overlay{pointer-events:none;position:fixed;inset:0}body.paused #hud,body.paused #overlay,body.paused #mute{visibility:hidden}#mute{z-index:50;color:#fff;cursor:pointer;background:#101b20c7;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:38px;height:38px;padding:0;font-size:17px;line-height:1;display:grid;position:fixed;bottom:12px;right:12px}#mute:hover{background:#283c44e6}.netrow{display:none!important}#hud>*,#overlay>*{pointer-events:auto}h1,h2,.title{font-family:var(--display);letter-spacing:.01em;margin:0;font-weight:800}.panel{background:color-mix(in srgb, var(--hutan) 86%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #ffc66d33;border-radius:10px;box-shadow:0 6px 24px #0008}.topbar{white-space:nowrap;align-items:center;gap:18px;padding:8px 18px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.topbar .night{font-family:var(--display);color:var(--pelita);font-size:20px;font-weight:800}.stat{align-items:center;gap:6px;font-weight:700;display:flex}.stat small{color:var(--kabus);font-weight:400}.bar{background:#0007;border:1px solid #fff2;border-radius:6px;width:110px;height:10px;overflow:hidden}.bar>i{height:100%;transition:width .4s;display:block}.bar.hall>i{background:linear-gradient(90deg, var(--bara), var(--pelita))}.bar.fear>i{background:linear-gradient(90deg, #6d4ca3, var(--puaka))}.players{flex-direction:column;gap:8px;width:232px;padding:8px;display:flex;position:absolute;top:70px;left:10px}.pl{opacity:.78;background:linear-gradient(135deg,#0b1a1c99,#0b1a1c55);border:1px solid #ffffff14;border-radius:12px;grid-template-columns:52px 1fr;align-items:center;gap:8px 10px;padding:8px 10px 8px 8px;transition:opacity .2s,border-color .2s,box-shadow .2s;display:grid;position:relative}.pl:before{content:"";background:var(--c);opacity:.5;border-radius:0 3px 3px 0;width:3px;position:absolute;top:10px;bottom:10px;left:0}.pl.active{opacity:1;border-color:color-mix(in srgb, var(--c) 70%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--c) 22%, #0b1a1c), #0b1a1ccc);box-shadow:0 0 0 1px color-mix(in srgb, var(--c) 35%, transparent), 0 6px 18px #0009, inset 0 1px 0 #ffffff14}.pl.active:before{opacity:1;box-shadow:0 0 10px var(--c)}.pav{width:52px;height:52px;position:relative}.pl.active .pav{filter:drop-shadow(0 0 8px color-mix(in srgb, var(--c) 60%, transparent))}.pmeta{flex-direction:column;gap:2px;min-width:0;display:flex}.pmeta .name{align-items:center;min-width:0;font-size:16px;display:flex}.pmeta .nm{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pmeta .turn{letter-spacing:.08em;text-transform:uppercase;color:var(--kabus);font-size:11px;font-weight:700}.pl.active .turn{color:var(--c)}.cp{gap:4px;margin-top:3px;display:flex}.cp u{background:#ffffff1c;border-radius:2px;width:14px;height:8px;transform:skew(-18deg)}.cp u.full{background:linear-gradient(180deg, #ffe2a6, var(--pelita));box-shadow:0 0 6px #ffc66d88}.pl .res{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.rc{background:#00000040;border:1px solid #ffffff12;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:4px 6px;font-size:14px;display:flex}.rc i{font-size:14px;font-style:normal;line-height:1}.rc b{color:var(--kain);font-variant-numeric:tabular-nums;font-weight:700}.rc.food{box-shadow:inset 0 -2px #e0a33077}.rc.sup{box-shadow:inset 0 -2px #8f6b4a99}.rc.oil{box-shadow:inset 0 -2px #e7754599}.badge{flex:none;width:13px;height:13px;margin-right:6px}.avatar{object-fit:cover;box-shadow:0 0 0 2.5px var(--seat,var(--pelita)), 0 0 0 3.5px #0008;background:#0b1a1c;border-radius:50%;flex:none;display:block}.log{width:260px;max-height:38vh;color:var(--kabus);flex-direction:column-reverse;gap:3px;padding:8px 10px;font-size:13px;display:flex;position:absolute;top:70px;right:10px;overflow:hidden}.log div:first-child{color:var(--kain)}.actions{border-color:color-mix(in srgb, var(--c,#ffc66d) 45%, #ffc66d22);width:max-content;max-width:min(96vw,1120px);box-shadow:0 6px 24px #0008, 0 -1px 0 color-mix(in srgb, var(--c,#ffc66d) 60%, transparent) inset;align-items:stretch;gap:14px;padding:10px 12px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.actions .who{border-right:1px solid #ffffff1a;grid-template-columns:48px 1fr;align-content:center;align-items:center;gap:6px 10px;min-width:190px;max-width:220px;padding-right:14px;font-size:13px;display:grid}.actions .who .thumb{object-fit:contain;filter:drop-shadow(0 2px 6px #000a);width:48px;height:56px;display:block}.actions .who .pav{width:44px;height:44px;display:block}.actions .who b{font-family:var(--display);color:var(--pelita);font-size:18px;font-weight:800;line-height:1.15;display:block}.actions .who .sub{color:var(--kabus);margin-top:3px;font-size:12px}.actions .who .legend{color:var(--kabus);background:#ffc66d14;border-radius:6px;grid-column:1/-1;align-items:center;gap:6px;padding:5px 8px;font-size:12px;line-height:1.25;display:flex}.actions .who .legend i{color:var(--bara);font-style:normal}.actions .hp,.actions .cp{gap:3px;margin-top:4px;display:flex}.actions .hp u,.actions .cp u{background:#ffffff1c;border-radius:2px;width:12px;height:7px;transform:skew(-18deg)}.actions .hp u.full{background:linear-gradient(180deg, #ff9d82, var(--bara));box-shadow:0 0 5px #e7754577}.actions .cp u.full{background:linear-gradient(180deg, #ffe2a6, var(--pelita));box-shadow:0 0 6px #ffc66d88}.actions .sec{flex-direction:column;flex:none;gap:5px;min-width:0;display:flex}.actions .sec .lbl{margin:0;padding-left:2px}.actions .cards{flex-wrap:wrap;gap:6px;display:flex}button.act{text-align:center;background:linear-gradient(#14302e,#0d1f20);border-color:#ffc66d33;border-radius:10px;flex-direction:column;justify-content:flex-start;align-items:center;gap:2px;width:84px;min-height:92px;padding:6px 4px;font-size:12px;line-height:1.15;display:flex;position:relative}button.act .lb{color:var(--kain);align-items:center;min-height:28px;font-weight:700;display:flex}button.act img{object-fit:contain;filter:drop-shadow(0 2px 4px #000a);pointer-events:none;width:60px;height:44px}button.act .ico{filter:drop-shadow(0 2px 4px #000a);place-items:center;height:44px;font-size:28px;font-style:normal;line-height:1;display:grid}button.act .chips{flex-wrap:wrap;justify-content:center;gap:4px;margin-top:auto;display:flex}button.act:hover:not(:disabled){background:linear-gradient(#1f4d46,#12302d);box-shadow:0 4px 14px #0008,0 0 0 1px #ffc66d55}button.act.on{border-color:var(--pelita);box-shadow:0 0 0 1px var(--pelita), 0 0 14px #ffc66d66;background:linear-gradient(#4a4216,#2b2710)}button.act.on:after{content:"";background:var(--pelita);width:7px;height:7px;box-shadow:0 0 8px var(--pelita);border-radius:50%;position:absolute;top:5px;right:6px}button.act:disabled{opacity:.45}button.act:disabled img,button.act:disabled .ico{filter:grayscale(.8)drop-shadow(0 2px 4px #000a)}.actions .end{border-radius:10px;flex-direction:column;justify-content:center;align-self:stretch;align-items:center;gap:2px;min-width:100px;padding:8px 14px;font-size:15px;line-height:1.15;display:flex}.actions .end b{font-weight:800}.actions .end small{letter-spacing:.1em;text-transform:uppercase;opacity:.6;border:1px solid #2a1a0555;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:700}button{font:inherit;color:var(--kain);cursor:pointer;background:#0f2a28;border:1px solid #ffc66d55;border-radius:8px;padding:8px 12px;font-weight:700;transition:transform 80ms,background .15s,border-color .15s}button:hover:not(:disabled){border-color:var(--pelita);background:#1c4a44;transform:translateY(-1px)}button:focus-visible{outline:2px solid var(--pelita);outline-offset:2px}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--pelita);color:#2a1a05;border-color:var(--pelita)}button.primary:hover:not(:disabled){background:#ffd48f}button.on{border-color:var(--pelita);background:#3b3512}.cost{color:var(--kain);background:#0005;border:1px solid #ffffff14;border-radius:99px;align-items:center;gap:2px;padding:1px 6px;font-size:11px;font-weight:700;display:inline-flex}.cost i{font-size:11px;font-style:normal;line-height:1}.cost.cp{color:var(--pelita);border-color:#ffc66d44}.cost.short{color:#ff9d82;border-color:#e7754566}.tip{padding:6px 10px;font-size:13px;position:absolute;transform:translate(14px,14px);pointer-events:none!important}.tip b{color:var(--pelita)}.menu,.modal{background:radial-gradient(circle at 50% 40%,#173f3bcc,#101b20f2 70%);place-items:safe center;display:grid;position:absolute;inset:0;overflow-y:auto}.card{text-align:center;width:min(560px,92vw);padding:28px 30px}.card img.logo{filter:drop-shadow(0 0 18px #ffc66d88);width:120px}.card h1{color:var(--pelita);text-shadow:0 0 24px #ffc66d66;font-size:44px}.card .tag{color:var(--kabus);margin:4px 0 18px}.card .row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:10px 0;display:flex}.card p{color:var(--kabus);text-align:left}@media (max-height:820px){.card{padding:18px 26px}.card img.logo{width:72px}.card h1{font-size:36px}.card .tag{margin-bottom:10px}.card .row{margin:6px 0}.panels{margin:8px 0}}.seg{border:1px solid #ffc66d55;border-radius:8px;display:inline-flex;overflow:hidden}.seg button{border:0;border-radius:0}.panels{text-align:left;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0;display:grid}.panels div{background:#0005;border-radius:8px;padding:10px;font-size:14px}.panels b{color:var(--pelita);font-family:var(--display);font-weight:800;display:block}.stats{justify-content:center;gap:22px;margin:14px 0;display:flex}.stats div b{font-family:var(--display);color:var(--pelita);font-size:30px;font-weight:800;display:block}.win h1{color:var(--pelita)}.lose h1{color:var(--bara)}#flash{pointer-events:none;opacity:0;background:#060b12;transition:opacity .7s;position:fixed;inset:0}#flash.on{opacity:.75}#flash .big{font:800 56px var(--display);color:var(--pelita);text-shadow:0 0 30px #ffc66d88;letter-spacing:.04em;place-items:center;display:grid;position:absolute;inset:0}.handoff{text-align:center}.handoff .chip{color:#101b20;border-radius:99px;margin:6px 0 14px;padding:4px 14px;font-weight:700;display:inline-block}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.roster{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.rp{max-width:72px;color:var(--kain);flex-direction:column;align-items:center;gap:2px;font-size:12px;display:flex}.rp span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.hav{filter:drop-shadow(0 0 16px #ffc66d55);justify-content:center;margin:8px 0 0;display:flex}.stk{width:96px;height:96px;margin:0 auto;display:block}.stk.big{width:140px;height:140px}.creator{text-align:left;background:linear-gradient(#1b4a44f0,#112d2cf5 60%,#0d2022f8);border:1px solid #ffc66d66;width:min(820px,94vw);max-height:94vh;padding:0;position:relative;overflow:auto;box-shadow:0 0 0 4px #101b20,0 0 0 5px #ffc66d33,0 18px 60px #000c,0 0 80px #ffc66d14}.creator:before{content:"";pointer-events:none;border-radius:inherit;opacity:.5;background:repeating-linear-gradient(135deg,#0000 0 14px,#ffc66d07 14px 15px);position:absolute;inset:0}.khead{border-bottom:2px solid #ffc66d55;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;padding:16px 22px 0;display:flex;position:relative}.kover{letter-spacing:.16em;text-transform:uppercase;color:var(--kabus);font-size:12px}.ktitle h2{color:var(--pelita);text-shadow:0 0 20px #ffc66d66;font-size:30px;line-height:1.05}.tabs{flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;gap:8px;margin:0;display:flex}.tab{border:1px solid #fff2;border-top:3px solid var(--c);background:#0a1a1ccc;border-radius:0 0 12px 12px;align-items:center;gap:7px;margin-bottom:-1px;padding:5px 12px 5px 6px;display:inline-flex;position:relative}.tab:before{content:"";background:#ffc66d88;width:1px;height:6px;position:absolute;top:-9px;left:50%}.tab.on{border-color:#ffc66d88;border-top-color:var(--c);box-shadow:0 6px 16px -4px var(--c);background:linear-gradient(#3a3512,#1f2410)}.tab span{text-overflow:ellipsis;white-space:nowrap;max-width:110px;overflow:hidden}.cbody{grid-template-columns:230px 1fr;gap:24px;padding:18px 22px 6px;display:grid;position:relative}.preview{flex-direction:column;align-items:center;gap:8px;display:flex}.kframe{border:2px solid var(--c);box-shadow:inset 0 0 28px #0009, 0 0 26px -4px var(--c), 0 0 40px #ffc66d22;background:radial-gradient(circle at 50% 42%,#ffc66d55 0,#ffc66d18 40%,#0a1a1c 72%);border-radius:16px;padding:10px;position:relative}.kframe:before,.kframe:after{content:"";border:2px solid var(--pelita);width:12px;height:12px;position:absolute}.kframe:before{border-bottom:0;border-right:0;border-radius:4px 0 0;top:-5px;left:-5px}.kframe:after{border-top:0;border-left:0;border-radius:0 0 4px;bottom:-5px;right:-5px}.kframe #pf-preview{filter:drop-shadow(0 4px 10px #000a);place-items:center;display:grid}.kno{letter-spacing:.14em;text-transform:uppercase;color:var(--kabus);font-size:12px}.plate{background:linear-gradient(#3a2a14,#241a0c);border:1px solid #ffc66d88;border-radius:6px;width:100%;padding:14px 8px 6px;position:relative;box-shadow:inset 0 0 10px #000a,0 2px 8px #0008}.plate span{letter-spacing:.18em;text-transform:uppercase;color:#ffc66dcc;font-size:10px;position:absolute;top:2px;left:10px}.plate input{width:100%;font:800 20px var(--display);letter-spacing:.02em;text-align:center;color:var(--kain);-webkit-user-select:text;user-select:text;background:0 0;border:0;border-bottom:1px dashed #ffc66d77;padding:2px 4px 4px}.plate input::placeholder{color:#f4e6c855}.plate input:focus-visible{border-bottom:1px solid var(--pelita);box-shadow:0 6px 12px -8px var(--pelita);outline:0}.rawak{width:100%;color:var(--pelita);background:0 0;border-style:dashed}.rawak:before{content:"⚄ "}.pickers{grid-template-columns:1fr 1fr;align-content:start;gap:12px 22px;display:grid}.grp{min-width:0}.grp.wide{grid-column:1/-1}.lbl{color:var(--pelita);text-transform:uppercase;letter-spacing:.14em;align-items:center;gap:8px;margin-bottom:6px;font-size:12px;font-weight:700;display:flex}.lbl:after{content:"";background:linear-gradient(90deg,#ffc66d66,#0000);flex:1;height:1px}.opts{flex-wrap:wrap;gap:6px;display:flex}.opt{background:#0a1a1caa;border-color:#ffffff2a;border-radius:99px;padding:3px 11px;font-size:15px}.opt.on{border-color:var(--pelita);color:#fff3d6;background:linear-gradient(#4a4216,#2b2710);box-shadow:0 0 12px #ffc66d44}.hgrid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.hcard{color:var(--kain);background:#0a1a1caa;border:1px solid #ffffff2a;border-radius:12px;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:8px 4px 6px;display:flex}.hcard b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;line-height:1.1;overflow:hidden}.hcard small{color:var(--kabus);text-align:center;font-size:10.5px;line-height:1.15}.hcard .avatar{margin-bottom:3px}.hcard.on,.hcard:hover:not(:disabled){border-color:var(--pelita);background:linear-gradient(#4a4216,#2b2710);box-shadow:0 0 12px #ffc66d44}.trait{text-align:center;width:100%;color:var(--kain);font-size:12.5px;line-height:1.3}.trait b{color:var(--pelita);font-size:16px;display:block}.trait span{letter-spacing:.1em;text-transform:uppercase;color:var(--kabus);margin-bottom:3px;font-size:11px;display:block}.trait p{min-height:3.9em;margin:0}.creator>.row{justify-content:flex-end;margin:0;padding:8px 22px 16px;position:relative}.creator>.row .primary{padding:8px 34px;font-size:18px;box-shadow:0 0 22px #ffc66d66}@media (max-width:720px){.cbody{grid-template-columns:1fr;gap:14px;padding:14px 14px 4px}.khead{padding:12px 14px 0}.tabs{justify-content:flex-start}.preview{grid-template-columns:auto 1fr;place-items:center stretch;gap:6px 12px;display:grid}.kframe{grid-row:1/span 3}.kframe #pf-preview .avatar{width:104px;height:104px}.kno{text-align:left}.pickers{grid-template-columns:1fr;gap:10px}.trait p{min-height:0}.hcard small{display:none}.creator>.row{padding:8px 14px 14px}.players{width:198px;top:84px}.pl{grid-template-columns:44px 1fr;padding:6px 8px 6px 6px}.pav,.pav .avatar{width:44px;height:44px}.log{display:none}.topbar{white-space:normal;flex-wrap:wrap;justify-content:center;gap:4px 10px;padding:6px 10px;font-size:13px;top:6px;left:6px;right:6px;transform:none}.topbar .night{font-size:16px}.bar{width:60px}.actions{width:96vw;max-width:96vw;bottom:max(8px, env(safe-area-inset-bottom));flex-wrap:wrap;justify-content:center;gap:8px;max-height:46vh;overflow-y:auto}.actions .who{border-bottom:1px solid #ffffff1a;border-right:0;grid-template-columns:40px 1fr auto;width:100%;min-width:0;max-width:none;padding-bottom:6px;padding-right:0}.actions .who .legend{grid-column:auto;max-width:150px}.actions .cards{flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.actions .sec{width:100%}button.act{flex:none;width:76px;min-height:84px}.actions .end{flex-direction:row;gap:10px;width:100%;padding:8px}.panels{grid-template-columns:1fr}.card h1{font-size:30px}}.err{color:#ff8a80;min-height:18px;font-size:13px}.card input#net-code{width:76px;font:inherit;text-align:center;letter-spacing:.2em;text-transform:uppercase;color:var(--kain);-webkit-user-select:text;user-select:text;background:#0007;border:2px solid #ffc66d55;border-radius:8px;padding:6px;font-weight:700}.card input#net-code:focus-visible{outline:2px solid var(--pelita);outline-offset:2px}.lobby .code{letter-spacing:.25em;color:var(--pelita);text-shadow:0 0 24px #ffc66d66;-webkit-user-select:text;user-select:text;padding-left:.25em;font-size:56px;font-weight:800}.rp.off{opacity:.45}.rp.empty .slot{border:2px dashed var(--c);width:52px;height:52px;color:var(--c);border-radius:50%;place-items:center;font-size:22px;display:grid}.gift{grid-column:1/-1;gap:4px;display:flex}.gift button{padding:2px 6px;font-size:12px}.waiting{border-color:var(--c)}.roomtag{color:var(--kabus);padding:4px 10px;font-size:12px;position:absolute;bottom:10px;left:10px}.roomtag b{color:var(--pelita);letter-spacing:.15em}.scene{cursor:pointer;background:#05080c;position:absolute;inset:0;overflow:hidden}.art-stack,.art-stack .layer,.art{width:100%;height:100%;position:absolute;inset:0}.art-stack .layer{opacity:0;transition:opacity 1s}.art-stack .layer.on{opacity:1}.art{object-fit:cover;-webkit-user-select:none;user-select:none;transform-origin:50% 60%;animation:24s ease-in-out infinite alternate drift}@keyframes drift{0%{transform:scale(1.02)translate(-8px)}to{transform:scale(1.08)translate(8px)}}.vignette{pointer-events:none;background:radial-gradient(at 50% 45%,#0000 45%,#000a 100%),linear-gradient(0deg,#000c 0,#0000 38%);position:absolute;inset:0}.scene-cap{text-align:center;font:800 clamp(22px, 4vw, 40px) var(--display);color:var(--pelita);text-shadow:0 0 28px #ffc66d88,0 2px #000;position:absolute;top:5vh;left:0;right:0}.skip{background:#0009;position:absolute;top:14px;right:14px}.dlg{cursor:pointer;grid-template-columns:auto 1fr;align-items:center;gap:18px;width:min(820px,94vw);min-height:128px;padding:18px 26px;display:grid;position:absolute;bottom:max(22px,4vh);left:50%;transform:translate(-50%)}.dlg.narr{text-align:center;grid-template-columns:1fr}.dlg .face:empty{display:none}.dlg .portrait{border:3px solid var(--pelita);background:#0b1a1c;border-radius:50%;width:84px;height:84px;display:block;box-shadow:0 0 18px #ffc66d44}.dlg .portrait.leha{border-color:#e58ab0;box-shadow:0 0 18px #e58ab044}.dlg .who{font:800 17px var(--display);color:var(--pelita);min-height:1px;margin-bottom:4px}.dlg .said{min-height:3.1em;font-size:clamp(16px,2.2vw,20px);line-height:1.55}.dlg.narr .said{color:var(--kain);font-style:italic}.dlg .next{color:var(--pelita);opacity:0;position:absolute;bottom:8px;right:18px}.dlg.ready .next{opacity:1;animation:1s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(-4px)}}.camp{width:min(640px,94vw);max-height:94vh;overflow:auto}.camp-head{text-align:left;align-items:center;gap:16px;margin-bottom:12px;display:flex}.camp-head h1{font-size:34px}.camp-head .tag{margin:2px 0 0}.missions{flex-direction:column;gap:8px;margin:8px 0 12px;display:flex}.mcard{text-align:left;background:#0006;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:10px 14px;display:grid}.mcard.next{border-color:var(--pelita);box-shadow:0 0 18px #ffc66d44}.mcard:disabled{opacity:.4}.mno{font:800 24px var(--display);color:var(--pelita);text-align:center}.mtxt b{font:800 18px var(--display);display:block}.mtxt small{color:var(--kabus);font-size:13px;font-weight:400;display:block}.stars{gap:2px;font-size:22px;display:inline-flex}.stars i{color:#ffffff30;font-style:normal}.stars i.on{color:var(--pelita);text-shadow:0 0 10px #ffc66d99}.done-note{text-align:center!important;color:var(--pelita)!important}.brief{width:min(580px,94vw);max-height:94vh;overflow:auto}.brief h1{font-size:38px}.goal-line{margin-top:8px;font-size:20px}.goal-line b{color:var(--pelita)}.goal-sub{color:var(--kabus);margin:2px 0 10px;font-size:13px}.tips{text-align:left;background:#0005;border-radius:8px;margin:10px 0 14px;padding:12px 14px 12px 32px;font-size:14px}.tips li{margin:4px 0}.star-rules{text-align:left;margin:10px 0;padding:0;font-size:14px;list-style:none;display:inline-block}.star-rules li{color:var(--kabus)}.star-rules li.on{color:var(--pelita)}.mission{width:230px;padding:10px 12px;position:absolute;top:70px;left:10px}.mission .mk{color:var(--kabus);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.mission .obj{font:800 16px var(--display);color:var(--pelita);margin:2px 0 6px}.bar.goal{width:100%}.bar.goal>i{background:linear-gradient(90deg, var(--daun), var(--pelita))}.mission small{color:var(--kabus)}.mission .coach{background:#ffc66d18;border-radius:6px;margin-top:8px;padding:6px 8px;font-size:13px}.has-mission .players{top:auto;bottom:10px}@media (max-width:720px){.dlg{text-align:center;grid-template-columns:1fr;min-height:0;padding:12px 16px}.dlg .face{justify-content:center;display:flex}.dlg .face svg,.dlg .portrait{width:56px;height:56px}.mission{width:min(230px,60vw);padding:8px 10px;top:188px;bottom:auto;left:6px}.mission .coach{display:none}.has-mission .players{top:84px;bottom:auto}}@media (prefers-reduced-motion:reduce){.art{animation:none!important}.art-stack .layer{transition:none}}.menu.landing{background:#0b1418;grid-template-columns:1fr;place-items:center end;padding:0 clamp(16px,6vw,96px);display:grid;overflow-x:hidden}.landing .hero{aspect-ratio:1344/768;pointer-events:none;width:max(100vw,175vh);position:fixed;top:50%;left:0;transform:translateY(-50%)}.landing .par{transform:translate(calc(var(--px,0) * -22px), calc(var(--py,0) * -12px));transition:transform .6s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.landing .scene{transform-origin:14% 52%;animation:24s ease-in-out infinite alternate push;position:absolute;inset:0}.landing .bg{background:url(../brand/hero.webp) 50%/100% 100% no-repeat;animation:9s ease-in-out infinite alternate moonlit;position:absolute;inset:0}.landing .scene>canvas.fx{width:100%;height:100%;position:absolute;inset:0}.landing:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(90deg,#0b141800 0% 28%,#0b1418d9 62%,#0b1418 100%),radial-gradient(120% 80% at 50% 110%,#0b1418 0%,#0b141800 55%);position:fixed;inset:0}.landing .flame{aspect-ratio:1;mix-blend-mode:screen;background:radial-gradient(circle,#ffc66d77 0%,#e7754528 38%,#e7754500 68%);border-radius:50%;width:22%;animation:3.4s ease-in-out infinite flick;position:absolute;top:51%;left:14.2%;transform:translate(-50%,-50%)}.landing .stars,.landing .stars:after{content:"";background:radial-gradient(circle at 36% 13%,#fff 0 1px,#fff0 2.4px),radial-gradient(circle at 43.2% 14%,#fff 0 1px,#fff0 2.4px),radial-gradient(circle at 33.3% 10.9%,#fff 0 1px,#fff0 2.4px),radial-gradient(circle at 44.3% 13.4%,#fff 0 1px,#fff0 2.4px),radial-gradient(circle at 35.1% 15.6%,#fff 0 1px,#fff0 2.4px),radial-gradient(circle at 30.5% 20.4%,#fff 0 1px,#fff0 2.4px),radial-gradient(circle at 38.5% 22.6%,#fff 0 1px,#fff0 2.4px),radial-gradient(circle at 40.3% 5.1%,#fff 0 1px,#fff0 2.4px),radial-gradient(circle at 30.8% 16.6%,#fff 0 1px,#fff0 2.4px);animation:3.6s ease-in-out infinite twinkle;position:absolute;inset:0}.landing .stars:after{background:radial-gradient(circle at 31.1% 23.4%,#fff 0 1px,#fff0 2.4px),radial-gradient(circle at 45.5% 18.8%,#fff 0 1px,#fff0 2.4px),radial-gradient(circle at 44.3% 17.4%,#fff 0 1px,#fff0 2.4px),radial-gradient(circle at 43.5% 21.5%,#fff 0 1px,#fff0 2.4px),radial-gradient(circle at 41.7% 8.5%,#fff 0 1px,#fff0 2.4px),radial-gradient(circle at 30.9% 24.6%,#fff 0 1px,#fff0 2.4px),radial-gradient(circle at 38.5% 24%,#fff 0 1px,#fff0 2.4px),radial-gradient(circle at 37.7% 23.6%,#fff 0 1px,#fff0 2.4px),radial-gradient(circle at 34.7% 9.8%,#fff 0 1px,#fff0 2.4px);animation-duration:5.1s;animation-delay:-2s}.landing .bulb{aspect-ratio:1;mix-blend-mode:screen;width:3%;animation:twinkle 1.9s ease-in-out var(--d) infinite;background:radial-gradient(circle,#ffe3a8f0 0,#ffb34a88 32%,#ffb34a00 70%);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.landing .win{aspect-ratio:1;mix-blend-mode:screen;width:4.4%;animation:flick 2.6s ease-in-out var(--d) infinite;background:radial-gradient(circle,#ffc66daa 0,#ffc66d44 45%,#ffc66d00 72%);position:absolute;transform:translate(-50%,-50%)}.landing .wisp{opacity:0;filter:blur(.4px)brightness(1.1)saturate(.8);mix-blend-mode:screen;width:auto;height:26%;animation:11s ease-in-out infinite haunt;position:absolute;bottom:14%}.landing .w1{animation-delay:0s;left:66%}.landing .w2{height:22%;animation-duration:13s;animation-delay:2.5s;left:78%}.landing .w3{height:18%;animation-delay:5s;bottom:20%;left:88%}.landing .w4{height:30%;animation-duration:14s;animation-delay:7s;bottom:17%;left:57%}.landing .w5{height:20%;animation-delay:9s;bottom:10%;left:94%}@keyframes push{0%{transform:scale(1.02)}to{transform:scale(1.12)translate(-.9%,.5%)}}@keyframes moonlit{0%{filter:brightness(.88)saturate(.92)}to{filter:brightness(1.16)saturate(1.1)}}@keyframes twinkle{0%,to{opacity:.1}40%{opacity:1}65%{opacity:.35}}@keyframes haunt{0%{opacity:0;transform:translateY(12px)scale(.96)}25%{opacity:.62}55%{opacity:.46;transform:translate(-4vw,-18px)scale(1)}to{opacity:0;transform:translate(-7vw,-34px)scale(1.04)}}@keyframes flick{0%,to{opacity:1;transform:translate(-50%,-50%)scale(1)}22%{opacity:.62;transform:translate(-50%,-50%)scale(.94)}48%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}71%{opacity:.78;transform:translate(-50%,-50%)scale(.97)}}.lcol{z-index:1;text-align:left;width:min(500px,100%);padding:28px 0;position:relative}.brand .logo{filter:drop-shadow(0 0 22px #ffc66d77);width:84px;animation:5s ease-in-out infinite bob}.kicker{letter-spacing:.22em;text-transform:uppercase;color:var(--kabus);margin:14px 0 2px;font-size:12px;font-weight:700}.landing h1{text-transform:uppercase;flex-direction:column;margin:0;line-height:.92;display:flex}.landing h1 .w1{letter-spacing:.5em;color:var(--kain);margin:0 0 6px 4px;font-size:clamp(18px,2.6vw,26px);font-weight:600}.landing h1 .w2{letter-spacing:.01em;background:linear-gradient(180deg, #ffe6b0 0%, var(--pelita) 48%, var(--bara) 100%);color:#0000;filter:drop-shadow(0 0 26px #ffc66d44);-webkit-background-clip:text;background-clip:text;padding-bottom:.06em;font-size:clamp(52px,8.2vw,92px);font-weight:800}.landing .tag{color:var(--pelita);font-family:var(--display);margin:10px 0 0;font-size:clamp(17px,2vw,21px);font-style:italic;font-weight:600}.landing .lede{max-width:46ch;color:var(--kain);opacity:.88;margin:16px 0 22px;font-size:16px}.landing .cta{flex-wrap:wrap;gap:12px;display:flex}.landing button.big{border-radius:10px;padding:14px 26px;font-size:17px}.landing button.primary.big{animation:3s ease-in-out infinite pulse;box-shadow:0 0 #ffc66d66,0 8px 28px #ffc66d44}@keyframes pulse{50%{box-shadow:0 0 0 7px #ffc66d00,0 8px 34px #ffc66d66}}.landing .rules{grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0 14px;display:grid}.landing .rules div{color:var(--kabus);background:linear-gradient(#ffc66d12,#0000);border-top:2px solid #ffc66d55;padding:12px;font-size:13px;line-height:1.35;position:relative}.landing .rules i{width:22px;height:22px;font:800 12px var(--display);color:#2a1a05;background:var(--pelita);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);place-items:center;margin-bottom:6px;font-style:normal;display:grid}.landing .rules b{color:var(--kain);font-family:var(--display);margin-bottom:2px;font-size:15px;font-weight:800;display:block}.landing .setup{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b1418cc;border:1px solid #ffc66d33;border-radius:10px;margin-top:6px}.landing .setup summary{cursor:pointer;color:var(--kabus);padding:10px 14px;font-weight:700;list-style:none}.landing .setup summary::-webkit-details-marker{display:none}.landing .setup summary:after{content:" +";color:var(--pelita)}.landing .setup[open] summary:after{content:" −"}.landing .setup summary:focus-visible{outline:2px solid var(--pelita);outline-offset:2px;border-radius:10px}@media (max-width:760px){.menu.landing{place-items:end center;padding:0 18px}.landing .hero{aspect-ratio:auto;width:100vw;height:56vh;top:0;left:0;transform:none}.landing .bg{background:url(../brand/hero-m.webp) 0 0/cover no-repeat}.landing .scene{transform-origin:20%}.landing .flame,.landing .bulb,.landing .win,.landing .wisp,.landing .stars{display:none}.landing:before{background:linear-gradient(#0b141800 0% 22%,#0b1418 56% 100%)}.lcol{width:min(480px,100%);padding:38vh 0 20px}.brand .logo{width:60px}.landing .lede{margin:12px 0 16px;font-size:15px}.landing .rules{grid-template-columns:1fr;margin-top:18px}.landing .rules div{grid-template-columns:22px 1fr;column-gap:10px;padding:8px 10px;display:grid}.landing .rules i{grid-row:1/3;margin:0}.landing button.big{flex:140px}}@media (prefers-reduced-motion:reduce){.landing .scene,.landing .logo,.landing .primary{animation:none!important}.landing .par{transition:none;transform:none}}.landing .setup .row{justify-content:flex-start;padding:0 14px}.landing .setup .row>span{min-width:74px;color:var(--kabus)}.landing .setup .keys{margin:8px 14px 14px;font-size:12.5px}@media (max-width:760px){.menu.landing{place-items:end center;padding:0 18px}.landing .hero{aspect-ratio:auto;width:100vw;height:56vh;top:0;left:0;transform:none}.landing .bg{background:url(../brand/hero-m.webp) 0 0/cover no-repeat}.landing .scene{transform-origin:20%}.landing .flame,.landing .bulb,.landing .win,.landing .wisp,.landing .stars{display:none}.landing:before{background:linear-gradient(#0b141800 0% 22%,#0b1418 56% 100%)}.lcol{width:min(480px,100%);padding:38vh 0 20px}.brand .logo{width:60px}.landing .lede{margin:12px 0 16px;font-size:15px}.landing .rules{grid-template-columns:1fr;margin-top:18px}.landing .rules div{grid-template-columns:22px 1fr;column-gap:10px;padding:8px 10px;display:grid}.landing .rules i{grid-row:1/3;margin:0}.landing button.big{flex:140px}}@media (prefers-reduced-motion:reduce){.landing .scene,.landing .bg,.landing .stars,.landing .stars:after,.landing .bulb,.landing .win,.landing .wisp,.landing .flame,.landing .logo,.landing .primary{animation:none!important}.landing .wisp{display:none}.landing .par{transition:none;transform:none}}.landing .setup .row{flex-wrap:wrap;align-items:center;gap:10px 12px;margin:8px 0;display:flex}.landing .setup .row>span{flex:0 0 74px}.landing .setup .roster{flex:220px;justify-content:flex-start}.landing .setup .err{padding:0 14px}.landing h1{line-height:0;display:block}.landing h1 .wordmark{filter:drop-shadow(0 0 22px #ffc66d33);width:min(470px,100%);height:auto;margin:6px 0 0 -6px;display:block}@media (max-width:760px){.landing h1 .wordmark{width:min(400px,92%)}}.menu.camp-menu{background:radial-gradient(at 50% 48%,#101b20aa 0,#101b2055 38%,#101b2000 75%),url(../ui/map.webp) 50%/cover no-repeat,#101b20}.modal.end-win{background:radial-gradient(#101b20b0 0,#101b2055 40%,#101b2000 78%),url(../ui/victory.webp) 50%/cover no-repeat,#101b20}.modal.end-lose{background:radial-gradient(#0a0a12b8 0,#0a0a1260 40%,#0a0a1200 78%),url(../ui/defeat.webp) 50%/cover no-repeat,#101b20}.landing .setup .cfg{gap:14px;padding:4px 14px 14px;display:grid}.cfg-group h3{font:800 13px var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--kabus);flex-wrap:wrap;align-items:baseline;gap:10px;margin:0 0 6px;display:flex}.cfg-group h3 small{font:400 12px var(--body,inherit);letter-spacing:0;text-transform:none;color:#a9bdc0aa}.opts{gap:8px;display:grid}.opts.n2{grid-template-columns:1fr 1fr}.opts.n3{grid-template-columns:repeat(3,1fr)}button.opt{text-align:left;background:#0f2a28;border:1px solid #ffc66d33;border-radius:10px;flex-direction:column;align-items:flex-start;gap:1px;padding:9px 12px;display:flex}button.opt b{color:var(--kain);font-size:15px}button.opt small{color:var(--kabus);font-size:12px;font-weight:400}.opts.n3 button.opt{text-align:center;align-items:center}.opts.n3 button.opt b{font:800 22px var(--display);line-height:1.1}button.opt.on{border-color:var(--pelita);box-shadow:0 0 0 1px var(--pelita), 0 0 14px #ffc66d44;background:linear-gradient(#4a4216,#2b2710)}button.opt.on b{color:var(--pelita)}.party{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}button.slot{border:1px solid color-mix(in srgb, var(--c) 55%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--c) 18%, #0f2a28), #0f2a28);border-radius:12px;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:10px 4px 8px;display:flex}button.slot b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;overflow:hidden}button.slot small{letter-spacing:.06em;text-transform:uppercase;min-height:14px;color:var(--pelita);font-size:11px;font-weight:700}button.slot.off{opacity:.35;filter:grayscale(.9)}.online .netrow{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.online .or{color:var(--kabus);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.online input{text-align:center;letter-spacing:.25em;width:84px;font-weight:800}.landing .setup .cfg .keys{margin:0}@media (max-width:480px){.opts.n2{grid-template-columns:1fr}.party{grid-template-columns:repeat(2,1fr)}}.pausebtn{white-space:nowrap;margin-left:4px;padding:4px 10px;font-size:14px;line-height:1.1}.pause .card,.howto .card{width:min(460px,92vw)}.howto .card{width:min(620px,94vw)}.pause h1,.howto h1{font-size:38px}.pause .stack{flex-direction:column;gap:10px;margin:14px 0 6px;display:flex}.pause .stack button{width:100%}.pause .note{text-align:center;margin:8px 0 0;font-size:13px}.howto .steps{text-align:left;gap:8px;margin:8px 0 10px;padding:0;list-style:none;display:grid}.howto .steps li{background:linear-gradient(90deg,#ffc66d14,#0000);border-left:2px solid #ffc66d66;border-radius:0 8px 8px 0;grid-template-columns:30px 1fr;align-items:start;gap:12px;padding:9px 12px;display:grid}.howto .steps i{background:var(--pelita);color:#2a1a05;width:26px;height:26px;font:800 14px var(--display);border-radius:50%;place-items:center;margin-top:1px;font-style:normal;display:grid}.howto .steps b{font-family:var(--display);color:var(--pelita);font-size:18px;line-height:1.2;display:block}.howto .steps span{color:var(--kain);margin-top:2px;font-size:14.5px;line-height:1.35;display:block}.howto .keysline{text-align:center;margin:4px 0 0;font-size:13px}.landing .cta button.ghost{background:0 0}@media (max-width:640px){.pausebtn span{display:none}.howto .card{padding:16px 14px}.howto h1{font-size:30px}.howto .steps span{font-size:13.5px}}.advisor{z-index:6;border-color:#ffc66d88;width:min(300px,100vw - 24px);padding:12px 14px;animation:.35s ease-out advIn;position:absolute;top:162px;right:12px;box-shadow:0 0 0 1px #0006,0 8px 28px #000a,0 0 22px #ffc66d22}@keyframes advIn{0%{opacity:0;transform:translateY(-8px)}}.advisor .adv-head{align-items:center;gap:10px;display:flex}.advisor .adv-av{border:2px solid var(--pelita);border-radius:50%;flex:none;width:40px;height:40px;overflow:hidden}.advisor .adv-head b{font-family:var(--display);color:var(--pelita);font-size:17px;line-height:1.1;display:block}.advisor .adv-head small{color:var(--kabus);font-size:12px}.advisor p{color:var(--kain);margin:8px 0 10px;font-size:15px;line-height:1.35}.advisor .adv-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.advisor button.link{color:var(--kabus);cursor:pointer;background:0 0;border:0;padding:2px 0;font-size:13px;text-decoration:underline}.advisor button.primary{padding:6px 16px}@keyframes advPulse{0%,to{box-shadow:0 0 #ffc66d00}50%{box-shadow:0 0 0 4px #ffc66dcc,0 0 22px #ffc66d99}}body[data-adv=end] .actions .end,body[data-adv=recruit] .actions .sec:last-of-type .cards,body[data-adv=actions] .actions .sec:first-of-type .cards{border-radius:10px;animation:1.3s ease-in-out infinite advPulse}@media (max-width:640px){.advisor{width:auto;inset:auto 8px 150px}}.langsw{z-index:5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#101b20cc;border:1px solid #ffc66d55;border-radius:999px;display:flex;position:absolute;top:14px;right:16px;overflow:hidden}.langsw button{color:var(--kabus);font:800 13px var(--body);letter-spacing:.08em;cursor:pointer;background:0 0;border:0;border-radius:0;padding:6px 14px}.langsw button.on{background:var(--pelita);color:#2a1a05}.langsw button:not(.on):hover{color:var(--kain);background:#ffffff12}.landing .lede{max-width:50ch;margin:14px 0 8px;font-size:15.5px;line-height:1.45}.landing .hook{color:var(--pelita);font-family:var(--display);margin:0 0 16px;font-size:17px;font-style:italic;animation:2.8s ease-in-out infinite hookGlow}@keyframes hookGlow{0%,to{opacity:.75;text-shadow:none}50%{opacity:1;text-shadow:0 0 14px #ffc66d88}}.landing .cta button.primary.big{animation:2.4s ease-in-out infinite ctaGlow}@keyframes ctaGlow{0%,to{box-shadow:0 0 #ffc66d00}50%{box-shadow:0 0 22px 2px #ffc66d77}}@media (max-width:640px){.landing .lede{font-size:14px}.landing .hook{margin-bottom:12px;font-size:15px}}.landing .lede{text-shadow:0 1px 6px #000c,0 0 14px #000a}.landing .hook{text-shadow:0 1px 6px #000,0 0 16px #000}.landing .cta{gap:10px}.landing .cta button.big{padding-left:18px;padding-right:18px;font-size:16px}@media (max-width:640px){.landing .cta button.big{flex:45%}}.modal.spirits .card{width:min(760px,100vw - 24px);max-height:calc(100vh - 24px);padding:22px 26px;overflow-y:auto}.modal.spirits .card h1{font-size:38px}.stabs{grid-template-columns:repeat(4,1fr);gap:8px;margin:4px 0 14px;display:grid}.stab{color:var(--kabus);cursor:pointer;background:#0e171b99;border:1px solid #ffc66d2a;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;transition:transform .15s,border-color .15s,background .15s;display:flex}.stab img{object-fit:contain;opacity:.6;filter:grayscale(.6);width:52px;height:52px;transition:all .2s}.stab span{font:700 13px var(--body)}.stab:hover{border-color:#ffc66d77;transform:translateY(-2px)}.stab.on{border-color:var(--pelita);color:var(--pelita);background:#ffc66d1c;box-shadow:0 0 18px #ffc66d33}.stab.on img{opacity:1;filter:drop-shadow(0 0 10px #8fd6ffaa);transform:scale(1.1)}.sdetail{text-align:left;background:radial-gradient(at 20% 30%,#1d3a40aa,#0e171bcc 70%);border:1px solid #ffc66d33;border-radius:14px;grid-template-columns:200px 1fr;align-items:center;gap:20px;padding:16px;animation:.3s ease-out sIn;display:grid}@keyframes sIn{0%{opacity:0;transform:translateY(6px)}}.sart{background:radial-gradient(circle at 50% 60%,#8fd6ff22,#0000 70%);border-radius:12px;place-items:center;min-height:190px;display:grid}.sart img{object-fit:contain;filter:drop-shadow(0 0 22px #8fd6ff66);width:170px;height:190px;animation:3.4s ease-in-out infinite sFloat}@keyframes sFloat{50%{transform:translateY(-8px)}}.sbody h2{color:var(--pelita);font-size:30px;font-family:var(--display);margin:0 0 8px}.sstats{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.sstats div{background:#0007;border:1px solid #ffffff14;border-radius:8px;padding:4px 10px}.sstats small{color:var(--kabus);letter-spacing:.06em;text-transform:uppercase;font-size:11px;display:block}.sstats b{color:var(--kain);font-size:15px}.sbody .story{color:var(--kain);margin:0 0 12px;font-size:15px;font-style:italic;line-height:1.5}.sbody .hint{border-left:3px solid var(--pelita);background:#ffc66d14;border-radius:0 8px 8px 0;padding:10px 12px}.sbody .hint b{color:var(--pelita);letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px;font-size:12px;display:block}.sbody .hint span{color:var(--kain);font-size:14px;line-height:1.4}.modal.spirits .row{margin:14px 0 0}.modal.spirits .row button:not(.primary){min-width:48px;font-size:20px}@media (max-width:640px){.modal.spirits .card{padding:16px 14px}.modal.spirits .card h1{font-size:28px}.stab img{width:38px;height:38px}.stab span{font-size:11px}.sdetail{grid-template-columns:1fr;gap:6px;padding:12px}.sart{min-height:110px}.sart img{width:100px;height:110px}.sbody h2{text-align:center;font-size:24px}.sbody .story{font-size:14px}}.landing .cta{max-width:480px}.landing .cta button.big{flex:calc(50% - 5px)}.modal.spirits .card{position:relative}.xclose{width:40px;height:40px;font:400 28px/1 var(--body);color:var(--kain);cursor:pointer;z-index:2;background:#0009;border:1px solid #ffc66d55;border-radius:50%;place-items:center;padding:0;transition:transform .15s,background .15s,color .15s;display:grid;position:absolute;top:12px;right:12px}.xclose:hover{background:var(--pelita);color:#2a1a05;transform:rotate(90deg)}.sart{position:relative}.snav{width:44px;height:44px;font:400 34px/1 var(--body);color:var(--pelita);cursor:pointer;z-index:1;background:#0b1418cc;border:1px solid #ffc66d66;border-radius:50%;place-items:center;padding:0 0 4px;transition:background .15s,color .15s,transform .15s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.snav:hover{background:var(--pelita);color:#2a1a05;transform:translateY(-50%)scale(1.1)}.snav:active{transform:translateY(-50%)scale(.95)}.sdots{justify-content:center;gap:10px;margin:14px 0 2px;display:flex}.sdot{cursor:pointer;background:0 0;border:1px solid #ffc66d88;border-radius:50%;width:11px;height:11px;padding:0;transition:all .2s}.sdot.on{background:var(--pelita);border-color:var(--pelita);border-radius:6px;width:28px}@media (max-width:640px){.xclose{width:38px;height:38px;top:8px;right:8px}.modal.spirits .card h1{padding:0 34px}.snav{width:38px;height:38px;font-size:30px}.snav.prev{left:0}.snav.next{right:0}}.sdetail{grid-template-columns:240px 1fr}.snav.prev{left:-2px}.snav.next{right:-2px}.sart img{width:150px}.snav,.snav:hover,.snav:active,.snav:focus-visible{transform:none!important}.snav{transition:background-color .2s,color .2s,box-shadow .2s,border-color .2s;top:calc(50% - 22px)}.snav:hover{background:var(--pelita);color:#2a1a05;border-color:var(--pelita);box-shadow:0 0 0 4px #ffc66d33,0 0 18px #ffc66d99}.snav:active{box-shadow:0 0 0 2px #ffc66d55}@media (max-width:640px){.snav{top:calc(50% - 19px)}}