:root{--bg:#0f1020;--glass:#121426db;--glass-solid:#121426f0;--glass-2:#202440e6;--line:#94b0c238;--line-2:#94b0c266;--text:#f2f0e8;--muted:#9fb0c8;--gold:#ffcd75;--gold-2:#f0a94a;--accent:#73eff7;--good:#5fd38a;--mid:#ffcd75;--bad:#ff7a6b;--red:#b13e53;--violet:#a05ad8;--radius:14px;--shadow:0 18px 40px #00000073;color:var(--text);background:var(--bg);font-family:Sarabun,Leelawadee UI,Noto Sans Thai,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.hidden{display:none!important}h1,h2,h3{margin:0 0 .45em;font-family:Kanit,Sarabun,sans-serif;font-weight:600;line-height:1.25}h2{font-size:1.25rem}h2 small{color:var(--muted);font-size:.7em;font-weight:400}.muted{color:var(--muted)}.center{text-align:center}#app{flex-direction:column;height:100dvh;display:flex;position:relative}#main{flex:1;min-height:0;display:flex}#hud{border-bottom:1px solid var(--line);background:linear-gradient(#0a0b16fa,#0e1020f0);align-items:center;gap:12px;padding:8px 12px;display:flex}#hud:empty{display:none}.hud-day{border:2px solid var(--gold-2);background:radial-gradient(circle at 35% 30%,#4a3a20,#1c1608);border-radius:50%;flex-direction:column;flex:none;justify-content:center;align-items:center;width:54px;height:54px;font-family:Kanit,sans-serif;line-height:1;display:flex;box-shadow:0 0 14px #ffcd7540}.hud-day small{color:var(--gold);opacity:.85;font-size:10px}.hud-day b{color:var(--gold);font-size:22px}.hud-main{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.hud-who{white-space:nowrap;align-items:baseline;gap:10px;font-size:14px;display:flex;overflow:hidden}.hud-who span:first-child{text-overflow:ellipsis;font-family:Kanit,sans-serif;font-weight:600;overflow:hidden}.hud-who .lv{color:var(--muted)}.hud-who em{color:var(--accent);font-style:normal;font-weight:700}.hud-who .gold{color:var(--gold);margin-left:auto;font-weight:600}.hud-meters{grid-template-columns:repeat(4,1fr);gap:6px 12px;display:grid}.meter-wrap{grid-template-columns:auto 1fr auto;align-items:center;gap:6px;min-width:0;font-size:12px;display:grid}.meter-wrap .mi{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:10em;font-size:13px;overflow:hidden}.meter-wrap b{font-variant-numeric:tabular-nums;text-align:right;min-width:2ch}.meter{background:#ffffff14;border-radius:99px;min-width:30px;height:8px;position:relative;overflow:hidden}.meter i{border-radius:99px;transition:width .35s;position:absolute;inset:0 auto 0 0}.hp .meter i{background:linear-gradient(90deg,#c0394f,#ff6b7f)}.en .meter i{background:linear-gradient(90deg, #2fa7c0, var(--accent))}.hu .meter i{background:linear-gradient(90deg, #d88a2a, var(--gold))}.sa .meter i{background:linear-gradient(90deg,#6a3db0,#c08af0)}.enemy .meter i{background:linear-gradient(90deg, #8a2a2a, var(--bad))}.meter-wrap.low b{color:var(--bad)}.meter-wrap.low .meter{animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{box-shadow:0 0 0 2px #ff7a6b73}}#stage{flex:1;min-height:0;display:flex;position:relative;overflow:hidden}#game{flex:1;min-width:0;min-height:0;overflow:hidden}#game canvas{image-rendering:pixelated;margin:0 auto;display:block}#where{border:1px solid var(--line);pointer-events:none;background:#0a0b16d1;border-radius:99px;padding:5px 12px;font-family:Kanit,sans-serif;font-size:14px;position:absolute;top:10px;left:10px}#paused{color:#2a1d05;pointer-events:none;background:#ffcd75eb;border-radius:99px;padding:5px 12px;font-size:13px;font-weight:700;animation:1.6s ease-in-out infinite pulse-gold;position:absolute;top:10px;left:50%;transform:translate(-50%)}@keyframes pulse-gold{50%{opacity:.6}}#card{background:var(--glass-solid);border:1px solid var(--line-2);border-radius:var(--radius);width:min(600px,100% - 24px);max-height:calc(100% - 64px);box-shadow:var(--shadow);padding:16px 18px 18px;animation:.25s ease-out rise;position:absolute;bottom:14px;left:50%;overflow-y:auto;transform:translate(-50%)}#card.title{width:min(460px,100% - 24px);animation:.4s ease-out fade;top:50%;bottom:auto;transform:translate(-50%,-50%)}#card.title.wide{width:min(620px,100% - 24px)}#card.crossroads{width:min(560px,100% - 24px)}@keyframes rise{0%{opacity:0;transform:translate(-50%,18px)}}@keyframes fade{0%{opacity:0}}.card-kicker{color:var(--gold);margin-bottom:10px;font-family:Kanit,sans-serif;font-size:15px}.photo{object-fit:cover;border-radius:10px;width:100%;max-height:200px;margin-bottom:10px}.story{white-space:pre-line;color:#e8e4d8;margin:0 0 6px;line-height:1.7}.warn{color:var(--bad)}.logo-wrap{text-align:center;padding:6px 0 10px}.logo-kicker{letter-spacing:.25em;color:var(--accent);opacity:.85;font-family:Kanit,sans-serif;font-size:12px}.logo{background:linear-gradient(180deg, #fff3d0, var(--gold) 55%, var(--gold-2));color:#0000;filter:drop-shadow(0 3px #b13e53e6);-webkit-background-clip:text;background-clip:text;margin:6px 0 8px;font-size:clamp(24px,5.5vw,36px)}.choices{flex-direction:column;gap:8px;margin-top:12px;display:flex}.row{gap:8px;display:flex}.row>*{flex:1}.btn{background:var(--glass-2);border:1px solid var(--line-2);text-align:left;border-radius:10px;align-items:center;gap:10px;padding:11px 14px;transition:background .15s,border-color .15s,transform 60ms;display:flex}.btn:hover:not(:disabled){background:#2c3358;border-color:#ffcd758c}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{letter-spacing:.02em;background:linear-gradient(180deg, #ffd98c, var(--gold-2));color:#2a1d05;border-color:#ffe2a6;justify-content:center;font-family:Kanit,sans-serif;font-weight:700;box-shadow:0 6px 18px #f0a94a40}.btn.primary:hover:not(:disabled){background:linear-gradient(#ffe3a6,#f5b55e)}.btn.primary small{color:#2a1d05b3;margin-left:8px;font-weight:400}.btn.ghost{color:var(--muted);background:0 0;justify-content:center}.btn.danger{color:var(--bad);border-color:#ff7a6b80}.btn small{color:var(--muted);margin-left:auto;font-weight:400}.btn.big{-webkit-user-select:none;user-select:none;touch-action:manipulation;justify-content:center;width:100%;padding:18px;font-size:1.4em}.btn.ok{border-color:var(--good);background:#1f4d36}.btn.bad{border-color:var(--bad);background:#4d1f27}.choice .ic{background:#ffffff0f;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;font-size:17px;display:grid}.choice .lbl{flex:1;line-height:1.35}.odds{background:#00000040;border:1px solid;border-radius:8px;flex-direction:column;flex:none;align-items:flex-end;padding:4px 9px;line-height:1.1;display:flex}.odds b{font-family:Kanit,sans-serif;font-size:16px}.odds small{color:var(--muted);white-space:nowrap;margin:0;font-size:10.5px}.odds.good{color:var(--good)}.odds.mid{color:var(--mid)}.odds.bad{color:var(--bad)}.lock{color:var(--muted);text-align:right;flex:none;max-width:45%;font-size:11.5px}.odds-help{color:var(--muted);margin:10px 2px 0;font-size:12px;line-height:1.5}.ways{flex-direction:column;gap:8px;display:flex}.way{text-align:left;background:var(--glass-2);border:1px solid var(--line-2);border-radius:12px;align-items:center;gap:12px;padding:10px 12px;transition:background .15s,border-color .15s,transform 60ms;display:flex}.way:hover{background:#2c3358;border-color:#ffcd7599}.way:active{transform:translateY(1px)}.way-ic{background:#ffcd751f;border-radius:10px;flex:none;place-items:center;width:40px;height:40px;font-size:20px;display:grid}.way-txt{flex-direction:column;flex:1;min-width:0;display:flex}.way-txt b{font-family:Kanit,sans-serif;font-weight:600}.way-txt small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.way-cost{color:var(--accent);flex:none;font-size:12px}.way-cost.bad{color:var(--bad)}.way.rest .way-ic{background:#73eff71f}.badge{border-radius:99px;margin-bottom:8px;padding:3px 12px;font-family:Kanit,sans-serif;font-size:14px;display:inline-block}.badge.ok{color:var(--good);border:1px solid var(--good);background:#5fd38a2e}.badge.bad{color:var(--bad);border:1px solid var(--bad);background:#ff7a6b26}.notices{flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.notices li{color:var(--accent);background:#73eff714;border:1px solid #73eff74d;border-radius:99px;padding:3px 10px;font-size:13px}.fight{flex-direction:column;gap:8px;display:flex}.fight .meter-wrap .mi{min-width:6em}.fight .meter{height:10px}.round{color:var(--gold);font-family:Kanit,sans-serif}.big-stat{text-align:center;margin:8px 0}.big-stat b{color:var(--gold);font-family:Kanit,sans-serif;font-size:56px;line-height:1;display:block}.big-stat small{color:var(--muted)}label{color:var(--muted);margin:12px 0 5px;font-size:14px;display:block}input,textarea{border:1px solid var(--line-2);width:100%;color:var(--text);font:inherit;background:#0000004d;border-radius:10px;margin-top:5px;padding:10px}input:focus,textarea:focus{border-color:var(--gold);outline:none}textarea{word-break:break-all;font-family:monospace;font-size:12px}.origins{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:8px;display:grid}.origin{background:var(--glass-2);border:1px solid var(--line-2);text-align:left;border-radius:12px;flex-direction:column;gap:3px;padding:10px;display:flex}.origin small{color:var(--muted);font-size:12px}.origin .tags{flex-wrap:wrap;gap:4px;margin-top:3px;display:flex}.origin .tags i{color:var(--accent);background:#73eff71f;border-radius:99px;padding:1px 6px;font-size:11px;font-style:normal}.origin.on,.seg .on{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold);background:#ffcd7524}.seg{flex-wrap:wrap;gap:6px;display:flex}.seg button{background:var(--glass-2);border:1px solid var(--line-2);border-radius:10px;flex:1;padding:8px}.mg{border-radius:12px;flex-direction:column;gap:10px;margin-top:12px;padding:4px;display:flex;position:relative}.mg-title{color:var(--gold);text-align:center;font-family:Kanit,sans-serif;font-size:17px}.mg-meter,.mg-bar{border:1px solid var(--line-2);background:#00000073;border-radius:99px;height:28px;position:relative;overflow:hidden;box-shadow:inset 0 2px 6px #00000080}.mg-fill{width:0;transition:width 80ms ease-out;position:absolute;inset:0 auto 0 0;box-shadow:0 0 12px #ffcd7599}.mg-fill:after{content:"";background:linear-gradient(#ffffff59,#0000 55%);position:absolute;inset:0}.mg-count{text-shadow:0 1px 2px #000;place-items:center;font-family:Kanit,sans-serif;font-weight:700;display:grid;position:absolute;inset:0}.mg-meter.hot{border-color:var(--gold);animation:.5s ease-in-out infinite hot}@keyframes hot{50%{box-shadow:0 0 18px #ffcd75d9}}.mg-timer{background:#ffffff14;border-radius:99px;height:5px;overflow:hidden}.mg-timer i{background:var(--accent);width:100%;height:100%;transition:width .1s linear;display:block}.mg-timer i.low{background:var(--bad);animation:.4s infinite pulse-gold}.mg-stats{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;min-height:1.4em;display:flex}.mg-combo{color:var(--gold);font-weight:700;transition:transform .1s}.mg-combo.big{color:#ff9a5a;text-shadow:0 0 8px #ff783ccc;transform:scale(1.25)}.mg-tap.idle{animation:1s ease-in-out infinite breathe}@keyframes breathe{50%{transform:scale(1.04);box-shadow:0 0 0 6px #ffcd7526}}.mg-tap.pop{animation:.12s ease-out pop}@keyframes pop{0%{filter:brightness(1.4);transform:scale(.9)}to{transform:scale(1)}}.jolt{animation:.12s jolt}@keyframes jolt{25%{transform:translate(-2px,1px)}50%{transform:translate(2px,-1px)}75%{transform:translate(-1px)}}.mg-zone{opacity:.9;background:linear-gradient(#ffd98c,#f0a94a);animation:.9s ease-in-out infinite zone;position:absolute;top:0;bottom:0}@keyframes zone{50%{box-shadow:0 0 16px #ffcd75e6}}.mg-perfect{background:#fff6d8;position:absolute;top:0;bottom:0;box-shadow:0 0 10px #fff}.mg-needle{background:#fff;width:4px;margin-left:-2px;position:absolute;top:-3px;bottom:-3px;box-shadow:0 0 8px #fff,-10px 0 14px #73eff766,10px 0 14px #73eff766}.mg-needle.in{background:#5fd38a;box-shadow:0 0 12px #5fd38a}.spark{width:var(--s);height:var(--s);margin:calc(var(--s) / -2);background:var(--c);pointer-events:none;z-index:5;box-shadow:0 0 6px var(--c);animation:.55s ease-out forwards spark;position:absolute}@keyframes spark{to{transform:translate(var(--dx), var(--dy)) scale(.2);opacity:0}}.float-txt{pointer-events:none;z-index:6;color:var(--gold);text-shadow:0 2px #000;white-space:nowrap;font-family:Kanit,sans-serif;font-weight:700;animation:.7s ease-out forwards floatup;position:absolute;transform:translate(-50%,-50%)}.float-txt.perfect{color:#fff;text-shadow:0 0 10px #ffcd75,0 2px #000;font-size:24px}.float-txt.good{color:#8ff0b0;font-size:20px}.float-txt.miss{color:var(--bad);font-size:18px}@keyframes floatup{0%{opacity:0;transform:translate(-50%,-30%)scale(.6)}20%{opacity:1;transform:translate(-50%,-60%)scale(1.15)}to{opacity:0;transform:translate(-50%,-160%)scale(1)}}.ring{border:3px solid var(--gold);pointer-events:none;z-index:5;border-radius:50%;width:16px;height:16px;margin:-8px;animation:.5s ease-out forwards ring;position:absolute}.ring.bad{border-color:var(--bad)}@keyframes ring{to{opacity:0;transform:scale(5)}}.stamp{z-index:7;pointer-events:none;white-space:nowrap;letter-spacing:.05em;background:#0a0b16d9;border:3px solid;border-radius:10px;padding:6px 18px;font-family:Kanit,sans-serif;font-size:30px;font-weight:700;animation:1s cubic-bezier(.2,1.6,.4,1) forwards stamp;position:absolute;transform:translate(-50%,-50%)}.stamp.ok{color:var(--gold);text-shadow:0 0 12px #ffcd75cc}.stamp.bad{color:var(--bad)}@keyframes stamp{0%{opacity:0;transform:translate(-50%,-50%)scale(2.4)rotate(-8deg)}25%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(-4deg)}85%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1)rotate(-4deg)}}.flash-ok{animation:.5s flash-ok}.flash-bad{animation:.5s flash-bad}@keyframes flash-ok{0%{background:#ffcd7559}to{background:0 0}}@keyframes flash-bad{0%{background:#ff5a5a59}to{background:0 0}}.shake{animation:.4s shake}@keyframes shake{20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}@media (prefers-reduced-motion:reduce){.jolt,.shake,.mg-tap.idle{animation:none}}#bar{padding:6px;padding-bottom:max(6px, env(safe-area-inset-bottom));border-top:1px solid var(--line);background:linear-gradient(#0e1020f0,#0a0b16fa);gap:4px;display:flex}#bar button{min-width:0;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:column;flex:1 1 0;align-items:center;gap:2px;padding:5px 2px;transition:background .15s,color .15s;display:flex}#bar button:hover{color:var(--text);background:#ffffff0d}#bar button.on{color:var(--gold);background:#ffcd751a;border-color:#ffcd7559}#bar .i{font-size:19px;line-height:1.1}#bar .t{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11.5px;overflow:hidden}body.on-title #bar{display:none}#panel{z-index:20;background:#05060ec7;justify-content:center;align-items:center;padding:24px 12px;display:flex;position:fixed;inset:0}.panel-x{z-index:2;background:var(--glass-2);border:1px solid var(--line-2);width:38px;height:38px;color:var(--text);border-radius:50%;flex:none;align-self:flex-end;place-items:center;margin:-8px -8px -38px 0;padding:0;font-size:17px;display:grid;position:sticky;top:0;box-shadow:0 2px 10px #0000004d}.panel-x:hover{border-color:var(--gold);color:var(--gold)}.panel-box{background:var(--glass);border:1px solid var(--line-2);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:8px;width:min(560px,100%);max-height:86dvh;padding:18px;animation:.2s fade;display:flex;overflow-y:auto}.xp{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;font-size:14px;display:grid}.xp .meter i{background:linear-gradient(90deg, #2fa7c0, var(--accent))}.stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stats div{background:var(--glass-2);border:1px solid var(--line);border-radius:10px;align-items:center;gap:8px;padding:8px 10px;display:flex}.stats small{color:var(--muted)}.stats b{color:var(--gold);margin-left:auto;font-family:Kanit,sans-serif;font-size:18px}.list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.list li{background:var(--glass-2);border:1px solid var(--line);border-radius:10px;padding:8px 10px}.list small{color:var(--muted)}.mini{background:var(--good);color:#08210f;border:0;border-radius:6px;margin-left:6px;padding:1px 9px;font-weight:700}.mapcv{width:100%;height:auto;image-rendering:pixelated;border:1px solid var(--line-2);border-radius:10px}#toasts{z-index:30;pointer-events:none;flex-direction:column;gap:6px;display:flex;position:fixed;top:72px;right:12px}.toast{background:var(--glass);border:1px solid var(--accent);border-radius:10px;padding:6px 12px;animation:.2s rise-t}@keyframes rise-t{0%{opacity:0;transform:translateY(8px)}}@media (width<=640px){#hud{gap:8px;padding:6px 8px}.hud-day{width:44px;height:44px}.hud-day b{font-size:18px}.hud-meters{grid-template-columns:repeat(2,1fr);gap:4px 10px}#card{border-radius:var(--radius) var(--radius) 0 0;border-width:1px 0 0;width:100%;max-height:64%;padding:14px 14px 16px;bottom:0}#card.title{border-radius:var(--radius);border-width:1px;max-height:calc(100% - 72px);top:calc(50% + 24px);bottom:auto}#bar .i{font-size:17px}#bar .t{font-size:10px}.odds b{font-size:14px}.way-txt small{white-space:normal}}@media (width>=900px){#card:not(.title){width:400px;max-height:calc(100% - 28px);animation:.25s ease-out slide;bottom:14px;left:auto;right:14px;transform:none}}@keyframes slide{0%{opacity:0;transform:translate(18px)}}.teaser{color:var(--gold);min-height:1.2em;margin:4px 0 0;font-size:14px}.hud-who .net{font-size:12px}.panel-box h3{color:var(--gold);margin-top:10px;font-size:1rem}.tiles{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.tile{background:var(--glass-2);border:1px solid var(--line);text-align:center;border-radius:12px;flex-direction:column;padding:10px 6px;display:flex}.tile b{color:var(--gold);font-family:Kanit,sans-serif;font-size:22px;line-height:1.1}.tile small{color:var(--muted);font-size:11.5px}.board{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.board li{background:var(--glass-2);border:1px solid var(--line);border-radius:10px;align-items:center;gap:10px;padding:7px 10px;display:flex}.board li.medal{background:linear-gradient(90deg, #ffcd751f, var(--glass-2) 60%);border-color:#ffcd7580}.board .rank{text-align:center;width:28px;color:var(--muted);flex:none;font-family:Kanit,sans-serif;font-size:16px}.board .who{flex-direction:column;flex:1;min-width:0;display:flex}.board .who b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board .who small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.board .alive{color:var(--good);font-style:normal}.board .days{text-align:right;flex-direction:column;flex:none;line-height:1.05;display:flex}.board .days b{color:var(--gold);font-family:Kanit,sans-serif;font-size:20px}.board .days small{color:var(--muted);font-size:10.5px}.causes{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.causes li{background:var(--glass-2);border-radius:8px;justify-content:space-between;gap:8px;padding:6px 10px;font-size:13.5px;display:flex;position:relative;overflow:hidden}.causes li i{z-index:0;background:#ff7a6b29;position:absolute;inset:0 auto 0 0}.causes li span,.causes li b{z-index:1;position:relative}.graves{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.graves li{background:var(--glass-2);border:1px solid var(--line);border-radius:10px;padding:7px 10px;font-size:14px}.graves small{color:var(--muted)}.graves q{color:#e8e4d8;margin-top:3px;font-style:italic;display:block}@media (width<=640px){.tiles{grid-template-columns:repeat(2,1fr)}}.hud-clock{border:1px solid var(--line);background:#ffffff0d;border-radius:12px;flex:none;grid-template-rows:auto auto auto;grid-template-columns:auto auto;align-items:center;column-gap:6px;min-width:104px;padding:4px 10px;display:grid}.hud-clock .sky{grid-row:1;font-size:18px}.hud-clock b{letter-spacing:.03em;font-variant-numeric:tabular-nums;font-family:Kanit,sans-serif;font-size:20px}.hud-clock .daybar{background:#ffffff1a;border-radius:99px;grid-column:1/3;height:5px;margin:2px 0;overflow:hidden}.hud-clock .daybar i{background:linear-gradient(90deg,#ffd98c,#f0a94a 60%,#b13e53 85%,#3b2a6a);height:100%;display:block}.hud-clock small{color:var(--muted);grid-column:1/3;font-size:11px}.hud-clock.dusk{border-color:#f0a94a99}.hud-clock.night{background:#3c1e6440;border-color:#a05ad8b3}.hud-clock.night small{color:#c08af0}.pip{letter-spacing:1px;font-size:11px}.pip.danger{color:var(--good)}.pip.danger.lv3{color:var(--mid)}.pip.danger.lv4,.pip.danger.lv5{color:var(--bad)}.pip.reward{color:var(--gold)}#where .pips{margin-left:6px}.risk{color:var(--muted);font-size:11.5px;display:block}.here{border:1px dashed var(--line-2);background:#ffffff0a;border-radius:10px;flex-direction:column;gap:2px;margin-bottom:10px;padding:8px 10px;display:flex}.here small{color:var(--muted);font-size:12.5px;line-height:1.45}.quick{flex-wrap:wrap;gap:6px;margin:4px 0 10px;display:flex}.chip{color:#c8f5d8;background:#5fd38a24;border:1px solid #5fd38a8c;border-radius:99px;align-items:center;gap:6px;padding:6px 12px;font-size:13.5px;animation:1.8s ease-in-out infinite glow;display:inline-flex}.chip small{color:var(--muted);font-size:11px}.chip.gold{color:var(--gold);background:#ffcd7529;border-color:#ffcd75b3}@keyframes glow{50%{box-shadow:0 0 0 3px #ffffff0f}}.way-cost{color:var(--accent);white-space:nowrap;flex-direction:column;align-items:flex-end;gap:2px;font-size:12px;display:flex}.way-cost .bad{color:var(--bad)}.way .late{color:#c08af0;font-size:11.5px;font-style:normal;display:block}.way.suggest{background:#73eff714;border-color:#73eff799}.choice .lbl .time{color:var(--muted);margin:2px 0 0;font-size:11.5px;display:block}.btn.choice.locked{opacity:.72;border-style:dashed}.btn.choice.locked:hover{opacity:1}.lock u{color:var(--accent);text-decoration:none}.lock-hint{background:#73eff70f;border:1px solid #73eff74d;border-radius:10px;flex-direction:column;gap:6px;margin:-2px 0 4px;padding:8px 10px;font-size:13px;list-style:none;display:flex}.lock-hint li{flex-direction:column;display:flex}.lock-hint b{color:var(--accent)}.lock-hint span{color:#d8d4c8}#bar button{position:relative}#bar .dot{background:var(--bad);color:#fff;border-radius:99px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:2px;right:calc(50% - 22px);box-shadow:0 0 0 2px #10121f}#bar button.attn{color:var(--text);animation:1.6s ease-in-out infinite nudge}@keyframes nudge{50%{background:#ff7a6b1f}}.small{font-size:12.5px}.callout{color:var(--gold);background:#ffcd751f;border:1px solid #ffcd7580;border-radius:10px;margin:4px 0;padding:8px 12px}.stats div{flex-wrap:wrap;position:relative}.stats div em{color:var(--muted);flex-basis:100%;font-size:11px;font-style:normal;line-height:1.35}.stats div.can{border-color:#ffcd7580}.plus{background:var(--gold);color:#2a1d05;border:0;border-radius:8px;width:28px;height:28px;font-size:18px;font-weight:800;line-height:1}.learn .how{color:#c8d6e8}.prog{vertical-align:middle;background:#ffffff1a;border-radius:99px;width:80px;height:6px;margin:6px 6px 0 0;display:inline-block;overflow:hidden}.prog i{background:var(--accent);height:100%;display:block}.items .item{align-items:center;gap:10px;display:flex}.item-ic{background:#ffffff0f;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;font-size:18px;display:grid}.item-txt{flex-direction:column;flex:1;min-width:0;display:flex}.btn.use{color:#08210f;background:linear-gradient(#8fe3ad,#4fbf7a);border-color:#a6f0c0;flex:none;justify-content:center;padding:8px 16px;font-weight:700}details.guide{background:var(--glass-2);border:1px solid var(--line);border-radius:10px;padding:0 12px}details.guide summary{cursor:pointer;padding:10px 0;font-family:Kanit,sans-serif}details.guide[open] summary{color:var(--gold)}details.guide>div{color:#e0dccf;padding-bottom:10px;font-size:14px;line-height:1.6}details.guide p{margin:0 0 8px}.toast.tip{border-color:var(--gold);pointer-events:auto;cursor:pointer;max-width:min(360px,100vw - 24px);font-size:14px;line-height:1.5}@media (width<=640px){#hud{flex-wrap:wrap}.hud-clock{flex:100%;order:3;grid-template-rows:auto;grid-template-columns:auto auto 1fr auto;padding:3px 10px}.hud-clock .daybar{grid-column:3;margin:0 6px}.hud-clock small{grid-column:4}.hud-clock b{font-size:16px}}#corner{z-index:5;gap:6px;display:flex;position:absolute;top:10px;right:10px}#corner button{border:1px solid var(--line);width:38px;height:38px;color:var(--text);background:#0a0b16d1;border-radius:10px;place-items:center;padding:0;font-size:18px;display:grid}#corner button:hover,#btnFull.on{border-color:var(--gold);color:var(--gold)}#btnSound.off{opacity:.75;border-color:var(--bad)}.hud-stats{grid-template-columns:repeat(6,1fr);gap:4px;display:grid}.hud-stats span{background:#ffffff0d;border-radius:6px;justify-content:center;align-items:baseline;gap:3px;padding:2px 0;font-size:11px;display:flex}.hud-stats small{color:var(--muted);font-size:9.5px}.hud-stats b{color:var(--gold);font-family:Kanit,sans-serif;font-size:13px}#side{display:none}@media (width>=900px){.hud-main{display:none}#side:not(.hidden){border-right:1px solid var(--line);background:linear-gradient(#101222fa,#0c0d1afa);flex-direction:column;flex:none;gap:8px;width:260px;padding:12px;display:flex;overflow-y:auto}}.portrait{border:2px solid var(--gold-2);background:radial-gradient(circle at 50% 35%,#3a4a7a,#1a1c2c 72%);border-radius:16px;align-self:center;place-items:center;width:132px;height:132px;display:grid;position:relative;overflow:hidden;box-shadow:0 0 18px #ffcd752e}.portrait canvas{width:108px;height:108px;image-rendering:pixelated;margin-top:18px}.portrait.dead canvas{filter:grayscale()brightness(.6)}.portrait .lv{background:var(--gold);color:#2a1d05;border-radius:99px;padding:1px 8px;font-size:12px;font-weight:700;position:absolute;top:6px;left:6px}.side-who{text-align:center;flex-direction:column;display:flex}.side-who b{font-family:Kanit,sans-serif;font-size:17px}.side-who small{color:var(--muted)}.side-xp{flex-direction:column;gap:2px;display:flex}.side-xp .meter i{background:linear-gradient(90deg, #2fa7c0, var(--accent))}.side-xp small{color:var(--muted);text-align:right;font-size:11px}.sbar{grid-template-columns:1fr auto;gap:2px 6px;font-size:13px;display:grid}.sbar span{color:var(--muted)}.sbar b{font-variant-numeric:tabular-nums}.sbar b small{color:var(--muted);font-weight:400}.sbar .meter{grid-column:1/3;height:7px}.sbar.low b{color:var(--bad)}.sbar.low .meter{animation:1.2s ease-in-out infinite pulse}.side-stats{grid-template-columns:1fr 1fr;gap:6px;margin-top:4px;display:grid}.srow{text-align:left;background:var(--glass-2);border:1px solid var(--line);border-radius:10px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:6px;padding:6px 8px;transition:border-color .15s,background .15s,transform .15s;display:grid;position:relative}.srow .sk{color:var(--muted);font-family:Kanit,sans-serif;font-size:12px}.srow .sn{color:var(--muted);grid-area:2/1/auto/3;font-size:10.5px}.srow b{color:var(--gold);justify-self:end;font-family:Kanit,sans-serif;font-size:20px;line-height:1}.srow i{background:var(--gold);color:#2a1d05;border-radius:50%;place-items:center;width:18px;height:18px;font-size:13px;font-style:normal;font-weight:800;display:grid;position:absolute;top:-6px;right:-4px}.srow:hover{border-color:#ffcd7580}.srow.hl,.hud-stats span.hl{border-color:var(--accent);background:#73eff729;transform:scale(1.04);box-shadow:0 0 12px #73eff759}.side-up{justify-content:center}.side-skills{flex-wrap:wrap;gap:4px;display:flex}.side-skills span{background:#a05ad82e;border:1px solid #a05ad873;border-radius:99px;padding:2px 8px;font-size:11.5px}.side-gold{border-top:1px solid var(--line);color:var(--gold);margin-top:auto;padding-top:6px;font-size:16px;font-weight:700}.side-gold small{color:var(--muted);font-size:12px;font-weight:400}.figure{border:2px solid var(--gold-2);background:radial-gradient(at 50% 85%,#3a4a7a,#1a1c2c 75%);border-radius:16px;align-self:center;place-items:end center;width:150px;height:186px;padding-bottom:4px;display:grid;position:relative;overflow:hidden;box-shadow:0 0 18px #ffcd752e}.figure canvas,.sheet-fig canvas,.birth canvas{image-rendering:pixelated;display:block}.figure .lv{background:var(--gold);color:#2a1d05;border-radius:99px;padding:1px 8px;font-size:12px;font-weight:700;position:absolute;top:6px;left:6px}.lifebar{grid-template-columns:1fr auto;gap:2px 6px;font-size:12.5px;display:grid}.lifebar span{color:var(--muted)}.lifebar .meter{grid-column:1/3;height:6px}.lifebar .meter i{background:linear-gradient(90deg,#5fd38a,#ffcd75 70%,#ff7a6b)}.lifebar>small{color:var(--muted);grid-column:1/3;font-size:11px}.lifebar.old b{color:var(--bad)}.side-gear{flex-direction:column;gap:3px;font-size:12px;display:flex}.side-gear span{background:#ffcd7514;border:1px solid #ffcd7540;border-radius:8px;padding:3px 8px}.sheet{align-items:flex-end;gap:14px;display:flex}.sheet-fig{border:2px solid var(--gold-2);background:radial-gradient(at 50% 85%,#3a4a7a,#1a1c2c 75%);border-radius:14px;flex:none;padding:6px 4px 0}.sheet-fig canvas{width:120px;height:auto}.sheet-head{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.sheet-head h2,.sheet-head p{margin:0}.race-card{background:#a05ad81a;border:1px solid #a05ad866;border-radius:12px;padding:10px 12px;font-size:13.5px;line-height:1.5}.race-card p{margin:4px 0 0}.race-card .pro{color:#b8f0cc}.race-card .con{color:#ffc0b8}.race-card .ext{color:#e0c8ff}.stats .parts{color:var(--muted);flex-wrap:wrap;flex-basis:100%;gap:4px;font-size:10.5px;display:flex}.stats .parts i{font-style:normal}.stats .parts i.up{color:var(--good)}.stats .parts i.down{color:var(--bad)}.slot .item-txt small:first-child{color:var(--muted);font-size:11px}.mini-btn{flex:none;padding:6px 10px;font-size:13px}.items .item.worn{border-color:#ffcd7580}.worn-tag{color:var(--gold);border:1px solid #ffcd7580;border-radius:99px;padding:0 6px;font-size:11px;font-style:normal}.birth{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.birth canvas{width:160px;height:auto}.birth h2{color:var(--gold);margin:0;font-size:1.6rem}.birth p{margin:0}.birth .race-card{text-align:left}@media (width>=900px){#side .figure{width:100%}}.scene{aspect-ratio:16/9;object-fit:cover;width:calc(100% + 36px);image-rendering:pixelated;border-radius:var(--radius) var(--radius) 0 0;border-bottom:1px solid var(--line-2);margin:-16px -18px 12px;display:block}@media (width<=640px){.scene{width:calc(100% + 28px);max-height:30vh;margin:-14px -14px 10px}}.badge.pop-in{animation:.45s cubic-bezier(.2,1.6,.4,1) badge-in}@keyframes badge-in{0%{opacity:0;transform:scale(2)}to{opacity:1;transform:scale(1)}}.echo{text-align:left;cursor:pointer;width:100%;font:inherit;color:var(--text);background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 18%, transparent), transparent);border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);border-left-width:4px;border-radius:10px;flex-direction:column;gap:2px;margin:0 0 10px;padding:8px 12px;animation:.6s ease-out echo-in;display:flex}.echo b{color:var(--accent);font-family:Kanit,sans-serif;font-weight:600}.echo small{color:var(--muted);font-size:12.5px;line-height:1.4}@keyframes echo-in{0%{opacity:0;box-shadow:0 0 0 0 var(--accent);transform:translate(-12px)}60%{opacity:1;transform:none}to{box-shadow:0 0 0 6px #0000}}.ripple-mark{color:var(--accent);white-space:nowrap}.ripple-mark.maybe{opacity:.75}.threads li{flex-direction:column;gap:3px;display:flex}.threads small{color:var(--muted)}.thread-to{color:var(--accent);font-size:13.5px}.thread-to.wait{color:var(--gold)}.threads li.faded{opacity:.6}.thread-to.faded{color:var(--muted)}.karma-box{text-align:center;background:#a05ad81f;border:1px solid #a05ad873;border-radius:12px;flex-direction:column;gap:2px;margin:10px 0;padding:10px 12px;display:flex}.karma-box b{color:var(--gold);font-family:Kanit,sans-serif;font-size:20px}.karma-box small{color:var(--muted);font-size:12.5px;line-height:1.4}.karma-pill,.record{color:var(--gold);font-weight:600}.death-sec{margin:10px 0}.death-sec h3{margin-bottom:4px;font-size:1rem}.death-sec p{margin:0 0 6px}.chips{flex-wrap:wrap;gap:5px;margin:4px 0 10px;display:flex}.chip{background:var(--glass-2);border:1px solid var(--line);border-radius:999px;padding:3px 8px;font-size:12.5px}.chip.unknown{color:var(--muted);border-style:dashed}.meter{background:var(--glass-2);border-radius:3px;height:6px;margin:6px 0 2px;overflow:hidden}.meter i{background:linear-gradient(90deg, var(--violet), var(--accent));height:100%;display:block}.codex-tabs{margin:8px 0 12px}.codex-tabs button{flex:30%;font-size:13px}.codex li{flex-direction:column;gap:2px;display:flex}.codex li.unknown b{color:var(--muted);letter-spacing:2px}.codex li.unknown small{font-style:italic}.dejavu{color:#e0c8ff;background:#a05ad826;border:1px solid #a05ad873;border-radius:999px;margin-bottom:6px;padding:2px 10px;font-size:12.5px;display:inline-block}.past-pick{color:#e0c8ff}.lock-hint .memory{color:#e0c8ff;font-style:normal;display:block}.perks{flex-direction:column;gap:6px;display:flex}.perk{background:var(--glass-2);border:1px solid var(--line);border-radius:10px;justify-content:space-between;align-items:center;gap:8px;margin:0;padding:6px 10px;display:flex}.perk select{background:var(--glass);max-width:55%;color:var(--text);border:1px solid var(--line-2);font:inherit;border-radius:8px;padding:4px 6px}.perk.check{justify-content:flex-start}.perk-teaser,.small{font-size:12.5px}#karmaLeft.warn{color:var(--bad)}:root[data-theme=light]{--bg:#efe6d2;--glass:#fffaf0eb;--glass-solid:#fffaf0f5;--glass-2:#f6eedcf5;--line:#5c462633;--line-2:#5c46265c;--text:#2b2418;--muted:#6d644f;--gold:#a8660a;--gold-2:#d08a1a;--accent:#127c8a;--good:#2a8f52;--mid:#a8660a;--bad:#c13a2a;--shadow:0 14px 34px #503c1e40;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=light] #hud{background:linear-gradient(#fbf5e8,#f1e7d1)}:root[data-theme=light] #bar{background:linear-gradient(#f1e7d1,#fbf5e8)}:root[data-theme=light] #side:not(.hidden){background:linear-gradient(#faf3e3,#f0e5cd)}:root[data-theme=light] .hud-day{background:radial-gradient(circle at 35% 30%,#fff3d0,#f0d8a0)}:root[data-theme=light] #where,:root[data-theme=light] #corner button{background:#fffaf0eb}:root[data-theme=light] .meter,:root[data-theme=light] .mg-timer,:root[data-theme=light] .prog,:root[data-theme=light] .hud-clock .daybar{background:#3c280a1f}:root[data-theme=light] .choice .ic,:root[data-theme=light] .item-ic,:root[data-theme=light] .hud-clock,:root[data-theme=light] .hud-stats span,:root[data-theme=light] .here{background:#3c280a0d}:root[data-theme=light] #bar button:hover{background:#3c280a0f}:root[data-theme=light] .btn:hover:not(:disabled),:root[data-theme=light] .way:hover{background:#f6e6c2}:root[data-theme=light] .btn.ok{background:#d9f1e2}:root[data-theme=light] .odds{background:#fff9}:root[data-theme=light] input,:root[data-theme=light] textarea{background:#ffffffbf}:root[data-theme=light] .stamp{background:#fffaf0eb}:root[data-theme=light] .story,:root[data-theme=light] .graves q,:root[data-theme=light] details.guide>div,:root[data-theme=light] .lock-hint span,:root[data-theme=light] .learn .how{color:var(--text)}:root[data-theme=light] .chip{color:#1d5a35;background:#2a8f521f}:root[data-theme=light] .chip.gold{color:var(--gold);background:#d08a1a24}:root[data-theme=light] .way .late,:root[data-theme=light] .hud-clock.night small{color:#7a3fb8}:root[data-theme=light] .race-card .pro{color:#1d6a3c}:root[data-theme=light] .race-card .con{color:#a3321f}:root[data-theme=light] .race-card .ext{color:#6a3aa0}:root[data-theme=light] .float-txt.good{color:#1d8a4a}:root[data-theme=light] .logo{background:linear-gradient(#e8a33a,#b8650c 60%,#8a3f08);filter:drop-shadow(0 2px #ffffffe6);-webkit-background-clip:text;background-clip:text}.lang-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:8px 0 10px;display:grid}.lang-grid .btn{justify-content:center}.panel-box>h2:first-of-type{padding-right:40px}:root[data-theme=light] .dejavu,:root[data-theme=light] .past-pick,:root[data-theme=light] .lock-hint .memory{color:#6a2fa0}