: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 Variable", "Fraunces", Georgia, serif;--font-body:"Nunito Variable", "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.hunger i{filter:drop-shadow(0 0 4px #be50ffe6);background:radial-gradient(circle at 40%,#e8b0ff 0 35%,#7a2aa0 36% 100%)}.tmark.knight i{filter:drop-shadow(0 0 4px #96beffe6);background:radial-gradient(circle at 40%,#e4eefc 0 35%,#4f6f9c 36% 100%)}.tmark.scout i{filter:drop-shadow(0 0 4px #ffbe28e6);background:radial-gradient(circle at 40%,#ffe08a 0 35%,#d88a1a 36% 100%)}.tmark.cry i{filter:drop-shadow(0 0 4px #aac8ffd9);background:radial-gradient(circle at 40%,#f4f8ff 0 35%,#8aa6d8 36% 100%);width:20px;height:20px;animation:1.6s ease-in-out infinite tmark-cry;top:-10px;left:-10px}.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-cry{0%,to{opacity:.55;transform:scale(.85)}45%{opacity:1;transform:scale(1.15)}}@keyframes tmark-pulse{50%{transform:scale(1.18)}}.ctags{pointer-events:none;position:absolute;inset:0;overflow:hidden}.ctag{width:0;height:0;position:absolute;top:0;left:0}.ctag i{background:radial-gradient(circle at 40% 35%,#fff6dc 0 30%,#d8c08a 31% 100%);border-radius:50%;width:12px;height:12px;position:absolute;top:-6px;left:-6px;box-shadow:0 0 0 2px #281a0ed9,0 1px 3px #0009}.ctag i:after{content:"";background:#6a4a2a;height:2px;position:absolute;top:5px;left:-2px;right:-2px;transform:rotate(-30deg)}.ctag b{text-align:center;width:120px;font:800 12px/16px var(--font-body);color:#fff4e0;text-shadow:0 1px 2px #000,0 0 3px #000;white-space:nowrap;position:absolute;top:-30px;left:-60px}.ctag:not(.named) b{display:none}.ctag.cry i{background:radial-gradient(circle at 40% 40%,#f4f8ff 0 35%,#8aa6d8 36% 100%);width:18px;height:18px;animation:1.1s ease-in-out infinite tmark-cry;top:-9px;left:-9px;box-shadow:0 0 6px #aac8ffd9}.ctag.cry i:after{content:"!";text-align:center;height:auto;font:900 13px/18px var(--font-body);color:#1a2a5a;background:0 0;top:0;left:0;right:0;transform:none}.ctag.cry b{color:#e8f0ff;font-style:italic;top:-32px}#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}.round:after{content:"";border-radius:50%;position:absolute;inset:-5px}.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}.fight .flare{position:absolute;top:-16px;right:6px}.fight .horn{position:absolute;top:-70px;right:6px}.cdr{pointer-events:none;border-radius:50%;position:absolute;inset:0}.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}.desktop .tray{scrollbar-width:thin;scrollbar-color:var(--gold) transparent}.desktop .tray::-webkit-scrollbar{height:6px;display:block}.desktop .tray::-webkit-scrollbar-thumb{background:var(--gold);border-radius:3px}.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);max-height:calc(100dvh - 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}.undaunted-tag{color:#2a2230;background:#e6dfcf;border-radius:9px;margin-left:5px;padding:0 6px;font-size:.8em;font-style:normal;font-weight:800}.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-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}.chip.omens-none{padding:4px 12px;font-size:12.5px}.touch .omens-title{gap:6px}.touch .omens-title:before,.touch .omens-title:after{width:24px}.touch .omens-title .omens-none{font:800 12px var(--font-body);text-shadow:none;order:1;margin-left:2px;padding:3px 10px}.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));width:min(320px,100vw - 32px);max-height:calc(100vh - 220px);background:var(--parch);border:2px solid var(--edge-dark);outline-offset:-6px;max-height:calc(100dvh - 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-note{color:var(--edge-dark);font-size:13px;line-height:1.3}.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}.prompt-head{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:2px 8px;display:flex}.prompt-left{font:800 12.5px var(--font-body);color:var(--bark);opacity:.7;font-variant-numeric:tabular-nums;white-space:nowrap}.omens-title .prompt-left{color:#fff3d8;opacity:1;text-shadow:none;background:#140a0480;border-radius:999px;padding:1px 8px}.prompt-fold{position:absolute;top:-10px;right:-10px}.chip.prompt-chip{white-space:nowrap;font-size:13px}.stockade-card .chief-line{font:italic 700 13.5px var(--font-body);color:var(--bark);text-align:center;line-height:1.25}.stockade-choice{flex-wrap:nowrap;align-self:stretch}.stockade-choice .btn.trade{white-space:normal;text-align:center;flex:1 1 0;min-width:0}.stockade-choice .btn.trade .dim{font-size:12.5px;font-weight:700;line-height:1.25}.ruin-card .prompt-head .ico{color:#b8862a;align-self:center}.ruin-card.ruin-knight .prompt-head .ico,.ruin-card.ruin-lord .prompt-head .ico{color:#3c5488}.ruin-card .ruin-line{font:700 13px var(--font-body);color:var(--bark);text-align:center;line-height:1.25}.ruin-card .ruin-note{font:600 12px var(--font-body);color:var(--bark);opacity:.78;text-align:center;line-height:1.2}.ruin-bar{background:#3c240e2e;border-radius:999px;align-self:stretch;height:7px;margin:1px 18px;overflow:hidden;box-shadow:inset 0 1px 2px #140a0459}.ruin-bar i{background:linear-gradient(90deg,#e0a040,#f6d27a);border-radius:999px;height:100%;transition:width .2s linear;display:block}.btn.band-orders{padding:2px 12px;font-size:13px}.touch .prompt{left:calc(200px + var(--safe-l));right:calc(250px + var(--safe-r));width:auto;min-width:0;margin:0 auto;transform:none}.touch .omens.prompt{max-width:720px}.touch .event-panel.prompt{max-width:620px}.touch .prompt.rounds-2{right:calc(308px + var(--safe-r))}.touch .prompt.rounds-3{right:calc(366px + var(--safe-r))}.touch .omens .omen-cards{flex-wrap:nowrap}.touch .omens .omen{flex:1 1 0;min-width:0}@media (min-height:481px) and (max-width:789px){.touch .prompt{bottom:calc(var(--safe-b) + 76px);right:calc(198px + var(--safe-r))}}@media (min-height:481px) and (max-width:847px){.touch .prompt.rounds-2,.touch .prompt.rounds-3{bottom:calc(var(--safe-b) + 76px);right:calc(198px + var(--safe-r))}}@media (min-height:481px) and (max-width:905px){.touch .prompt.rounds-3{bottom:calc(var(--safe-b) + 76px);right:calc(198px + var(--safe-r))}}@media (max-height:480px){.touch .prompt{left:calc(176px + var(--safe-l));right:calc(220px + var(--safe-r))}.touch .prompt.rounds-2{right:calc(272px + var(--safe-r))}.touch .prompt.rounds-3{right:calc(324px + var(--safe-r))}}@media (max-height:480px) and (max-width:735px){.touch .prompt{bottom:calc(var(--safe-b) + 60px);right:calc(170px + var(--safe-r))}}@media (max-height:480px) and (max-width:787px){.touch .prompt.rounds-2,.touch .prompt.rounds-3{bottom:calc(var(--safe-b) + 60px);right:calc(170px + var(--safe-r))}}@media (max-height:480px) and (max-width:839px){.touch .prompt.rounds-3{bottom:calc(var(--safe-b) + 60px);right:calc(170px + var(--safe-r))}}@media (max-height:480px){.omens{bottom:calc(var(--safe-b) + 10px);gap:5px}.omens-title{font-size:16px}.omen-cards{gap:6px}.omen{border-radius:12px;gap:2px;padding:5px 9px}.omen .omen-name{font-size:14px}.omen .omen-risk,.omen .omen-reward{font-size:11.5px;line-height:1.25}.event-panel{bottom:calc(var(--safe-b) + 10px);gap:5px;padding:6px 10px 8px}.event-panel .btn{padding:5px 12px;font-size:13.5px}.event-panel .btn.trade{padding:3px 9px;font-size:12.5px}.stockade-card .chief-line{font-size:12px}.ruin-card .ruin-line{font-size:11.5px;line-height:1.2}.ruin-card .ruin-note{font-size:10.5px;line-height:1.15}.ruin-bar{height:6px}.stockade-choice{gap:6px}.stockade-choice .btn.trade .dim{font-size:11px;line-height:1.2}.chip.prompt-chip{font-size:12.5px}}.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.cry i{filter:drop-shadow(0 0 3px #000000e6);background:radial-gradient(circle at 40%,#1a1a1a 0 30%,#fff 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(32vw,290px);transform:none}.touch .toast{text-align:left;border-radius:14px;padding:4px 12px;font-size:13px}.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:6px}.qnotice-bars i:nth-child(2){height:10px}.qnotice-bars i:nth-child(3){height:14px}.qnotice-bars i:nth-child(4){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);max-height:calc(100dvh - 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);max-height:calc(100dvh - 118px - var(--safe-t) - var(--safe-b) - 8px)}.threat{display:none}}.banner.leaving,.toast.leaving{animation:.25s ease-in forwards notice-out}@keyframes notice-out{to{opacity:0}}.toast-n{background:var(--edge-dark);color:var(--title-ink);border-radius:999px;margin-left:7px;padding:0 6px;font-size:.85em;line-height:1.35;display:inline-block}.toast.toast-probe{visibility:hidden;animation:none;position:absolute;top:0;left:0}.corner.tc{--band-w:min(520px, calc(36vw - 44px))}.corner.tc>.banner{top:auto;left:var(--band-shift,0px);pointer-events:none;width:var(--band-fit,var(--band-w));background:linear-gradient(90deg,#100a0600 0%,#100a0699 14% 86%,#100a0600 100%);padding:5px 8% 7px;animation:.35s ease-out banner-drop;position:relative;transform:none}.corner.tc>.banner.tone-bad{background:linear-gradient(90deg,#32080400 0%,#320804a3 14% 86%,#32080400 100%)}.corner.tc>.banner.leaving{animation:.25s ease-in forwards notice-out}.corner.tc>.banner:before,.corner.tc>.banner:after{left:12%;right:12%}.corner.tc>.banner .banner-title{text-shadow:0 2px 0 var(--title-shadow), 0 5px 14px #00000073;font-size:27px;line-height:1.1}.corner.tc>.banner.tone-bad .banner-title{text-shadow:0 2px #5a1a10,0 5px 14px #00000080}.corner.tc>.banner .banner-sub{margin-top:2px;font-size:14px;line-height:1.25}@keyframes banner-drop{0%{opacity:0;transform:translateY(-6px)}}.ui.desktop:has(.roster)>.banner{--band-w:min(92vw, 720px, calc(100vw - 354px - var(--safe-l) - var(--safe-r)));width:var(--band-w);left:max(50%, calc(340px + var(--safe-l) + var(--band-w) / 2))}.ui.desktop>.banner{top:max(22%, calc(var(--tc-bottom,0px) + 8px))}@media (max-height:480px){.ui.desktop>.banner{top:max(18%, calc(var(--tc-bottom,0px) + 8px))}}.ui.touch:has(.roster) .corner.tc{--band-fit:min(var(--band-w), calc(100vw - 354px - var(--safe-l) - var(--safe-r)));--band-shift:max(0px, calc(340px + var(--safe-l) - 50vw + var(--band-fit) / 2))}.corner.tc>.banner~*{translate:var(--band-shift,0px) 0}.ui.touch:has(.roster) .toasts{visibility:hidden}.ui.desktop:has(>.perf) .toasts:not(.raised){bottom:calc(36px + var(--safe-b))}.ui.touch:has(.omens,.event-panel) .toasts{width:min(290px, calc(max(50vw - 360px, 170px) - var(--gap) - var(--safe-l) - 8px))}.ui.touch:has(.omens,.event-panel) .toast{padding:4px 10px;font-size:12px}.ui.desktop:has(.omens,.event-panel):not(:has(.roster)) .toasts{top:calc(var(--gap) + 140px + var(--safe-t));bottom:auto;left:calc(var(--gap) + var(--safe-l));width:min(340px, calc(max(50vw - 360px, 170px) - var(--gap) - var(--safe-l) - 8px));align-items:flex-start;transform:none}.ui.desktop:has(.omens,.event-panel):not(:has(.roster)) .toast{text-align:left;border-radius:14px}.ui:has(.omens) .chip.hint:not(:has(b)){visibility:hidden}@media (max-height:480px){.corner.tc{--band-w:min(440px, calc(36vw + 52px))}.corner.tc>.banner{padding:4px 8% 6px}.ui:has(.omens,.event-panel) .corner.tc{--band-w:min(560px, calc(100vw - 252px))}.ui.touch:has(.roster) .corner.tc{--band-fit:min(var(--band-w), calc(100vw - 346px - var(--safe-l) - var(--safe-r)));--band-shift:max(0px, calc(336px + var(--safe-l) - 50vw - 44px + var(--band-fit) / 2))}.corner.tc>.banner .banner-title{font-size:21px}.corner.tc>.banner .banner-sub{margin-top:1px;font-size:12.5px}}@media (max-height:480px) and (min-width:641px){.ui.touch:has(.select-card) .corner.tc{--band-fit:min(var(--band-w), calc(100vw - 262px - var(--safe-l) - var(--safe-r) - min(32vw, 290px)));--band-shift:min(0px, calc(50vw - 290px - var(--safe-r) - var(--band-fit) / 2))}.ui.touch:has(.select-card) .chip.guide{max-width:max(200px, min(300px, calc(100vw - 584px - 2 * var(--safe-r))))}}@media (max-width:640px){.ui.touch:has(.roster) .corner.tc{--band-shift:0px}.ui.touch:has(.select-card) .corner.tc>.banner{z-index:2}}@media (max-height:380px){.ui:has(.omens,.event-panel) .corner.tc>.banner~*{display:none}.corner.tc>.banner{padding:2px 7% 4px}.corner.tc>.banner .banner-title{font-size:19.5px}.corner.tc>.banner .banner-sub{font-size:12px;line-height:1.2}}.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%}.map-side{flex-direction:column;align-items:center;gap:10px;max-width:min(94vw,1080px);display:flex}.map-switch{display:none}@media (min-aspect-ratio:5/4){.mapscreen{flex-direction:row;gap:24px}.mapscreen canvas{flex:none;width:min(88vh,58vw);height:min(88vh,58vw)}.map-side{align-items:stretch;width:min(350px,34vw)}.maplegend.key{grid-template-columns:repeat(2,auto);justify-content:start;gap:7px 16px;padding:11px 14px;font-size:12.5px;display:grid}.maplegend.hint{text-align:left;display:block}}.heart-card{color:#f3e2b6;outline-offset:-5px;background:#22190fdb;border-radius:12px;outline:1px solid #f4d48a61;max-width:560px;padding:11px 14px 10px;font-size:13px;line-height:1.3}.heart-card-head{flex-wrap:wrap;align-items:center;gap:2px 7px;margin-bottom:7px;display:flex}.heart-card-head .ico{color:#e0503a;width:17px;height:17px}.heart-card-head b{font-family:var(--font-title);color:#f6dcc0;font-size:15px}.heart-card-head span{color:#f2c84b;margin-left:auto;font-size:12px;font-weight:800}.heart-wards{flex-direction:column;gap:5px;margin:0 0 6px;padding:0;list-style:none;display:flex}.heart-wards .ward{align-items:flex-start;gap:8px;display:flex}.heart-wards .ward>i{width:20px;height:20px;font:900 11.5px/1 var(--font-body);color:#ffe0d0;background:#8a1c1c;border-radius:50%;flex:none;place-items:center;margin-top:-1px;font-style:normal;display:grid;box-shadow:0 0 0 1.5px #1a0808}.heart-wards .ward>i .ico{width:13px;height:13px}.heart-wards .ward.broken>i{color:#eaffd8;background:#4f6e34}.heart-wards .ward.broken>span{opacity:.7}.heart-wards .ward.ready>i{color:#fff6d8;background:#b88a1e;box-shadow:0 0 0 1.5px #3a2808,0 0 6px #f2c84bb3}.heart-wards .ward.asleep>i{color:#c8d0ff;background:#2c2a44}.heart-foot{opacity:.85;margin:4px 0 0;font-size:12px}.heart-foot:first-of-type{margin-top:7px}.beast-medal{background:var(--medal);width:34px;height:34px;color:var(--gold-hi);font-family:var(--font-title);box-shadow:inset 0 0 0 1px #f4d48a80, 0 0 0 2px var(--edge-dark), 0 2px 0 2px #3a271859;border-radius:50%;flex:none;place-items:center;font-size:18px;font-weight:800;line-height:1;display:grid}.beast-medal.unknown{color:#f3e7cc8c;background:radial-gradient(circle at 38% 30%,#5a5048 0%,#2e2620 60%,#1a1410 100%)}.beast-medal.big{width:46px;height:46px;font-size:25px}.foe-tab{right:0;top:calc(var(--safe-t) + 84px);z-index:6;background:var(--parch);max-width:min(300px,40vw);color:var(--bark);border:2px solid var(--edge-dark);box-shadow:var(--rim), var(--lift);text-align:left;border-right:0;border-radius:14px 0 0 14px;align-items:center;gap:9px;padding:6px 10px 6px 7px;animation:.35s cubic-bezier(.2,.8,.2,1) both foe-in;display:flex;position:absolute}.foe-tab.leaving{animation:.3s ease-in forwards foe-out}.foe-tab.fresh{background:linear-gradient(#fff6d6 0%,#f6d98e 100%)}.foe-tab-text{flex-direction:column;min-width:0;display:flex}.foe-tab-text small{letter-spacing:.06em;text-transform:uppercase;color:var(--rust);font-size:10.5px;font-weight:800}.foe-tab-text b{font-family:var(--font-title);white-space:nowrap;text-overflow:ellipsis;font-size:15px;line-height:1.15;overflow:hidden}.foe-tab-go{color:var(--rust);font-size:22px;font-weight:800;line-height:1}@keyframes foe-in{0%{transform:translate(105%)}}@keyframes foe-out{to{opacity:0;transform:translate(105%)}}.bestiary-screen{z-index:8}.bestiary-sheet{width:min(760px,100%)}.beast-body{grid-template-rows:minmax(0,1fr);grid-template-columns:auto minmax(0,1fr);gap:16px;width:100%;min-height:0;display:grid}.beast-body>.beast-list,.beast-body>.beast-page{scrollbar-width:thin;scrollbar-color:var(--gold) transparent;min-height:0;overflow-y:auto}.beast-list{grid-template-columns:repeat(4,70px);align-content:start;gap:4px;display:grid}.beast-pick{background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:5px 2px 4px;display:flex}.beast-pick.picked{background:#b88a4038;box-shadow:inset 0 0 0 1px #b88a4099}.beast-pick-name{text-align:center;font-size:11px;font-weight:800;line-height:1.1}.beast-page{border-left:1px solid #b88a408c;flex-direction:column;gap:8px;padding:4px 4px 4px 16px;display:flex}.beast-title{align-items:center;gap:12px;display:flex}.beast-title h3{font-family:var(--font-title);margin:0;font-size:22px;font-weight:800;line-height:1.1}.beast-when{letter-spacing:.05em;text-transform:uppercase;color:var(--rust);font-size:12px;font-weight:800}.beast-lore,.beast-tips{margin:0;font-size:14px;line-height:1.4}.beast-stats{flex-wrap:wrap;gap:6px;display:flex}.beast-stats span{background:#fffaec8c;border:1px solid #7a523073;border-radius:999px;padding:2px 10px;font-size:12.5px;font-weight:700}.beast-count{opacity:.7;font-size:13px;font-weight:800}@media (max-height:480px){.foe-tab{top:calc(var(--safe-t) + 66px);gap:7px;padding:4px 8px 4px 6px}.foe-tab .beast-medal{width:28px;height:28px;font-size:15px}.foe-tab-text small{font-size:9.5px}.foe-tab-text b{font-size:13.5px}.bestiary-sheet{padding-top:8px}.beast-body{gap:10px}.beast-list{grid-template-columns:repeat(4,60px);gap:1px}.beast-pick{gap:2px;padding:3px 1px 2px}.beast-pick .beast-medal{width:28px;height:28px;font-size:15px}.beast-pick-name{font-size:9.5px}.beast-page{gap:5px;padding-left:12px}.beast-title h3{font-size:18px}.beast-medal.big{width:38px;height:38px;font-size:21px}.beast-lore,.beast-tips{font-size:12.5px;line-height:1.35}.beast-stats span{padding:1px 8px;font-size:11.5px}}@media (max-width:560px){.beast-body{grid-template-rows:none;grid-template-columns:1fr}.beast-page{border-left:0;padding-left:4px}}@media (max-height:480px){.map-side{gap:8px}.heart-card{padding:9px 12px 8px;font-size:11.5px}.heart-card-head{margin-bottom:5px}.heart-card-head b{font-size:13.5px}.heart-card-head span,.heart-foot{font-size:11px}.heart-wards{gap:4px}.heart-wards .ward>i{width:18px;height:18px;font-size:10.5px}.maplegend.key{font-size:12px}.map-side.has-heart:not(.show-key) .maplegend.key,.map-side.has-heart.show-key .heart-card{display:none}.map-side .map-switch{align-self:flex-start;padding:3px 14px;font-size:12.5px;display:inline-flex}}.ui.touch .toasts.night .toast,.ui.touch .toasts.night .toast.tone-good,.ui.touch .toasts.night .toast.tone-bad,.ui.touch .toasts.night .toast.tone-gold{color:#efe0bd;box-shadow:none;background:#120c0899;border:1px solid #f4d48a42;padding:3px 10px;font-size:11.5px;font-weight:700;line-height:1.25}.ui.touch .toasts.night .toast.tone-bad{color:#f2b8a4;border-color:#d65c406b}.ui.touch .toasts.night .toast.tone-good{color:#cfe5a6}.ui.touch .toasts.night .toast.tone-gold{color:#f3d58c}.ui .corner.tc>.banner.night .banner-title{font-size:17px}.ui .corner.tc>.banner.night .banner-sub{font-size:11.5px}.pause-sheet{position:relative}.pause-bestiary{padding:5px 16px;font-size:15px;position:absolute;top:16px;right:20px}.pause-omen{text-align:center;color:var(--bad);margin:-2px 0 0;font-size:14px}.hero-hp{position:relative}.round.fs-btn{pointer-events:auto;width:34px;height:34px;margin-left:10px;position:absolute;top:calc(50% - 17px);left:100%}.round.fs-btn .ico{width:18px;height:18px}@media (max-height:480px) and (max-width:640px){.fight .horn{top:-54px;right:62px}}.gpu-line{opacity:.6;text-align:center;overflow-wrap:anywhere;margin-top:8px;font-size:12px}.gpu-tip{max-width:560px;margin:4px auto 0;font-size:12px;line-height:1.4}.gpu-tip summary{cursor:pointer;text-align:center;color:var(--ember);font-weight:700}.gpu-tip p,.gpu-tip ol{margin:6px 0 0}.gpu-tip ol{padding-left:20px}.gpu-flag{-webkit-user-select:all;user-select:all;overflow-wrap:anywhere;background:#5a3c1e1f;border-radius:4px;padding:0 4px;font-family:ui-monospace,Consolas,monospace;font-size:11.5px}.gpu-copy{border:1px solid var(--edge-dark);background:var(--cream);cursor:pointer;border-radius:8px;margin-left:5px;padding:0 8px;font-size:11px;font-weight:800}.gpu-lost{text-align:center;max-width:min(440px,100%)}.gpu-lost p{margin:0;line-height:1.45}.gpu-lost .gpu-lost-more{opacity:.8;margin-top:.6em;font-size:.86em}@media (max-height:380px){.settings{gap:2px 26px}.seg button{padding:1px 11px}.pause-sheet .gpu-line{margin-top:0}}.hero-hp .lvl{animation:.8s ease-out lvl-pop}@keyframes lvl-pop{0%{transform:scale(1)}25%{filter:brightness(1.2);transform:scale(1.35)}to{transform:scale(1)}}.chip.boon-chip{background:linear-gradient(#fff7da 0%,#f7e0a0 55%,#e8c578 100%);border-color:#6a4614;gap:6px;padding:3px 12px 3px 3px;font-size:13.5px;animation:2.8s ease-in-out infinite boon-glow}.chip.boon-chip>.ico:first-child{width:24px;height:24px;padding:4px}.chip.boon-chip:focus-visible,.omen.boon:focus-visible{outline-offset:2px;outline:2px solid #e6bf6c}.chip.boon-chip.on{box-shadow:inset 0 2px 3px #6a461459, 0 1px 0 var(--edge-dark);background:linear-gradient(#f4dc9c 0%,#e6bf6c 100%);animation:none;transform:translateY(2px)}.ui.touch .chip.boon-chip.on{padding:3px}.ui.touch .chip.boon-chip.on .boon-chip-text{display:none}.boon-count{background:var(--rust);color:#fff4dc;border-radius:999px;place-items:center;min-width:19px;height:19px;margin-left:1px;padding:0 5px;font-size:11.5px;line-height:1;display:grid}@keyframes boon-glow{0%,to{box-shadow:var(--rim), var(--lift)}50%{box-shadow:var(--rim), var(--lift), 0 0 12px #ffcc60b3}}.boon-panel .omens-title{white-space:nowrap;flex-wrap:nowrap}.boon-panel .boon-later{font:800 12.5px var(--font-body);text-shadow:none;order:1;padding:3px 12px}.boon-head{align-items:center;gap:8px;display:inline-flex}.boon-head .prompt-left{color:#fff3d8;opacity:1;text-shadow:none;background:#140a0480;border-radius:999px;padding:1px 8px}.omen.boon{gap:3px}.omen.boon.village{background:linear-gradient(#f8fbe8 0%,#e9f0d0 55%,#d6e2b4 100%)}.boon-top{justify-content:space-between;align-items:center;gap:6px;display:flex}.boon-tag{background:var(--rust);color:#fff4dc;font:800 10.5px/1.3 var(--font-body);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:1px 7px}.omen.boon.village .boon-tag{background:var(--good)}.boon-key{border:1.5px solid var(--edge-dark);width:18px;height:18px;font:800 11px var(--font-body);opacity:.55;border-radius:5px;place-items:center;display:grid}.boon-text{opacity:.85;font-size:13px;font-weight:700;line-height:1.3}.boon-tags{flex-wrap:wrap;gap:4px;display:flex}.boon-taken{color:var(--rust);white-space:nowrap;background:#fffaec99;border:1.5px solid #7a523073;border-radius:999px;padding:1px 8px;font-size:12px;font-weight:800}.boon-taken.village{color:var(--good)}.pause-boons{justify-content:center;align-items:center;gap:8px;max-width:100%;display:flex}.pause-boons-head{font-family:var(--font-title);font-size:14px}.pause-boons .boon-tags{justify-content:center}.ui.touch:has(.boon-chip) .toasts{top:calc(var(--gap) + 162px + var(--safe-t))}.ui.desktop:has(.boon-chip):has(.omens,.event-panel):not(:has(.roster)) .toasts{top:calc(var(--gap) + 180px + var(--safe-t))}@media (max-height:380px){.pause-sheet:has(.pause-boons){gap:3px}.pause-boons{gap:6px;width:100%}.pause-boons-head{font-size:12.5px}.pause-boons .boon-tags{scrollbar-width:none;flex-wrap:nowrap;justify-content:safe center;min-width:0;overflow-x:auto}.pause-boons .boon-taken{padding:0 7px;font-size:11px;line-height:15px}}.wlabels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.wlabel{color:#f6e2ae;font:800 12px/1.25 var(--font-body);white-space:nowrap;text-shadow:0 1px 1px #0009;background:#20140a9e;border:1px solid #f4d48a73;border-radius:999px;padding:2px 9px;position:absolute;top:0;left:0}@media (max-height:480px){.chip.boon-chip{font-size:12.5px}.boon-panel .boon-later{padding:2px 10px;font-size:12px}.boon-panel .boon-text{font-size:11.5px;line-height:1.25}.boon-panel .boon-tag{padding:0 6px;font-size:9.5px}.wlabel{font-size:11px}}.gpin{pointer-events:none;z-index:1;width:0;height:0;position:absolute;top:0;left:0}.gpin b{color:#ffe7a6;font:800 13px/1.25 var(--font-body);white-space:nowrap;text-shadow:0 1px 1px #0009;background:#36240cd1;border:1.5px solid #f4d48a;border-radius:999px;padding:2px 10px;animation:1.4s ease-in-out infinite gpin-bob;position:absolute;bottom:10px;left:0;transform:translate(-50%)}.gpin b:after{content:"";border:6px solid #0000;border-top-color:#f4d48a;border-bottom:0;margin-left:-6px;position:absolute;bottom:-7px;left:50%}.gpin.below b{top:10px;bottom:auto}.gpin.below b:after{border-top:0 #0000;border-bottom:6px solid #f4d48a;top:-7px;bottom:auto}.gpin i{display:none}.gpin.edge i{clip-path:polygon(100% 50%,18% 6%,34% 50%,18% 94%);filter:drop-shadow(0 0 4px #ffd25ae6);background:radial-gradient(circle at 40%,#fff1b8 0 35%,#d8a21a 36% 100%);width:28px;height:28px;display:block;position:absolute;top:-14px;left:-14px}.gpin.edge b{font-size:12px;animation:none;top:0;bottom:auto}.gpin.edge b:after{display:none}@keyframes gpin-bob{0%,to{margin-bottom:0}50%{margin-bottom:4px}}@media (max-height:480px){.gpin b{padding:1px 8px;font-size:11.5px}}.boss-bar{text-align:center;pointer-events:none;width:min(360px,46vw)}.boss-name{letter-spacing:.03em;color:#f6ead0;text-shadow:0 2px #140c08d9;white-space:nowrap;font-size:13px;font-weight:800}.boss-note{opacity:.75;font-weight:700}.bar.boss{border-width:1.5px;height:8px;margin-top:2px}.bar.boss .bar-fill{background:linear-gradient(#e0708e 0%,#a8284e 55%,#5e1230 100%)}.bar.boss.armoured .bar-fill{background:linear-gradient(#c4c0b6 0%,#807a70 55%,#4c4840 100%)}.bar.boss.bare .bar-fill{background:linear-gradient(#ffb27a 0%,#e0582c 55%,#8a2410 100%)}.bar.boss.stunned .bar-fill{background:linear-gradient(#ffe8a6 0%,#dcae44 55%,#8a6a1a 100%)}.boss-dragon{margin-top:3px}.boss-dragon .boss-name{font-size:11.5px}.boss-dragon .boss-note{opacity:.85}.boss-dragon.away .boss-name{color:#d8c8f0}.bar.boss.dragon{height:5px;margin-top:1px}.bar.boss.dragon .bar-fill{background:linear-gradient(#c8a2f0 0%,#7a48b8 55%,#3e1f6a 100%)}.boss-dragon.away .bar.boss.dragon{opacity:.7}.clock.held .clock-title{color:#e2ccff}.ui.touch .boss-bar{width:min(230px,36vw)}.ui.touch .boss-name{font-size:11.5px}.ui.touch .bar.boss{height:6px}.ui.touch .boss-dragon .boss-name{font-size:10.5px}.ui.touch .bar.boss.dragon{height:4px}.ubadges{pointer-events:none;position:absolute;inset:0;overflow:hidden}.ubadge{width:0;height:0;position:absolute;top:0;left:0}.ubadge i{border:2px solid var(--edge-dark);width:24px;height:24px;box-shadow:0 2px 0 var(--edge-dark), 0 3px 6px #140a0459;background:radial-gradient(circle at 38% 30%,#fff4cc 0%,#f6d98e 50%,#d8a24a 100%);border-radius:50%;animation:1.6s ease-in-out infinite ubadge-bob;position:absolute;top:-24px;left:-12px}.ubadge i:after{content:"";background:var(--rust);clip-path:polygon(50% 8%,90% 52%,66% 52%,66% 92%,34% 92%,34% 52%,10% 52%);position:absolute;inset:3px}@keyframes ubadge-bob{0%,to{margin-top:0}50%{margin-top:-3px}}@media (max-height:480px){.ubadge i{width:22px;height:22px;top:-22px;left:-11px}}.card-built{color:var(--edge);opacity:.75;font-size:12px;font-weight:800}.fall-line{white-space:nowrap;color:#e6efff;text-shadow:0 1px 2px #00000080;background:#161e2ebd;border:1.5px solid #b8d4ff80;border-radius:10px;padding:4px 12px 5px;font-size:13.5px;font-weight:800;line-height:1.25;box-shadow:0 0 10px #96beff38;pointer-events:none!important}.hero-hp .bar.ghosted{box-shadow:0 0 0 1.5px #b8d4ffa6,0 0 8px #96beff4d}.chip.scar-chip{gap:6px;padding:3px 12px 3px 3px;font-size:13.5px}.chip.scar-chip>.ico:first-child{color:#ffe6d4;background:radial-gradient(circle at 38% 30%,#e0603f 0%,#9a2a18 55%,#5e140a 100%);width:24px;height:24px;padding:4px}.chip.scar-chip.on{box-shadow:inset 0 2px 3px #5a391d59, 0 1px 0 var(--edge-dark);transform:translateY(2px)}.chip.scar-chip:focus-visible{outline-offset:2px;outline:2px solid #e6bf6c}.scar-note{background:var(--parch);border:2px solid var(--edge-dark);max-width:270px;color:var(--bark);box-shadow:var(--rim), var(--lift);border-radius:10px;padding:6px 11px;font-size:12.5px;font-weight:700;line-height:1.3}.pause-falls{text-align:center;margin:-2px 0 0;font-size:14px}.pause-scars{color:var(--bad);margin-top:2px;font-size:12.5px}@media (max-height:480px){.fall-line{padding:3px 10px 4px;font-size:12px}.chip.scar-chip{padding:2px 10px 2px 2px;font-size:12px}.chip.scar-chip>.ico:first-child{width:21px;height:21px;padding:3.5px}.scar-note{max-width:230px;font-size:11.5px}}.squad-ranks{flex-wrap:wrap;gap:4px;margin:2px 0 4px;display:flex}.rank-chip{text-align:center;min-width:22px;font:800 13px/18px var(--font-body);letter-spacing:-1px;color:#fff4e08c;background:#00000047;border-radius:8px;padding:0 4px}.rank-chip.r1{color:#d99a5a}.rank-chip.r2{color:#d4dbe6}.rank-chip.r3{color:#f1c453}.closeup{z-index:60;pointer-events:none;position:fixed;inset:0}.cu-bar{background:#000;height:5vh;min-height:16px;position:absolute;left:0;right:0}.cu-bar.top{transform-origin:top;top:0}.cu-bar.bottom{transform-origin:bottom;bottom:0}.cu-hint{font:700 12px/1 var(--font-body);letter-spacing:.04em;color:#fff4e0c7;text-shadow:0 1px 3px #000;position:absolute;bottom:calc(max(5vh,16px) + 8px);right:14px}body.closeup-on .ui,body.closeup-on .tmarks,body.closeup-on .tmark{opacity:0;pointer-events:none;transition:opacity .3s}.build-id{text-align:center;opacity:.55;-webkit-user-select:text;user-select:text;margin-top:10px;font-size:12px}.about-sheet{text-align:left;max-width:min(640px,100%)}.about-sec{width:100%;font-size:14px;line-height:1.5}.about-sec h3{font-family:var(--font-title);margin:0 0 4px;font-size:17px}.about-sec p,.about-sec ul{margin:4px 0}.about-sec ul{padding-left:18px}.about-sec a{color:inherit;min-height:24px;text-decoration:underline}.about-sec .small-note{opacity:.75;font-size:13px}.about-btn{min-height:44px}.replace-ask{color:var(--title-ink);text-shadow:0 2px 0 var(--title-shadow);flex-direction:column;align-items:center;gap:8px;font-weight:700;display:flex}.replace-ask p{margin:0}.about-details{text-align:left;width:100%;font-size:13px}.about-details summary{cursor:pointer;align-items:center;min-height:36px;font-weight:800;display:flex}.data-row{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.data-row .btn{min-height:44px}.btn.danger{color:#fff7e6;background:#b8402a}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #ffd479}body.calm *,body.calm :before,body.calm :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.book-tabs{border-bottom:1px solid #b88a408c;justify-content:center;align-items:flex-end;gap:4px;width:100%;display:flex}.book-tab{font-family:var(--font-title);color:var(--bark);opacity:.55;background:0 0;border:0;border-bottom:3px solid #0000;margin-bottom:-1px;padding:4px 14px 5px;font-size:18px;font-weight:800;line-height:1.15}.book-tab.on{opacity:1;border-bottom-color:var(--gold);font-size:22px}.codex-body{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(150px,210px) minmax(0,1fr);gap:16px;width:100%;min-height:0;display:grid}.codex-body>.codex-list,.codex-body>.codex-page{scrollbar-width:thin;scrollbar-color:var(--gold) transparent;min-height:0;overflow-y:auto}.codex-list{flex-direction:column;gap:2px;display:flex}.codex-pick{text-align:left;color:var(--bark);background:0 0;border:0;border-radius:10px;align-items:baseline;gap:8px;padding:5px 8px;display:flex}.codex-pick i{width:2.2em;font-style:normal;font-family:var(--font-title);color:var(--rust);flex:none;font-size:12px;font-weight:800}.codex-pick span{font-size:14px;font-weight:800;line-height:1.2}.codex-pick.dark span{opacity:.45}.codex-pick.picked{background:#b88a4038;box-shadow:inset 0 0 0 1px #b88a4099}.codex-page{border-left:1px solid #b88a408c;flex-direction:column;gap:8px;min-height:180px;padding:4px 4px 4px 16px;display:flex}.codex-page h3{font-family:var(--font-title);margin:0 0 2px;font-size:22px;font-weight:800;line-height:1.1}.codex-page p{margin:0;font-size:14.5px;line-height:1.45}.codex-verse{border-left:3px solid var(--gold);font-family:var(--font-title);background:#fffaec80;border-radius:0 10px 10px 0;flex-direction:column;gap:2px;margin:2px 0 0;padding:8px 14px;font-size:15.5px;font-style:italic;line-height:1.35;display:flex}.foe-tab.lore{background:linear-gradient(#fff6d6 0%,#efd9a6 100%)}.beast-medal.lore-medal .ico{width:20px;height:20px;color:var(--gold-hi)}.heart-story{font-family:var(--font-title);color:#e9c9a8;margin:-2px 0 7px;font-size:12.5px;font-style:italic;line-height:1.3}.epilogue{text-align:center;max-width:440px;font-family:var(--font-title);border-top:1px solid #b88a408c;border-bottom:1px solid #b88a408c;flex-direction:column;gap:3px;padding:8px 14px;font-size:14.5px;font-style:italic;line-height:1.35;display:flex}.epilogue p:last-child{color:var(--ember-deep);font-weight:800}.pause-books{gap:6px;display:flex;position:absolute;top:16px;right:20px}.pause-books .pause-bestiary{position:static}@media (max-height:480px){.book-tab{padding:2px 10px 3px;font-size:15px}.book-tab.on{font-size:18px}.codex-body{grid-template-columns:minmax(130px,170px) minmax(0,1fr);gap:10px}.codex-pick{gap:6px;padding:3px 6px}.codex-pick i{font-size:10.5px}.codex-pick span{font-size:12px}.codex-page{gap:5px;min-height:0;padding-left:12px}.codex-page h3{font-size:18px}.codex-page p{font-size:12.5px;line-height:1.38}.codex-verse{padding:5px 10px;font-size:13px}.heart-story{margin-bottom:5px;font-size:11px}.epilogue{padding:4px 8px;font-size:12.5px;display:block}.epilogue p{display:inline}.epilogue p+p:before{content:" "}.pause-books{top:10px;right:14px}.map-side{max-height:calc(100% - 8px)}.map-side .heart-card{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#f4d48a80 transparent;flex:0 auto;min-height:0;overflow-y:auto}}@media (max-width:560px){.codex-body{grid-template-rows:none;grid-template-columns:1fr}.codex-page{border-left:0;padding-left:4px}}