:root{--cream:#f3e7cc;--cream-2:#e9d9b4;--bark:#3a2718;--edge:#7a5230;--rust:#a4472a;--ember:#c0612f;--ember-deep:#6d2f14;--track:#d9c7a2;--hp:#d8583a;--good:#5d8a3a;--bad:#b8402a;--title-ink:#f6ead0;--title-shadow:#5a3a20;--font-title:"Fraunces", Georgia, serif;--font-body:"Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--gap:14px;--edge-dark:#5a391d;--gold:#b88a40;--gold-hi:#f4d48a;--parch-hi:#fdf6e4;--parch-lo:#e8d4aa;--parch:linear-gradient(180deg, var(--parch-hi) 0%, var(--cream) 50%, var(--parch-lo) 100%);--lacquer:linear-gradient(180deg, #e3824a 0%, #c4612e 52%, #a3461d 100%);--medal:radial-gradient(circle at 38% 30%, #a06833 0%, #6a3d1a 55%, #43240e 100%);--rim:inset 0 1px 0 #fffc, inset 0 -2px 0 #7a523024;--lift:0 3px 0 var(--edge-dark), 0 5px 8px #180c0442;--orn-l:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 10'><path d='M0 5L40 4.1V5.9z'/><circle cx='43.6' cy='5' r='1.3'/><path d='M50.5 1.2L54.3 5l-3.8 3.8L46.7 5z'/></svg>");--orn-r:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 10'><g transform='matrix(-1 0 0 1 56 0)'><path d='M0 5L40 4.1V5.9z'/><circle cx='43.6' cy='5' r='1.3'/><path d='M50.5 1.2L54.3 5l-3.8 3.8L46.7 5z'/></g></svg>");--stud:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'><path d='M5 0l5 5-5 5-5-5z' fill='%23a87a34'/><path d='M5 2.4L7.6 5 5 7.6 2.4 5z' fill='%23f8e6b4'/></svg>");--tick:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M5 12.5l4.5 4.5L19 7' fill='none' stroke='%23fff6e4' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'/></svg>")}*{box-sizing:border-box}html,body{height:100%;color:var(--bark);font-family:var(--font-body);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;overscroll-behavior:none;background:#0b0d14;margin:0;font-weight:600;overflow:hidden}#game{position:fixed;inset:0}#game canvas{touch-action:none;width:100%;height:100%;display:block}.tmarks{pointer-events:none;position:absolute;inset:0;overflow:hidden}.tmark{width:0;height:0;transition:opacity .2s;position:absolute;top:0;left:0}.tmark i{clip-path:polygon(100% 50%,18% 6%,34% 50%,18% 94%);filter:drop-shadow(0 0 4px #ff2814e6);background:radial-gradient(circle at 40%,#ff6a4a 0 35%,#b8201a 36% 100%);width:30px;height:30px;animation:.9s ease-in-out infinite tmark-pulse;position:absolute;top:-15px;left:-15px}.tmark.boss i{width:44px;height:44px;top:-22px;left:-22px}.tmark.scout i{filter:drop-shadow(0 0 4px #ffbe28e6);background:radial-gradient(circle at 40%,#ffe08a 0 35%,#d88a1a 36% 100%)}.tmark b{text-align:center;width:22px;font:800 13px/18px var(--font-body);color:#fff4e0;text-shadow:0 1px 2px #000,0 0 4px #600;position:absolute;top:-9px;left:-11px}@keyframes tmark-pulse{50%{transform:scale(1.18)}}#ui{pointer-events:none;z-index:2;position:fixed;inset:0}.ui{position:absolute;inset:0}button{color:inherit;pointer-events:auto;cursor:pointer;-webkit-touch-callout:none;font-family:inherit}button:disabled{cursor:default}.ico{flex:none;width:20px;height:20px;display:block}.dim{opacity:.62}.small{font-size:14px}.chip{background:var(--parch);color:var(--bark);border:2px solid var(--edge-dark);box-shadow:var(--rim), var(--lift);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 13px 5px 10px;font-size:16px;font-weight:800;line-height:1.1;display:inline-flex}.chip .ico{color:var(--rust)}.chip:has(>.ico:first-child){padding-left:3px}.chip>.ico:first-child,.select-head>.ico:first-child{background:var(--medal);width:26px;height:26px;color:var(--gold-hi);border-radius:50%;padding:4.5px;box-shadow:inset 0 0 0 1px #f4d48a80,0 1px #ffffff8c}.chip.full>.ico:first-child{color:#ffe6d4;background:radial-gradient(circle at 38% 30%,#e0603f 0%,#9a2a18 55%,#5e140a 100%)}.round{background:radial-gradient(circle at 50% 26%, var(--parch-hi) 0%, var(--cream) 50%, var(--parch-lo) 100%);width:48px;height:48px;color:var(--bark);border:2px solid var(--edge-dark);box-shadow:inset 0 0 0 2px #fffaecbf, inset 0 0 0 3px #b88a408c, var(--lift);border-radius:50%;place-items:center;padding:0;transition:transform 80ms;display:grid;position:relative;overflow:hidden}.round .ico{width:24px;height:24px}.round:active{box-shadow:inset 0 0 0 2px #fffaecbf, inset 0 0 0 3px #b88a408c, 0 1px 0 var(--edge-dark), 0 2px 3px #180c0440;transform:translateY(2px)}.round.on{box-shadow:inset 0 0 0 2px #fff6d6b3, inset 0 0 0 3px #a06e1e8c, var(--lift), 0 0 12px #ffc4508c;background:radial-gradient(circle at 50% 26%,#fff3cc 0%,#f4cf74 55%,#d9a443 100%)}.round.small{width:44px;height:44px}.round .key{opacity:.55;font-size:9px;font-weight:800;position:absolute;bottom:1px;right:50%;transform:translate(50%)}.round.labelled .ico{margin-top:-4px}.round.go{color:#1c3a0c;background:radial-gradient(circle at 50% 26%,#d2ec9e 0%,#94c35e 52%,#5f8f34 100%);border-color:#2f5418;box-shadow:inset 0 0 0 2px #f0ffd280,0 3px #2f5418,0 5px 8px #0a18044d}.round.go.off{filter:grayscale(.8);opacity:.7}.cd{pointer-events:none;background:#28180c80;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -1px #f4d48acc}.bar{border:2px solid var(--edge-dark);background:linear-gradient(#24160c,#3d2918);border-radius:99px;height:10px;overflow:hidden;box-shadow:inset 0 2px 2px #0006,0 2px #180c044d}.bar-fill{background:linear-gradient(180deg, #f39c5e 0%, var(--ember) 60%, #994220 100%);border-radius:99px;height:100%;transition:width .15s;box-shadow:inset 0 1px #ffecc88c}.btn{pointer-events:auto;border:2px solid var(--edge-dark);background:var(--parch);color:var(--bark);box-shadow:inset 0 0 0 1px #fffcf099, var(--rim), var(--lift);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:9px 20px;font-size:16px;font-weight:800;transition:transform 80ms;display:inline-flex}.btn:active:not(:disabled){box-shadow:inset 0 0 0 1px #fffcf099, inset 0 2px 3px #7a523040, 0 1px 0 var(--edge-dark), 0 2px 3px #180c0440;transform:translateY(2px)}.btn:disabled{opacity:.55}.btn.primary{background:var(--lacquer);color:#fff4dc;text-shadow:0 1px #4e1806b3;border-color:#4e1d0a;box-shadow:inset 0 0 0 1px #ffc48c66,inset 0 2px #ffe4be73,0 4px #4e1d0a,0 7px 12px #280c0259}.btn.primary:active:not(:disabled){box-shadow:inset 0 0 0 1px #ffc48c66,inset 0 2px 4px #4e180673,0 1px #4e1d0a,0 2px 4px #280c024d}.btn.danger{color:var(--bad)}.btn.big{font-family:var(--font-title);letter-spacing:.01em;padding:11px 28px;font-size:21px;font-weight:800}.btn.big:before,.btn.big:after{content:"";opacity:.6;background:currentColor;flex:none;width:6px;height:6px;transform:rotate(45deg)}@media (hover:hover){.btn:hover:not(:disabled),.round:hover,.card:hover,.class-card:hover:not(:disabled),.diff:hover,.omen:hover:not(:disabled){filter:brightness(1.06)}}.corner{pointer-events:none;gap:10px;display:flex;position:absolute}.corner>*{pointer-events:auto}.corner.tl{top:calc(var(--gap) + var(--safe-t));left:calc(var(--gap) + var(--safe-l));flex-direction:column;align-items:flex-start}.corner.tc{top:calc(var(--gap) + var(--safe-t));flex-direction:column;align-items:center;gap:6px;left:50%;transform:translate(-50%)}.corner.tr{top:calc(var(--gap) + var(--safe-t));right:calc(var(--gap) + var(--safe-r))}.corner.br{right:calc(var(--gap) + var(--safe-r));bottom:calc(var(--gap) + var(--safe-b));align-items:flex-end}.corner.bc{left:50%;bottom:calc(var(--gap) + 6px + var(--safe-b));flex-direction:column;align-items:center;transform:translate(-50%)}.chips{flex-wrap:wrap;gap:8px;max-width:340px;display:flex}.hero-hp{align-items:center;gap:6px;width:190px;display:flex}.hero-hp .lvl{color:#3a2410;border:2px solid var(--edge-dark);width:28px;height:28px;box-shadow:inset 0 0 0 1px #ffffff73, 0 2px 0 var(--edge-dark), 0 3px 6px #180c044d;font-family:var(--font-title);background:radial-gradient(circle at 40% 28%,#fff2c6 0%,#eabf62 55%,#b07d2c 100%);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:800;display:grid}.hero-hp .bar{flex:1;height:13px}.hero-hp .bar-fill{background:linear-gradient(180deg, #ff9a7c 0%, var(--hp) 55%, #a3301c 100%)}.clock{gap:8px;padding:3px 15px 9px 3px;position:relative}.clock>.ico:first-child{color:#ffe48a;background:radial-gradient(circle at 38% 30%,#a8d6f2 0%,#5288b6 55%,#2d5479 100%);box-shadow:inset 0 0 0 1px #ffffff73,0 1px #ffffff8c}.clock .clock-title{font-family:var(--font-title);font-size:18px}.clock .clock-time{font-variant-numeric:tabular-nums;opacity:.7;font-size:14px}.clock-track{background:#5a3a1e38;border-radius:3px;height:3px;position:absolute;bottom:4px;left:36px;right:15px;overflow:hidden}.clock-fill{background:linear-gradient(90deg, #e9a54c, var(--ember));height:100%}.clock.dark{color:#efe4ff;background:linear-gradient(#403a5a 0%,#2c2742 55%,#1f1b31 100%);border-color:#141020;box-shadow:inset 0 1px #d2c8ff40,0 3px #141020,0 5px 8px #04020a59}.clock.dark>.ico:first-child{color:#f3e9c0;background:radial-gradient(circle at 38% 30%,#716aa8 0%,#2e2852 60%,#171329 100%);box-shadow:inset 0 0 0 1px #c8beff59}.clock.dark .clock-track{background:#8c80c840}.clock.dark .clock-fill{background:#b9a8ff}.clock.blood{background:linear-gradient(#70251c 0%,#4a1612 55%,#330e0a 100%);border-color:#210806;box-shadow:inset 0 1px #ffa08233,0 3px #210806,0 5px 8px #0a020066}.clock.blood>.ico:first-child{color:#ffc4a4;background:radial-gradient(circle at 38% 30%,#cf432e 0%,#5e130c 60%,#2a0604 100%)}.clock.blood .clock-fill{background:#ff5a3a}.threat{color:#f6ead0;text-shadow:0 2px #140c08cc;white-space:nowrap;font-size:13px;font-weight:800}.cluster{gap:10px}.fight{width:170px;height:150px;position:relative}.attack{color:#fff6e4;background:radial-gradient(circle at 50% 28%,#f6995e 0%,#cc6430 46%,#8e3816 100%);border:3px solid #4e1d0a;border-radius:50%;place-items:center;width:96px;height:96px;padding:0;transition:transform 60ms;display:grid;position:absolute;bottom:0;right:0;box-shadow:inset 0 0 0 3px #ffcc9652,inset 0 -8px 14px #46120473,0 0 0 3px #d9a656,0 0 0 5px #4e1d0a,0 5px 0 5px #4e1d0a,0 9px 14px 5px #1408024d}.attack .ico{filter:drop-shadow(0 2px #4612048c);width:44px;height:44px}.attack:active{transform:translateY(3px);box-shadow:inset 0 0 0 3px #ffcc9652,inset 0 -4px 12px #4612048c,0 0 0 3px #d9a656,0 0 0 5px #4e1d0a,0 2px 0 5px #4e1d0a,0 4px 8px 5px #1408024d}.fight .dash{position:absolute;bottom:6px;left:8px}.fight .slam{position:absolute;top:0;right:72px}.stick-base,.stick-knob{pointer-events:none;will-change:transform;position:absolute;top:0;left:0}.stick-base{background:radial-gradient(circle,#140c061a 0 50%,#140c064d 51% 100%);border:2px solid #f6ead0bf;border-radius:50%;width:120px;height:120px;transition:border-color .15s;box-shadow:inset 0 0 0 6px #f6ead01a,inset 0 0 0 7px #f4d48a59,0 0 0 1px #140c064d}.stick-base.active{border-color:#ffe4a0f2}.stick-knob{background:radial-gradient(circle at 50% 28%, var(--parch-hi) 0%, var(--cream) 50%, var(--parch-lo) 100%);border:2px solid var(--edge-dark);width:52px;height:52px;box-shadow:inset 0 0 0 2px #fffaecbf, inset 0 0 0 3px #b88a408c, 0 3px 0 var(--edge-dark), 0 6px 10px #140a044d;border-radius:50%}.build-ui{left:calc(var(--gap) + var(--safe-l));right:calc(var(--gap) + var(--safe-r));bottom:calc(var(--gap) + var(--safe-b));pointer-events:none;flex-direction:column;gap:8px;display:flex;position:absolute}.touch .build-ui{left:calc(200px + var(--safe-l))}.build-ui>*{pointer-events:auto}.build-head{pointer-events:none;justify-content:space-between;align-items:flex-end;gap:10px;display:flex}.build-head>*{pointer-events:auto}.chip.hint{text-overflow:ellipsis;white-space:normal;gap:8px;max-width:100%;font-size:14px;overflow:hidden}.chip.hint b{font-family:var(--font-title);white-space:nowrap;font-size:16px}.why{color:var(--bad)}.build-buttons{flex:none;gap:8px;display:flex}.tray{scrollbar-width:none;touch-action:pan-x;gap:8px;padding:6px 4px 12px;display:flex;overflow-x:auto}.tray::-webkit-scrollbar{display:none}.card{background:var(--parch);border:2px solid var(--edge-dark);min-width:92px;box-shadow:inset 0 0 0 1px #fffcf0a6, var(--rim), var(--lift);border-radius:14px;flex-direction:column;flex:none;align-items:center;gap:2px;padding:6px 4px;transition:transform 80ms;display:flex}.card .card-ico{background:var(--medal);width:34px;height:34px;color:var(--gold-hi);border-radius:50%;margin-bottom:1px;padding:6px;box-shadow:inset 0 0 0 1px #f4d48a80,0 1px #fff9}.card-name{white-space:nowrap;font-size:12px;font-weight:800}.card.picked{box-shadow:inset 0 0 0 1px #ffffffb3, 0 0 0 2px #ffd26ea6, 0 7px 0 var(--edge-dark), 0 9px 12px #180c044d;background:linear-gradient(#fff4cc 0%,#f6d98e 55%,#e6b75e 100%);transform:translateY(-4px)}.card.poor{opacity:.6}.cost{gap:6px;font-size:12px;font-weight:800;display:inline-flex}.cost>span{align-items:center;gap:2px;display:inline-flex}.cost .ico{width:13px;height:13px;color:var(--rust)}.cost .short{color:var(--bad)}.blurb{color:#f6ead0;text-shadow:0 2px #140c08d9;align-self:flex-start;font-size:13px;font-weight:700}.select-card{top:calc(96px + var(--safe-t));right:calc(var(--gap) + var(--safe-r));background:var(--parch);border:2px solid var(--edge-dark);outline-offset:-6px;width:250px;box-shadow:var(--rim), 0 4px 0 var(--edge-dark), 0 10px 20px #140a044d;max-height:calc(100vh - 96px - var(--safe-t) - var(--safe-b) - 10px);pointer-events:auto;border-radius:16px;outline:1px solid #b88a4073;flex-direction:column;gap:7px;padding:10px 12px 12px;display:flex;position:absolute;overflow-y:auto}.select-head{font-family:var(--font-title);background:linear-gradient(90deg,#b88a4000,#b88a4099 20% 80%,#b88a4000) bottom/100% 1px no-repeat;align-items:center;gap:8px;padding-bottom:6px;font-size:18px;display:flex}.select-head>.ico:first-child{width:30px;height:30px;padding:5px}.x{background:var(--parch);width:28px;height:28px;color:var(--bark);border:2px solid var(--edge-dark);box-shadow:var(--rim), 0 2px 0 var(--edge-dark);border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.x .ico{width:13px;height:13px}.x:active{box-shadow:var(--rim), 0 1px 0 var(--edge-dark);transform:translateY(1px)}.select-head .x{margin-left:auto}.select-line{font-size:13px}.select-actions{flex-wrap:wrap;gap:6px;display:flex}.select-actions .btn{padding:6px 12px;font-size:14px}.select-actions .btn.on{background:var(--lacquer);color:#fff4dc;text-shadow:0 1px #4e1806b3;border-color:#4e1d0a;box-shadow:inset 0 2px #ffe4be73,0 3px #4e1d0a,0 5px 8px #280c024d}.select-actions.squad{margin-bottom:2px}.select-line.toggle{cursor:pointer;align-items:flex-start;gap:6px;display:flex}.select-line.toggle input{accent-color:var(--ember);margin-top:2px}.idle-tag{color:#3b2412;background:#e8b458;border-radius:9px;margin-left:4px;padding:0 6px;font-size:.8em;font-weight:800}.bar.shp .bar-fill{background:var(--good)}.found-bar{gap:12px}.found-state.bad>.ico:first-child{color:#ffe6d4;background:radial-gradient(circle at 38% 30%,#e0603f 0%,#9a2a18 55%,#5e140a 100%)}.found-state.ok>.ico:first-child{color:#f2ffd8;background:radial-gradient(circle at 38% 30%,#a6d277 0%,#4f7d2c 55%,#2c4a14 100%)}.found-btn{white-space:nowrap}.found-btn:disabled{filter:grayscale(.6)}.diff-chip.diff-hard{color:#8a3a12}.diff-chip.diff-extreme{color:#ffd8c8;background:linear-gradient(#70251c 0%,#4a1612 55%,#330e0a 100%);border-color:#210806;box-shadow:inset 0 1px #ffa08233,0 3px #210806,0 5px 8px #0a020066}.screen{pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:16px;display:flex;position:absolute;inset:0}.title-screen{background:radial-gradient(58% 70% at 50% 46%,#0e09046b 0%,#0e090429 58%,#0e090400 82%)}.title-card{text-align:center;flex-direction:column;align-items:center;gap:13px;margin-top:-8vh;display:flex}.logo{font-family:var(--font-title);letter-spacing:.01em;color:var(--title-ink);background:linear-gradient(#fffbf2 18%,#f6e3b4 58%,#dfb05e 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px #8a5a30)drop-shadow(0 3px #3e2412)drop-shadow(0 10px 20px #00000073);-webkit-background-clip:text;background-clip:text;margin:0;padding:0 .08em .1em;font-size:clamp(44px,min(10vw,17vh),100px);font-weight:800;line-height:1.02}.tagline{font-family:var(--font-title);color:var(--title-ink);text-shadow:0 2px 0 var(--title-shadow);align-items:center;gap:12px;margin:-8px 0 6px;font-size:20px;font-weight:600;display:flex}.tagline:before,.tagline:after,.heading:before,.heading:after{content:"";background:var(--gold-hi);width:48px;height:9px;-webkit-mask:var(--orn-l) center / contain no-repeat;-webkit-mask:var(--orn-l) center / contain no-repeat;mask:var(--orn-l) center / contain no-repeat;flex:none}.tagline:after,.heading:after{-webkit-mask-image:var(--orn-r);-webkit-mask-image:var(--orn-r);mask-image:var(--orn-r)}.title-card .small{color:var(--title-ink);text-shadow:0 2px 0 var(--title-shadow)}.sheet{background:var(--stud) top 5.5px left 5.5px / 9px no-repeat, var(--stud) top 5.5px right 5.5px / 9px no-repeat, var(--stud) bottom 5.5px left 5.5px / 9px no-repeat, var(--stud) bottom 5.5px right 5.5px / 9px no-repeat, radial-gradient(ellipse 120% 100% at 50% 0%, var(--parch-hi) 0%, var(--cream) 55%, var(--parch-lo) 100%);border:2px solid var(--edge-dark);outline-offset:-8px;box-shadow:inset 0 1px 0 #ffffffb3, 0 6px 0 var(--edge-dark), 0 22px 50px #00000073;--sheet-pb:22px;padding:20px 26px var(--sheet-pb);scrollbar-width:thin;scrollbar-color:var(--gold) transparent;border-radius:20px;outline:1px solid #b88a4099;flex-direction:column;align-items:center;gap:12px;max-width:min(720px,100%);max-height:100%;display:flex;overflow-y:auto}.sheet-foot{z-index:1;margin:0 0 calc(-1 * var(--sheet-pb));padding:10px 0 var(--sheet-pb);background:linear-gradient(180deg, #e8d4aa00 0%, #e8d4aaf0 32%, var(--parch-lo) 100%);flex-wrap:wrap;justify-content:center;align-self:stretch;align-items:center;gap:10px;display:flex;position:sticky;bottom:0}.heading{font-family:var(--font-title);color:var(--bark);text-align:center;justify-content:center;align-items:center;gap:12px;margin:0;font-size:24px;font-weight:800;line-height:1.15;display:flex}.heading:before,.heading:after{background:var(--gold)}.heading.big{font-size:30px}.classes,.diffs{gap:10px;width:100%;display:flex}.setup-row{flex-direction:column;gap:12px;width:100%;display:flex}.setup-group{flex-direction:column;flex:1;align-items:center;gap:10px;min-width:0;display:flex}@media (min-width:700px) and (max-height:620px){.setup-sheet{width:min(860px,100%);max-width:none}.setup-row{flex-direction:row;gap:18px}}.class-card,.diff{border:2px solid var(--edge);box-shadow:inset 0 0 0 1px #fffc, 0 3px 0 var(--edge), 0 4px 8px #28180a1f;text-align:center;background:linear-gradient(#fffaf0 0%,#f7ecd4 100%);border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:10px;transition:transform 80ms;display:flex;position:relative}.class-card.picked,.diff.picked{border-color:var(--edge-dark);box-shadow:inset 0 0 0 1px #ffffffb3, 0 0 0 2px #d6a24a8c, 0 5px 0 var(--edge-dark), 0 8px 14px #28180a40;background:linear-gradient(#fff4cc 0%,#f6d98e 60%,#ecc26c 100%);transform:translateY(-2px)}.class-card.picked:after,.diff.picked:after{content:"";background:var(--tick) center / 13px no-repeat, var(--lacquer);border:2px solid #4e1d0a;border-radius:50%;width:22px;height:22px;position:absolute;top:-8px;right:-8px;box-shadow:0 2px #4e1d0a}.class-card.locked{opacity:.45}.class-card.locked .class-emblem{filter:grayscale()}.class-emblem{background:var(--medal);border-radius:50%;place-items:center;width:40px;height:40px;display:grid;box-shadow:inset 0 0 0 1.5px #f4d48a8c,0 2px #5a3a1e73}.class-emblem .ico{width:24px;height:24px;color:var(--gold-hi)}.class-name,.diff-name{font-family:var(--font-title);font-size:18px;font-weight:800}.class-blurb,.diff-blurb{opacity:.75;font-size:12.5px}.diff-extreme.picked{background:linear-gradient(#f9c4aa 0%,#e8957a 60%,#d2735a 100%)}.overlay{background:#140c0873}.pause-sheet,.over-sheet{min-width:300px}.pause-sheet{width:min(640px,100%)}.settings{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:8px 30px;width:100%;display:grid}.setting{justify-content:space-between;align-items:center;gap:18px;width:100%;display:flex}.seg{border:2px solid var(--edge-dark);background:linear-gradient(#ddc79c,#ecdcb8);border-radius:999px;gap:2px;padding:2px;display:flex;box-shadow:inset 0 2px 3px #5a3a1e47,0 1px #ffffffb3}.seg button{text-transform:capitalize;background:0 0;border:0;border-radius:999px;padding:4px 12px;font-weight:800}.seg button.on{background:var(--lacquer);color:#fff4dc;text-shadow:0 1px #4e180699;box-shadow:inset 0 1px #ffe4be80,0 1px 2px #3c140673}.controls-help{text-align:center;opacity:.8;font-size:13px;line-height:1.6}.stats{grid-template-columns:repeat(3,1fr);gap:8px 18px;margin:6px 0;display:grid}.stats div{flex-direction:column;align-items:center;display:flex}.stats b{font-family:var(--font-title);color:#6a3416;font-size:26px}.stats span{opacity:.7;font-size:12px}.over .cause{text-align:center;margin:-4px 0 0;font-size:15px}.over.won .over-sheet{box-shadow:inset 0 1px 0 #ffffffb3, 0 6px 0 var(--edge-dark), 0 0 60px #ffd26e8c}.over-body{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.over-story,.over-numbers{flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex}.over-story p{margin:0}@media (min-width:700px) and (max-height:620px){.over-sheet{width:min(860px,100%);max-width:none}.over-body{flex-direction:row;align-items:center;gap:26px}.over-story,.over-numbers{flex:1}}.daily-note{color:var(--good);margin:0;font-size:13px}.graph{width:min(320px,100%)}.graph svg{width:100%;height:auto;display:block}.graph text{fill:var(--bark);opacity:.6;font-size:9px}.bar-n{fill:#8a6a4a}.bar-n.moon{fill:var(--bad)}.bar-n.siege{fill:#d9a12a}.bar-n.best{stroke:var(--bark);stroke-width:1.5px}.graph-legend{opacity:.7;text-align:center;font-size:12px}.seed-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex}.btn.small-btn{padding:4px 12px;font-size:13px}.daily-btn{flex-direction:column;align-items:center;gap:2px;line-height:1.2;display:flex}.daily-best{opacity:.75;font-size:12px;font-weight:700}.heart-chip{color:#6d1a1a;margin-top:6px;font-size:13px}.heart-chip .ico{color:#b8322a}.heart-chip.dead{color:var(--good)}.omens{left:50%;bottom:calc(var(--safe-b) + 18px);pointer-events:auto;flex-direction:column;align-items:center;gap:8px;width:min(720px,100vw - 340px);min-width:280px;display:flex;position:absolute;transform:translate(-50%)}.omens-title{font-family:var(--font-title);color:var(--title-ink);text-shadow:0 2px 0 var(--title-shadow);align-items:center;gap:10px;font-size:20px;display:flex}.omens-title:before,.omens-title:after{content:"";background:var(--gold-hi);width:40px;height:8px;-webkit-mask:var(--orn-l) center / contain no-repeat;-webkit-mask:var(--orn-l) center / contain no-repeat;mask:var(--orn-l) center / contain no-repeat;flex:none}.omens-title:after{-webkit-mask-image:var(--orn-r);-webkit-mask-image:var(--orn-r);mask-image:var(--orn-r)}.omen-cards{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;display:flex}.omen{text-align:left;background:var(--parch);border:2px solid var(--edge-dark);max-width:240px;box-shadow:inset 0 0 0 1px #fffcf0a6, var(--rim), var(--lift);color:var(--bark);font:inherit;cursor:pointer;border-radius:14px;flex-direction:column;flex:120px;gap:4px;padding:8px 12px;display:flex}.omen:disabled{opacity:.55;cursor:default}.omen.picked{opacity:1;background:linear-gradient(#f9d9bf 0%,#efbf9a 60%,#e0a27a 100%);border-color:#6d2412;box-shadow:inset 0 0 0 1px #fff0e199,0 0 0 2px #dc6e4680,0 3px #6d2412,0 6px 10px #280c024d}.omen-name{font-family:var(--font-title);font-size:17px;font-weight:800}.omen-risk{color:var(--bad);font-size:13px}.omen-reward{color:var(--good);font-size:13px}.omens-hint{color:var(--title-ink);text-shadow:0 1px 0 var(--title-shadow);font-size:12px}.omen-chip{color:var(--bad);margin-top:6px;font-size:13px}.threat.mission{color:#bcd8ff}.chip-btn{cursor:pointer;font-family:inherit}.roster{top:calc(var(--safe-t) + 110px);left:calc(var(--safe-l) + var(--gap));background:var(--parch);border:2px solid var(--edge-dark);outline-offset:-6px;width:min(320px,100vw - 32px);max-height:calc(100vh - 220px);box-shadow:var(--rim), 0 4px 0 var(--edge-dark), 0 10px 20px #140a044d;scrollbar-width:thin;scrollbar-color:var(--gold) transparent;pointer-events:auto;border-radius:16px;outline:1px solid #b88a4073;flex-direction:column;gap:6px;padding:10px 12px;display:flex;position:absolute;overflow-y:auto}.roster-head{min-height:28px;font-family:var(--font-title);background:linear-gradient(90deg,#b88a4099,#b88a4000) bottom/100% 1px no-repeat;justify-content:space-between;align-items:center;padding-bottom:4px;font-size:17px;display:flex}.roster-row{border-bottom:1px dashed var(--track);grid-template-columns:1fr auto auto;gap:8px;padding:2px 0;font-size:13px;display:grid}.roster-trait{color:var(--rust)}.roster-relic{flex-direction:column;gap:1px;font-size:13px;display:flex}.tech{flex-direction:column;gap:6px;margin-top:6px;display:flex}.btn.tech-btn{text-align:left;border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;padding:6px 12px}.tech-name{font-size:14px}.tech-blurb{opacity:.75;font-size:12px;font-weight:600}.over .fallen{text-align:center;max-width:420px;margin:0;font-size:13px}.season{color:var(--title-ink);text-shadow:0 1px 0 var(--title-shadow);margin-top:4px;font-size:12px}.event-panel{left:50%;bottom:calc(var(--safe-b) + 18px);background:var(--parch);border:2px solid var(--edge-dark);outline-offset:-6px;width:min(620px,100vw - 340px);min-width:280px;box-shadow:var(--rim), 0 3px 0 var(--edge-dark), 0 8px 16px #140a044d;pointer-events:auto;border-radius:14px;outline:1px solid #b88a4073;flex-direction:column;align-items:center;gap:6px;padding:10px 14px;display:flex;position:absolute;transform:translate(-50%)}.event-buttons{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.btn.trade{border-radius:12px;flex-direction:column;gap:0;padding:5px 12px;font-size:14px}.chip.guide{cursor:pointer;text-align:left;font:inherit;white-space:normal;max-width:min(460px,100vw - 340px);margin-top:6px;font-size:14px;line-height:1.3}.guide-n{color:var(--rust);font-size:12px}.setting input[type=range]{width:150px;accent-color:var(--ember)}.cb .tmark i{filter:drop-shadow(0 0 4px #145affe6);background:radial-gradient(circle at 40%,#fff 0 30%,#1a5aff 31% 100%)}.cb .tmark.scout i{filter:drop-shadow(0 0 4px #ffd23ce6);background:repeating-linear-gradient(45deg,#ffd23a 0 5px,#1a1a1a 5px 10px)}.banner{text-align:center;pointer-events:none;background:linear-gradient(90deg,#100a0600 0%,#100a068c 24% 76%,#100a0600 100%);width:min(92vw,720px);padding:10px 0 12px;animation:.5s ease-out banner-in;position:absolute;top:22%;left:50%;transform:translate(-50%)}.banner:before,.banner:after{content:"";background:linear-gradient(90deg,#f4d48a00,#f4d48ad9 30% 70%,#f4d48a00);height:1px;position:absolute;left:10%;right:10%}.banner:before{top:0}.banner:after{bottom:0}.banner.tone-bad{background:linear-gradient(90deg,#32080400 0%,#32080499 24% 76%,#32080400 100%)}.banner.tone-bad:before,.banner.tone-bad:after{background:linear-gradient(90deg,#ff8c6e00,#ff8c6ed9 30% 70%,#ff8c6e00)}.banner-title{font-family:var(--font-title);color:var(--title-ink);text-shadow:0 3px 0 var(--title-shadow), 0 8px 26px #00000073;font-size:clamp(30px,6vw,54px);font-weight:800}.banner-sub{color:var(--title-ink);text-shadow:0 2px 0 var(--title-shadow);margin-top:4px;font-size:17px;font-weight:800}.banner.tone-bad .banner-title{color:#ffd2c0;text-shadow:0 3px #5a1a10,0 8px 26px #00000080}@keyframes banner-in{0%{opacity:0;transform:translate(-50%,10px)}}.toasts{left:50%;bottom:calc(20px + var(--safe-b));pointer-events:none;flex-direction:column;align-items:center;gap:6px;width:min(60vw,520px);display:flex;position:absolute;transform:translate(-50%)}.toasts.raised{bottom:calc(190px + var(--safe-b))}.touch .toasts,.touch .toasts.raised{top:calc(var(--gap) + 106px + var(--safe-t));bottom:auto;left:calc(var(--gap) + var(--safe-l));align-items:flex-start;width:min(40vw,340px);transform:none}.touch .toast{text-align:left}.touch .banner{top:38%}.toast{background:var(--parch);border:2px solid var(--edge-dark);box-shadow:var(--rim), var(--lift);text-align:center;border-radius:999px;padding:5px 14px;font-size:14px;font-weight:800;animation:.25s ease-out toast-in}.toast.tone-good{box-shadow:var(--rim), 0 3px 0 #2f5418, 0 5px 8px #0a180442;background:linear-gradient(#f4fbe4 0%,#e0efc4 100%);border-color:#2f5418}.toast.tone-bad{box-shadow:var(--rim), 0 3px 0 #6d1c0e, 0 5px 8px #28060247;background:linear-gradient(#fde8dc 0%,#f2c8b4 100%);border-color:#6d1c0e}.toast.tone-gold{background:linear-gradient(#fff6d6 0%,#f6d98e 100%)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.qnotice{right:0;top:calc(30% + var(--safe-t));background:var(--parch);border:2px solid var(--edge-dark);box-shadow:var(--rim), var(--lift);pointer-events:none;z-index:6;border-right:0;border-radius:12px 0 0 12px;align-items:center;gap:10px;padding:8px 14px 8px 12px;font-size:13px;font-weight:800;animation:3.4s cubic-bezier(.2,.8,.2,1) both qn-slide;display:flex;position:absolute}.touch .qnotice{top:calc(20% + var(--safe-t));padding:6px 12px 6px 10px;font-size:12px}@keyframes qn-slide{0%{transform:translate(110%)}14%{transform:translate(0)}84%{transform:translate(0)}to{transform:translate(110%)}}.qnotice-bars{align-items:flex-end;gap:3px;height:18px;display:flex}.qnotice-bars i{background:#cbb891;border-radius:2px;width:5px;display:block}.qnotice-bars i:first-child{height:7px}.qnotice-bars i:nth-child(2){height:12px}.qnotice-bars i:nth-child(3){height:18px}.qnotice-bars i.on{background:var(--good)}.qnotice.down .qnotice-bars i.changing{animation:2.6s linear both qn-bar-off}.qnotice.up .qnotice-bars i.changing{animation:2.6s linear both qn-bar-on}@keyframes qn-bar-off{0%,28%{background:var(--good)}32%,42%{background:var(--bad)}46%,56%{background:var(--good)}60%,70%{background:var(--bad)}76%,to{background:#cbb891}}@keyframes qn-bar-on{0%,28%{background:#cbb891}32%,42%{background:var(--good)}46%,56%{background:#cbb891}60%,to{background:var(--good)}}.qnotice-text{flex-direction:column;line-height:1.15;display:flex}.qnotice-text span{opacity:.7;text-transform:capitalize;font-size:11px;font-weight:700}.loading{color:var(--title-ink);font-family:var(--font-title);pointer-events:auto;background:radial-gradient(at 50% 45%,#3a2718 0%,#1a130c 70%);justify-content:center;align-items:center;gap:14px;font-size:24px;display:flex;position:absolute;inset:0}.loading:before{content:"";border:3px solid #f4d48a40;border-top-color:var(--gold-hi);border-radius:50%;width:22px;height:22px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(1turn)}}.perf{color:#e8e0cc;white-space:nowrap;pointer-events:none;z-index:5;background:#0009;border-radius:6px;padding:3px 8px;font:11px/1.3 ui-monospace,monospace;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.debug{color:#eee;pointer-events:auto;background:#000000b3;border-radius:8px;flex-direction:column;gap:4px;padding:8px;font-size:12px;display:flex;position:absolute;top:120px;left:12px}.debug button{background:#2a2a34;border:1px solid #444;border-radius:4px;padding:4px 8px;font-size:12px}@media (max-height:480px){:root{--gap:10px}.chip{padding:4px 10px 4px 7px;font-size:14px}.chip:has(>.ico:first-child){padding-left:3px}.ico{width:17px;height:17px}.chip>.ico:first-child{width:22px;height:22px;padding:3.5px}.clock-track{left:32px}.round{width:42px;height:42px}.clock .clock-title{font-size:15px}.hero-hp{width:150px}.fight{width:150px;height:128px}.attack{width:84px;height:84px}.fight .slam{right:62px}.card{min-width:80px;padding:5px 7px}.card .card-ico{width:28px;height:28px;padding:5px}.select-card{top:calc(76px + var(--safe-t));width:230px;max-height:calc(100vh - 76px - var(--safe-t) - var(--safe-b) - 8px);gap:5px;padding:8px 10px 10px}.select-head{font-size:16px}.select-line{font-size:12px}.select-actions{gap:5px}.select-actions .btn{padding:4px 9px;font-size:13px}.blurb{display:none}.toasts.raised{bottom:calc(150px + var(--safe-b))}.sheet{--sheet-pb:12px;padding:10px 22px var(--sheet-pb);gap:6px}.sheet-foot{padding-top:6px}.heading{font-size:17px}.heading.big{font-size:24px}.setup-row{gap:8px}.setup-group{gap:5px}.classes,.diffs{gap:8px}.class-card,.diff{gap:2px;padding:5px 8px 6px}.class-emblem{width:26px;height:26px}.class-emblem .ico{width:16px;height:16px}.class-name,.diff-name{font-size:15px}.class-blurb,.diff-blurb{font-size:11px;line-height:1.25}.class-blurb{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.title-card{gap:9px;margin-top:-3vh}.tagline{margin:-6px 0 2px;font-size:17px}.btn.big{padding:8px 24px;font-size:18px}.settings{gap:6px 26px}.seg button{padding:3px 11px}.stats b{font-size:22px}.stats{gap:2px 18px;margin:0}.graph svg{max-height:70px}.banner{top:18%}.idle-word,.season{display:none}.corner.tc{gap:3px;left:calc(50% + 44px)}.chips{gap:5px}.chip.guide{max-width:min(300px,100vw - 420px);margin-top:3px;padding:5px 10px;font-size:12.5px}.threat{font-size:11.5px}}.chip.guide.shut{opacity:.85}@media (max-width:720px){.chips{max-width:230px}}@media (max-width:640px){.corner.tc{left:auto;right:calc(var(--gap) + var(--safe-r));top:calc(var(--gap) + 62px + var(--safe-t));align-items:flex-end;transform:none}.select-card{top:calc(118px + var(--safe-t));max-height:calc(100vh - 118px - var(--safe-t) - var(--safe-b) - 8px)}.threat{display:none}}.gate{z-index:100;text-align:center;color:var(--title-ink);pointer-events:auto;background:radial-gradient(at 50% 40%,#4a3322 0%,#1a130c 75%);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex;position:fixed;inset:0}.gate-phone{border:3px solid var(--cream);border-radius:12px;width:64px;height:112px;margin-bottom:18px;padding:6px;animation:3s ease-in-out infinite gate-turn}.gate-screen{background:linear-gradient(160deg,#7a9a4a,#3a5a2a);border-radius:4px;width:100%;height:100%}@keyframes gate-turn{0%{opacity:0;transform:rotate(0)}8%,22%{opacity:1;transform:rotate(0)}45%,82%{opacity:1;transform:rotate(-90deg)}92%{opacity:0;transform:rotate(-90deg)}to{opacity:0;transform:rotate(0)}}.gate-title{font-family:var(--font-title);text-shadow:0 3px 0 var(--title-shadow);margin:0;font-size:26px;font-weight:800}.gate-text{opacity:.85;max-width:300px;margin:0 0 8px;font-size:15px}.mapscreen{z-index:40;pointer-events:auto;background:radial-gradient(at 50% 45%,#16100adb 0%,#080604f0 100%);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:fixed;inset:0}.mapscreen canvas{outline-offset:-7px;background:#2a2319;border:2px solid #1e140b;border-radius:14px;outline:1px solid #f4d48a66;width:min(80vh,92vw);height:min(80vh,92vw);box-shadow:0 0 0 3px #8a6438,0 0 0 5px #1e140b,0 14px 40px #0009}.maplegend{color:#f3e2b6;outline-offset:-5px;background:#22190fcc;border-radius:12px;outline:1px solid #f4d48a52;flex-wrap:wrap;justify-content:center;gap:8px 14px;max-width:min(94vw,1080px);padding:9px 14px;font-size:13px;display:flex}.maplegend.hint{opacity:.8;background:0 0;outline:none;padding:0 4px}.maplegend i{vertical-align:-1px;border:1px solid #0009;width:10px;height:10px;margin-right:5px;display:inline-block}.maplegend i.round-dot{border-radius:50%}@media (max-height:480px){.mapscreen{grid-template-rows:auto auto;grid-template-columns:auto minmax(0,310px);place-content:center;gap:12px 24px;display:grid}.mapscreen canvas{grid-row:1/span 2;width:min(86vh,58vw);height:min(86vh,58vw)}.maplegend{grid-template-columns:repeat(2,auto);justify-content:start;align-self:end;gap:7px 16px;padding:11px 14px;font-size:12px;display:grid}.maplegend.hint{text-align:left;align-self:start;display:block}}