:root{--wood: #8b5a32;--wood-dark: #4a2b16;--wood-ink: #2b190d;--slot: #2a221d;--slot-hi: #3a302a;--parch: #f3e3c4;--parch-dark: #e4cfa7;--stone: #e9e1d2;--stone-edge: #b9ab95;--text: #33241a;--muted: #7d6650;--light: #fff6e6;--green: #57a83a;--green-dark: #2f6b1f;--short: #d8432f;--gain: #9be67f;--ink: #1f140c;--yellow: #f7bc2c;--yellow-dark: #c27a0d;--blue: #2f6bff;--font-display: "Lilita One", "Fredoka", "Arial Rounded MT Bold", sans-serif;--font-ui: "Nunito", "Segoe UI", system-ui, sans-serif;--font-logo: "Lilita One", "Fredoka", sans-serif;--drop: drop-shadow(0 6px 10px rgba(20, 12, 4, .35));--spring: cubic-bezier(.3, 1.6, .5, 1)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#9fd0ec;font-family:var(--font-ui);color:var(--text);user-select:none;-webkit-user-select:none}#app,canvas{display:block;width:100%;height:100%}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}img{max-width:100%}button{-webkit-tap-highlight-color:transparent}kbd{display:inline-block;min-width:22px;padding:0 6px;border-radius:6px;background:linear-gradient(#f6efe2,#e3d7c3);box-shadow:inset 0 -3px #c4b49b,0 0 0 1.5px var(--wood-ink);font-family:var(--font-display);font-weight:400;font-size:12px;line-height:20px;text-align:center;color:var(--text)}.frame-parch{position:relative;isolation:isolate}.frame-parch:before{content:"";position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;z-index:-1;border-style:solid;border-width:58px 64px 48px 58px;border-image:var(--art-panel) 100 110 82 100 fill / 58px 64px 48px 58px stretch;filter:var(--drop);pointer-events:none}.frame-dark{position:relative;isolation:isolate}.frame-dark:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;z-index:-1;border-style:solid;border-width:30px;border-image:var(--art-dark) 62 fill / 30px stretch;filter:var(--drop);pointer-events:none}.plank{background:var(--art-wood) center / 100% 100% no-repeat,var(--wood);border:3px solid var(--wood-ink);box-shadow:inset 0 2px #ffd6a059,inset 0 -4px #00000038,0 4px 0 var(--wood-ink),0 10px 20px #140c044d}.tile{border-style:solid;border-width:11px 11px 14px;border-image:var(--art-tile) 22 22 28 fill / 11px 11px 14px stretch;background:none}.tile.is-active,.tile.on{border-image-source:var(--art-tile-on)}.btn-build,.btn-start{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-style:solid;border-width:10px 12px 14px 26px;border-image:var(--art-green) 20 24 28 52 fill / 10px 12px 14px 26px stretch;background:none;color:#fff;font-family:var(--font-display);font-weight:400;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;text-shadow:0 2px 0 var(--green-dark),0 0 3px rgba(30,70,15,.6);cursor:var(--cursor, pointer);filter:drop-shadow(0 4px 6px rgba(20,12,4,.25));transition:transform .15s var(--spring),filter .15s ease}.btn-build:hover,.btn-start:hover{transform:translateY(-2px);filter:brightness(1.08) drop-shadow(0 6px 8px rgba(20,12,4,.3))}.btn-build:active,.btn-start:active{transform:translateY(3px) scale(.98)}.btn-build:focus-visible,.btn-start:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.btn-build.is-short{border-image-source:var(--art-grey);border-image-slice:20 24 28 24 fill;border-width:10px 12px 14px 12px;color:#6f675d;text-shadow:0 1px 0 rgba(255,255,255,.5);font-size:14px;cursor:not-allowed}.btn-build.is-short svg{display:none}.detail-close{position:absolute;top:-10px;right:-2px;z-index:2;display:grid;place-items:center;width:46px;height:46px;padding:0;border:0;background:none;cursor:var(--cursor, pointer);transition:transform .15s var(--spring)}.detail-close img{width:100%;height:100%;filter:drop-shadow(0 3px 2px rgba(20,12,4,.35))}.detail-close:hover{transform:translateY(-2px) rotate(4deg)}.detail-close:hover img{filter:brightness(1.06) sepia(.5) saturate(2.4) hue-rotate(-8deg) drop-shadow(0 3px 2px rgba(20,12,4,.35))}.detail-close:active{transform:translateY(2px) scale(.94)}.detail-close:focus-visible{outline:3px solid var(--yellow);outline-offset:2px;border-radius:10px}.mm-res{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.mm-res .bar{display:contents}.mm-res .res{position:absolute;z-index:3;flex-direction:row-reverse;transform:translate(-100%,-50%);pointer-events:auto;animation:medal-in .5s var(--spring) both}.mm-res .res:nth-child(2){animation-delay:.05s}.mm-res .res:nth-child(3){animation-delay:.1s}.mm-res .res:nth-child(4){animation-delay:.15s}.mm-res .res:nth-child(5){animation-delay:.2s}@keyframes medal-in{0%{transform:translate(-60%,-50%) scale(.4);opacity:0}}.mm-res .res-gold{left:63px;top:31px}.mm-res .res-wood{left:31px;top:70px}.mm-res .res-stone{left:20px;top:120px}.mm-res .res-meat{left:31px;top:170px}.mm-res .res-pop{left:63px;top:209px}.mm-res .res-icon{width:50px;height:50px;margin:0;border-radius:50%;border:4px solid #a06a3a;background:radial-gradient(circle at 50% 40%,#4a3628,#241a14);box-shadow:0 0 0 3px var(--wood-ink),inset 0 2px #ffd6a033,0 4px 0 2px var(--wood-ink);filter:none}.mm-res .res-icon img{width:128%;height:128%;max-width:none;margin:-14%;filter:drop-shadow(0 2px 1px rgba(0,0,0,.5))}.mm-res .res-pill{justify-content:flex-end;min-width:70px;margin-right:-20px;padding:5px 28px 5px 12px;border-radius:999px;background:linear-gradient(#2a201a,#17110d);box-shadow:0 0 0 3px var(--wood-ink),inset 0 2px 4px #0009,inset 0 -1px #ffd6a026}.mm-res .res-value{font-size:21px;transform-origin:100% 70%}.mm-res .pop-icon{padding:8px;background:radial-gradient(circle at 40% 35%,#f6ead2,#d8c4a0);color:#3b2a1c}.mm-res .res-pop{margin:0}.mm-res .res-pop .res-pill{min-width:80px;padding-left:12px}.mm-res .feed{top:262px;left:auto;right:16px;align-items:flex-end}.bar{padding-right:48px;border-top-right-radius:4px;border-bottom-right-radius:4px}.bar{display:flex;align-items:center;gap:10px;padding:5px 10px 5px 8px;border-radius:14px;background:var(--art-wood) center / 100% 100% no-repeat,var(--wood);border:3px solid var(--wood-ink);box-shadow:inset 0 2px #ffd6a059,inset 0 -4px #00000040,0 5px 0 var(--wood-ink),0 12px 24px #140c0459}.res{position:relative;display:flex;align-items:center}.res-icon{position:relative;z-index:1;flex:none;display:grid;place-items:center;width:58px;height:50px;margin:-8px -16px -8px -4px;filter:drop-shadow(0 3px 1px rgba(0,0,0,.45))}.res-icon img{width:100%;height:100%;object-fit:contain}.res-pill{display:flex;align-items:baseline;gap:7px;min-width:84px;padding:7px 12px 6px 22px;border-radius:9px;background:linear-gradient(#211a16,var(--slot));box-shadow:inset 0 3px 5px #0000008c,0 1px #ffd6a040}.res-value{display:inline-block;font-family:var(--font-display);font-size:24px;line-height:1;color:#fff;text-shadow:0 2px 0 #000;font-variant-numeric:tabular-nums;transform-origin:0 70%}.res-rate{font-family:var(--font-display);font-size:12px;letter-spacing:.02em;color:var(--gain);white-space:nowrap}.res.gain .res-value{animation:value-pop .45s var(--spring)}.res.gain .res-icon{animation:icon-hop .5s var(--spring)}.res.spend .res-value{animation:value-dip .4s ease-out}.res.short{animation:shake .42s ease-in-out}.res.short .res-pill{box-shadow:inset 0 0 0 2px var(--short),inset 0 3px 5px #0000008c}.res.short .res-value{color:#ff8a78}.res-pop{margin-left:6px}.pop-icon{width:40px;height:40px;margin:-4px -12px -4px 0;padding:6px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#f6ead2,#d8c4a0);box-shadow:0 0 0 2.5px var(--wood-ink),inset 0 -3px #00000026;color:#3b2a1c}.pop-icon svg{width:100%;height:100%}.res-pop .res-pill{min-width:78px;padding-left:18px}.res-pop.full .res-value{color:#ffb057}.feed{position:absolute;top:calc(100% + 14px);left:14px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.feed-item{display:flex;align-items:center;gap:4px;padding:2px 14px 2px 2px;border-radius:10px;background:var(--art-wood) center / 100% 100% no-repeat,var(--wood);border:2.5px solid var(--wood-ink);box-shadow:inset 0 2px #ffd6a04d,0 3px 0 var(--wood-ink),0 8px 14px #140c0440;font-family:var(--font-display);font-size:19px;color:#fff;text-shadow:0 2px 0 var(--wood-ink);animation:feed-in .35s var(--spring) both}.feed-item.again .feed-amount{animation:value-pop .35s var(--spring)}.feed-item.out{animation:feed-out .3s ease-in forwards}.feed-amount{display:inline-block;font-variant-numeric:tabular-nums}.feed-icon{display:grid;width:36px;height:32px;filter:drop-shadow(0 2px 0 rgba(0,0,0,.35))}.feed-icon img,.feed-icon svg{width:100%;height:100%;object-fit:contain}.placehint,.hint{position:absolute;top:calc(86px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:7px 8px 7px 16px;border-radius:12px;background:linear-gradient(#352a23,#251d18);border:3px solid var(--wood);box-shadow:0 0 0 2.5px var(--wood-ink),0 5px 0 var(--wood-ink),0 10px 20px #140c044d;color:#fff;white-space:nowrap;animation:drop-in .3s var(--spring) both}.hint{padding:8px 18px;font-weight:800;font-size:15px}.hint.bad{color:#ff9d8c}.ph-dot{width:10px;height:10px;border-radius:50%;background:var(--gain);box-shadow:0 0 0 4px #9be67f40}.placehint.bad .ph-dot{background:var(--short);box-shadow:0 0 0 4px #d8432f4d}.ph-name{font-family:var(--font-display);font-size:18px;letter-spacing:.03em;text-transform:uppercase}.ph-text{font-weight:800;font-size:14px;color:#ddd2c2}.placehint.bad .ph-text{color:#ff9d8c}.ph-keys{display:flex;align-items:center;gap:5px;padding:3px 10px;border-radius:8px;background:#ffffff12;font-size:12px;font-weight:800;color:#bfb3a2}.minimap{position:absolute;z-index:2;top:calc(6px + env(safe-area-inset-top,0px));right:calc(6px + env(safe-area-inset-right,0px));width:224px;height:232px;animation:drop-in .55s var(--spring) .1s both}.mm-map{position:absolute;left:15px;top:27px;width:186px;height:186px;border-radius:50%;overflow:hidden;background:#1f5f8c;box-shadow:inset 0 0 18px #00000073;pointer-events:auto}.mm-map canvas{display:block;width:186px;height:186px;cursor:var(--cursor, pointer)}.mm-ring{position:absolute;top:0;right:0;bottom:0;left:0;width:224px;height:232px;max-width:none;filter:var(--drop);pointer-events:none}.mm-zoom{position:absolute;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:transparent;pointer-events:auto;cursor:var(--cursor, pointer);transition:background .12s,transform .12s var(--spring)}.mm-in{left:181px;top:126px}.mm-out{left:173px;top:170px}.mm-idle{position:absolute;left:112px;top:204px;z-index:2;width:54px;height:54px;padding:0;font:inherit;border:4px solid #a06a3a;border-radius:50%;background:radial-gradient(circle at 50% 35%,#f6e9cf,#d9c29a);box-shadow:0 0 0 3px var(--wood-ink),inset 0 -3px #0000002e,0 4px 0 3px var(--wood-ink);pointer-events:auto;cursor:var(--cursor, pointer);transition:transform .15s var(--spring),filter .15s}.mm-idle-art{position:absolute;top:-8px;right:-8px;bottom:-4px;left:-8px;overflow:hidden;border-radius:0 0 40px 40px;pointer-events:none}.mm-idle-art img{display:block;width:100%;height:100%;object-fit:contain}.mm-idle-count{position:absolute;right:-6px;bottom:-4px;min-width:22px;height:22px;padding:0 5px;border-radius:11px;background:#d8432f;border:2px solid #3a2414;color:#fff;font-size:13px;font-weight:900;line-height:18px;text-align:center}.mm-idle:hover{transform:translateY(-2px) scale(1.05)}.mm-idle:active{transform:scale(.93)}.mm-idle:focus-visible{outline:3px solid var(--yellow)}.mm-idle.is-empty{filter:grayscale(.85) brightness(.85)}.mm-idle.is-empty .mm-idle-count{background:#6b5d4e}.mm-idle.pop{animation:idle-pop .45s var(--spring)}@keyframes idle-pop{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}.mm-zoom:hover{background:radial-gradient(circle,#ffd25a59 40%,#ffd25a00 70%)}.mm-zoom:active{transform:scale(.9)}.mm-zoom:focus-visible{outline:3px solid var(--yellow)}.buildbar{position:absolute;left:calc(16px + env(safe-area-inset-left,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:10px;padding:12px 16px 16px;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(40px) scale(.96);transform-origin:0 100%;transition:transform .22s ease-in,opacity .18s ease-in,visibility 0s linear .22s}.build-open .buildbar{pointer-events:auto;opacity:1;visibility:visible;transform:none;transition:transform .38s var(--spring),opacity .2s ease-out,visibility 0s}.btabs{display:flex;align-items:center;gap:6px}.btab-key{flex:none;min-width:22px;padding:0 5px;border-radius:6px;background:linear-gradient(#3a2f28,#241c17);box-shadow:0 0 0 2px var(--wood-ink),inset 0 1px #ffffff26;color:#e8dccb;font-size:11px;line-height:20px;text-align:center}.btab{position:relative;flex:1 1 0;display:flex;align-items:center;justify-content:center;gap:2px;min-width:0;height:38px;padding:0 6px 0 2px;border:0;border-radius:9px;background:linear-gradient(#4a3b30,#34291f);box-shadow:inset 0 0 0 2px #00000059,inset 0 1px #ffffff14;color:#cdbfa9;font-family:var(--font-display);font-size:11px;letter-spacing:.01em;text-transform:uppercase;cursor:var(--cursor, pointer);transition:background .15s,color .15s,transform .15s var(--spring)}.btab:hover{color:#fff;transform:translateY(-1px)}.btab.is-on{background:linear-gradient(#f6e9cf,#e2cfa9);box-shadow:0 0 0 2px var(--wood-ink),0 3px #0000004d;color:var(--text)}.btab:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.btab-art,.btab-art img{display:block;flex:none;width:26px;height:26px;object-fit:contain}.btab:not(.is-on) .btab-art img{filter:saturate(.6) brightness(.85)}.btab-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bgrid{display:grid;grid-template-columns:repeat(4,100px);grid-template-rows:repeat(2,150px);gap:8px}.bgrid .bcard-costs{gap:0 2px}.bgrid .chip-mini{font-size:12px;padding-right:1px}.bgrid .chip-mini .chip-icon img,.bgrid .chip-mini .chip-icon svg{width:17px;height:16px}.bgrid .bcard-art{height:58px}.bgrid .bcard-art img,.bgrid .bcard-art svg{width:76px;height:76px}.bcard-empty{position:relative;border-radius:10px;border:2px dashed rgba(232,220,203,.14);background:#0000001f}.bcard-empty .bcard-key{opacity:.35}.build-open .buildbar .bcard{animation:card-in .4s var(--spring) both}.build-open .buildbar .bcard:nth-child(2){animation-delay:.04s}.build-open .buildbar .bcard:nth-child(3){animation-delay:.08s}.build-open .buildbar .bcard:nth-child(4){animation-delay:.12s}.bcard{position:relative;display:flex;flex-direction:column;align-items:center;width:100px;height:150px;padding:0;font:inherit;color:var(--text);cursor:var(--cursor, pointer);transition:transform .18s var(--spring)}.bcard:hover{transform:translateY(-4px)}.bcard:hover:not(.is-active){border-image-source:var(--art-tile-on)}.bcard:active{transform:translateY(2px)}.bcard:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}.bcard-key{position:absolute;top:-4px;left:-4px;z-index:1;min-width:20px;padding:0 5px;background:linear-gradient(#3a2f28,#241c17);box-shadow:0 0 0 2px var(--wood-ink),inset 0 1px #ffffff26;color:#fff;font-size:11px;line-height:19px}.bcard-art{display:grid;place-items:center;width:82px;height:66px}.bcard-art img,.bcard-art svg{width:84px;height:84px;margin-top:-12px;object-fit:contain;filter:drop-shadow(0 3px 0 rgba(43,25,13,.25));transition:transform .25s var(--spring)}.bcard:hover .bcard-art img,.bcard:hover .bcard-art svg{transform:scale(1.07) rotate(-2deg)}.bcard.is-short .bcard-art img,.bcard.is-short .bcard-art svg{filter:saturate(.3);opacity:.7}.bcard-lock{display:none}.bcard.is-locked{cursor:var(--cursor, help)}.bcard.is-locked:hover:not(.is-active){border-image-source:var(--art-tile)}.bcard.is-locked .bcard-art img,.bcard.is-locked .bcard-art svg{filter:grayscale(1) brightness(.85);opacity:.7}.bcard.is-locked .bcard-name,.bcard.is-locked .bcard-costs{opacity:.5}.bcard.is-locked .bcard-lock{position:absolute;top:44px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:2px;padding:2px 7px 2px 6px;border-radius:8px;background:#241b15e6;box-shadow:0 0 0 2px var(--wood-ink),0 3px 6px #0000004d;font-family:var(--font-display);font-size:13px;color:#fff;white-space:nowrap}.bcard-lock svg{width:12px;height:12px;color:var(--yellow)}.bcard-lock svg:last-child{color:#e8dccb}.bcard-name{display:flex;align-items:center;justify-content:center;max-width:100%;min-height:2.3em;padding:0 4px;font-family:var(--font-display);font-size:11px;line-height:1.1;text-align:center;white-space:normal;letter-spacing:.05em;text-transform:uppercase;color:var(--text)}.bcard-costs{display:flex;flex-wrap:wrap;justify-content:center;gap:0 3px;width:100%;margin-top:3px;padding-top:3px;border-top:2px dashed rgba(51,36,26,.18)}.chip{display:inline-flex;align-items:center;gap:1px;font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--text)}.chip-mini{font-size:14px;padding-right:3px}.chip-big{font-size:19px;padding-right:4px}.chip-icon{display:grid;flex:none}.chip-icon img{max-width:none}.chip-mini .chip-icon img,.chip-mini .chip-icon svg{width:23px;height:20px;object-fit:contain}.chip-big .chip-icon img,.chip-big .chip-icon svg{width:34px;height:30px;object-fit:contain}.chip.lacking{color:var(--short)}.detail{position:absolute;left:calc(16px + env(safe-area-inset-left,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:8px;width:380px;padding:40px 26px 26px;pointer-events:auto;animation:panel-in .4s var(--spring) both}.build-open .detail:not(.bpanel){left:calc(492px + env(safe-area-inset-left,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px))}@media(max-width:900px){.build-open .detail:not(.bpanel){left:calc(16px + env(safe-area-inset-left,0px));bottom:calc(410px + env(safe-area-inset-bottom,0px))}}.build-open .detail:not(.bpanel) .detail-art img{width:170px;height:170px}.detail-head{display:flex;align-items:center;gap:8px;padding-right:34px}.detail-icon{display:grid;width:40px;height:40px;flex:none}.detail-icon img,.detail-icon svg{width:100%;height:100%;object-fit:contain}.detail-title{flex:1;margin:0;font-family:var(--font-display);font-weight:400;font-size:27px;line-height:1;letter-spacing:.02em;color:var(--text);text-wrap:balance}.detail-text{margin:0;max-width:34ch;font-size:14px;font-weight:700;line-height:1.45;color:var(--muted)}.detail-rule{align-self:flex-start;padding:3px 10px;border-radius:6px;background:#8b5a3224;color:#6b4321;font-size:12px;font-weight:900;letter-spacing:.03em}.detail-art{display:grid;place-items:center;margin:-6px 0 -4px}.detail-art img,.detail-art svg{width:220px;height:220px;object-fit:contain;animation:art-in .5s var(--spring) both}.detail-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding-top:10px;border-top:2px dashed rgba(51,36,26,.2)}.detail-costs{display:flex;gap:2px}.detail-time{display:inline-flex;align-items:center;gap:4px;padding-left:8px;border-left:2px dashed rgba(51,36,26,.2);font-family:var(--font-display);font-size:17px}.detail-time svg{width:22px;height:22px}.btn-build{flex:1 0 auto;margin-left:auto;min-height:50px;padding:0 8px;font-size:19px}.btn-build svg{width:24px;height:24px}.toasts{position:absolute;left:50%;top:calc(14px + env(safe-area-inset-top,0px));z-index:5;max-width:calc(100vw - 420px);transition:top .25s ease;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px}.toast{display:inline-flex;align-items:center;gap:8px;padding:4px 20px 4px 6px;border-radius:12px;background:var(--art-wood) center / 100% 100% no-repeat,var(--wood);border:3px solid var(--wood-ink);box-shadow:inset 0 2px #ffd6a059,inset 0 -3px #0003,0 4px 0 var(--wood-ink),0 10px 22px #140c044d;color:#fff;font-family:var(--font-display);font-size:18px;letter-spacing:.02em;text-shadow:0 2px 0 var(--wood-ink);white-space:nowrap;min-height:46px;animation:toast-in .4s var(--spring) both}.toast.out{animation:toast-out .35s ease-in forwards}.toast-icon{display:grid;width:40px;height:40px}.toast-icon img,.toast-icon svg{width:100%;height:100%;object-fit:contain}.floats{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.wfloat{position:absolute;display:inline-flex;align-items:center;gap:1px;padding:0 10px 0 1px;border-radius:8px;background:#241b15d9;box-shadow:0 0 0 2px var(--wood-ink);transform:translate(-50%,-100%);font-family:var(--font-display);font-size:16px;color:#fff;animation:world-float 1.4s ease-out forwards}.wfloat-icon{display:grid;width:28px;height:24px}.wfloat-icon img,.wfloat-icon svg{width:100%;height:100%;object-fit:contain}.start{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#1f140c33,#1f140cb3);pointer-events:auto}.start-card{display:flex;flex-direction:column;align-items:center;gap:18px;padding:0 16px;text-align:center}.tagline{margin:0;max-width:34ch;font-size:20px;font-weight:800;line-height:1.35;color:#fff;text-shadow:0 2px 0 var(--ink);text-wrap:balance}.btn-start{min-height:70px;padding:0 34px;font-size:28px}.end-title{margin:0;font-family:var(--font-logo);font-weight:400;font-size:clamp(56px,11vw,120px);line-height:1;-webkit-text-stroke:10px var(--ink);paint-order:stroke fill;text-shadow:0 10px 0 var(--ink);transform:rotate(-3deg);animation:logo-drop .8s var(--spring) both}.end-title.won{color:var(--yellow)}.end-title.lost{color:#ff7a66}.gear{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));left:calc(12px + env(safe-area-inset-left,0px));display:grid;place-items:center;width:54px;height:56px;padding:0;color:var(--text);--menu-btn-bg: #ece3d3;pointer-events:auto;cursor:var(--cursor, pointer);filter:var(--drop);transition:transform .15s var(--spring)}.gear svg{width:28px;height:28px;transition:transform .3s var(--spring)}.gear:hover{border-image-source:var(--art-tile-on);--menu-btn-bg: #f7c03e;transform:translateY(-2px)}.gear:hover svg{transform:rotate(30deg)}.gear:active{transform:translateY(2px)}.gear:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.dragbox{position:absolute;border:2px solid #ffd447;background:#ffd44726;border-radius:4px}.menu{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;overflow:hidden;background:#6fb6e8;pointer-events:auto}.menu-stage{position:absolute;left:0;top:0;width:1672px;height:941px;transform-origin:0 0}.menu-bg{display:block;width:1672px;height:941px;max-width:none}.mbtn{--menu-btn-bg: #ece3d3;position:absolute;left:104px;width:356px;height:89px;display:flex;align-items:center;gap:18px;padding:0 40px 8px 44px;border:0;background:var(--art-stone) center / 100% 100% no-repeat;color:var(--text);text-align:left;font:inherit;cursor:var(--cursor, pointer);filter:drop-shadow(0 10px 14px rgba(15,25,45,.35));transition:transform .16s var(--spring),filter .16s ease;animation:menu-in .6s var(--spring) both}.mbtn-multi{animation-delay:.06s}.mbtn-tutorial{animation-delay:.12s}.mbtn-settings{animation-delay:.18s}.mbtn:hover,.mbtn:focus-visible{--menu-btn-bg: #f7c03e;background-image:var(--art-stone-hover);transform:translateY(-4px);filter:drop-shadow(0 14px 16px rgba(15,25,45,.4))}.mbtn:active{transform:translateY(4px) scale(.98);filter:drop-shadow(0 4px 6px rgba(15,25,45,.35))}.mbtn:focus-visible{outline:none}.mbtn-icon{display:grid;place-items:center;width:34px;height:34px;flex:none;color:var(--text)}.mbtn-icon svg{width:100%;height:100%}.mbtn-title{font-family:var(--font-display);font-weight:400;font-size:25px;line-height:1;letter-spacing:.05em;text-transform:uppercase}.mbtn-play{--menu-btn-bg: #f7c03e;left:88px;width:390px;height:146px;justify-content:center;padding:0 0 10px;background-image:var(--art-play)}.mbtn-play .mbtn-icon{display:none}.mbtn-play .mbtn-title{font-size:46px;letter-spacing:.06em}.mbtn-play:hover,.mbtn-play:focus-visible{background-image:var(--art-play);filter:brightness(1.08) saturate(1.1) drop-shadow(0 14px 16px rgba(15,25,45,.4))}.mbtn-play:hover .mbtn-icon{animation:nudge .6s ease-in-out infinite}.modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-items:center;padding:24px;background:#180f088c;pointer-events:auto}.modal-card{display:flex;flex-direction:column;gap:12px;width:min(470px,100%);padding:44px 30px 30px;animation:panel-in .35s var(--spring) both}.modal-icon{--menu-btn-bg: var(--parch);display:grid;width:32px;height:32px;color:var(--text)}.set-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;border-top:2px dashed rgba(51,36,26,.2)}.set-label{display:flex;flex-direction:column;gap:2px;font-family:var(--font-display);font-size:17px;letter-spacing:.02em}.set-label small{font-family:var(--font-ui);font-size:12.5px;font-weight:700;letter-spacing:0;color:var(--muted)}.segs{display:flex;gap:4px}.seg{min-height:42px;padding:0 4px;font-family:var(--font-display);font-size:14px;letter-spacing:.03em;text-transform:uppercase;color:var(--text);cursor:var(--cursor, pointer);transition:transform .12s var(--spring)}.seg:hover{transform:translateY(-2px)}.seg:focus-visible{outline:none;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 2px #fff)}.toggle:focus-visible,input[type=range]:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}input[type=range]{width:160px;accent-color:#e39c16}.toggle{-moz-appearance:none;appearance:none;-webkit-appearance:none;position:relative;flex:none;width:56px;height:30px;margin:0;border-radius:999px;background:linear-gradient(#bdb3a3,#d4cbbd);box-shadow:0 0 0 2.5px var(--wood-ink),inset 0 3px 4px #00000040,0 3px 0 2.5px #2b190d66;cursor:var(--cursor, pointer);transition:background .2s}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:linear-gradient(#fffaf0,#e8dcc6);box-shadow:0 0 0 2px var(--wood-ink),inset 0 -3px #0000001f;transition:transform .2s var(--spring)}.toggle:checked{background:linear-gradient(#4f9a33,#6cbf45)}.toggle:checked:after{transform:translate(26px)}.set-note{margin:0;font-size:12.5px;font-weight:700;color:var(--muted)}.seg-num{min-width:44px;font-size:17px}.loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;overflow:hidden;background:#1c140e;pointer-events:auto;animation:ld-in .25s ease-out both;transition:opacity .4s ease,transform .4s ease}.loading.done{opacity:0;transform:scale(1.04);pointer-events:none}@keyframes ld-in{0%{opacity:0}}.ld-bg{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background-size:cover;background-position:center;filter:blur(6px) brightness(.55) saturate(1.1);animation:ld-pan 6s ease-in-out infinite alternate}@keyframes ld-pan{0%{transform:scale(1.05) translate(-10px)}to{transform:scale(1.12) translate(10px)}}.ld-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;width:min(520px,calc(100vw - 32px));text-align:center}.ld-title{font-family:var(--font-display);font-size:clamp(44px,9vw,76px);color:#ffd84a;letter-spacing:.02em;-webkit-text-stroke:3px var(--wood-ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--wood-ink),0 10px 18px rgba(0,0,0,.5);animation:ld-bob 1.6s ease-in-out infinite}@keyframes ld-bob{50%{transform:translateY(-5px) rotate(-1deg)}}.ld-bar{width:100%;height:54px;padding:12px 14px}.ld-fill{position:relative;height:100%;width:0;overflow:hidden;border-radius:8px;background:linear-gradient(#ffd84a,#e59a17);box-shadow:inset 0 -4px #0000002e,inset 0 3px #ffffff73}.ld-shine{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(-45deg,rgba(255,255,255,.22) 0 10px,transparent 10px 22px);animation:ld-stripes .6s linear infinite}@keyframes ld-stripes{to{background-position:31px 0}}.ld-step{font-family:var(--font-display);font-size:22px;color:#fff;text-shadow:0 2px 0 var(--wood-ink)}.ld-tip{max-width:420px;font-size:14px;font-weight:700;color:#e8dccb;text-shadow:0 1px 0 rgba(0,0,0,.6)}.modal-card.newgame{width:min(560px,100%)}.newgame .set-label{flex:1;min-width:0}.ng-go{align-self:stretch;margin-top:6px;min-height:62px;font-size:24px}.set-done{flex:none;align-self:flex-end;margin-left:auto;padding:0 22px}.set-foot{display:flex;justify-content:center;padding-top:4px}.btn-danger{min-height:52px;padding:0 14px;font-size:18px;filter:hue-rotate(-100deg) saturate(1.9) brightness(.86) drop-shadow(0 4px 6px rgba(20,12,4,.25));text-shadow:0 2px 0 #3d6b14,0 0 3px rgba(30,70,15,.6)}.btn-danger svg{width:22px;height:22px;color:#fff}.btn-danger.confirm{filter:hue-rotate(-100deg) saturate(2.2) brightness(.95) drop-shadow(0 0 10px rgba(255,90,50,.6));animation:idle-pop .4s var(--spring)}.leftdock{position:absolute;left:calc(16px + env(safe-area-inset-left,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:flex-start;gap:8px;pointer-events:none}.cgroups{position:absolute;top:calc(8px + env(safe-area-inset-top,0px));left:50%;z-index:4;transform:translate(-50%);display:flex;gap:6px;pointer-events:none}.cgroup{position:relative;width:70px;height:70px;margin:10px 4px 0 10px;padding:0;font:inherit;border:4px solid #a06a3a;border-radius:13px;background:#6b4424;box-shadow:0 0 0 3px var(--wood-ink),inset 0 0 0 2px var(--wood-ink),inset 0 2px 0 4px #ffd6a040,0 5px 0 3px var(--wood-ink);pointer-events:auto;cursor:var(--cursor, pointer);transition:transform .15s var(--spring),border-color .15s;animation:rise-in .3s var(--spring) both}.cgroup:hover{transform:translateY(-3px)}.cgroup.is-on{border-color:var(--yellow)}.cgroup:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}.cgroup-scene{position:absolute;top:2px;right:2px;bottom:2px;left:2px;overflow:hidden;border-radius:7px;isolation:isolate;background:radial-gradient(120% 60% at 50% 100%,#63b53d 0 34%,transparent 35%),linear-gradient(#1f3f9e,#3a6fe0 70%)}.cgroup-art{position:absolute;left:2px;right:2px;bottom:-4px;height:56px;pointer-events:none}.cgroup-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 0 rgba(0,0,0,.35))}.cgroup-art-b{left:-20px;right:auto;width:46px;height:42px;bottom:0;opacity:.95;z-index:0}.cgroup-art:not(.cgroup-art-b){z-index:1}.cgroup-key{position:absolute;top:-14px;left:-14px;z-index:2;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:linear-gradient(#9a948c,#5f5953);box-shadow:0 0 0 2.5px var(--wood-ink),inset 0 2px #ffffff40,inset 0 -3px #00000040;color:#f6ecd8;font-family:var(--font-display);font-size:17px;line-height:1;text-shadow:0 2px 0 var(--wood-ink)}.cgroup-count{position:absolute;right:-10px;bottom:-10px;z-index:2;min-width:22px;padding:0 5px;border-radius:11px;background:#2f2620;box-shadow:0 0 0 2px var(--wood-ink);color:#fff;font-family:var(--font-display);font-size:13px;line-height:20px;text-align:center}.selpanel{pointer-events:auto;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:18px 20px;color:#fff;animation:rise-in .3s var(--spring) both}.selgroups{display:flex;gap:8px}.selgroup{position:relative;display:flex;align-items:center;gap:4px;padding:2px 12px 2px 2px;border-radius:8px;background:var(--slot-hi);box-shadow:inset 0 2px #ffffff0f,inset 0 -3px #0000004d}.selgroup-art{display:grid;width:46px;height:46px}.selgroup-art img{width:100%;height:100%;object-fit:contain}.selgroup-count{font-family:var(--font-display);font-size:22px;text-shadow:0 2px 0 #000}.selgroup-name{font-weight:800;font-size:13px;color:#cfc3b2}.selhint{max-width:300px;font-size:12.5px;font-weight:800;color:#b9ab98}.bp-bar{height:14px;border-radius:7px;background:var(--slot);box-shadow:0 0 0 2px var(--wood-ink),inset 0 2px 3px #00000080;overflow:hidden}.bp-bar-fill{display:block;height:100%;border-radius:7px;background:linear-gradient(#ffdc6e,#f2a516);box-shadow:inset 0 2px #fff6;transition:width .2s linear}.bp-art img{width:180px;height:180px}.bp-reseed{flex:none;margin-left:0;align-self:stretch}.bp-reseed .chip-icon img{width:30px;height:26px;filter:drop-shadow(0 1px 0 rgba(0,0,0,.3))}.bp-trains{display:flex;flex-direction:column;gap:6px}.tbtn{display:flex;align-items:center;gap:10px;padding:0 4px 0 0;font:inherit;color:var(--text);text-align:left;cursor:var(--cursor, pointer);transition:transform .15s var(--spring)}.tbtn:hover{transform:translateY(-2px);border-image-source:var(--art-tile-on)}.tbtn:active{transform:translateY(2px)}.tbtn:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.tbtn.is-short .tbtn-art img{filter:saturate(.3);opacity:.7}.tbtn-art{display:grid;width:50px;height:50px;flex:none;border-radius:8px;background:var(--slot-hi);box-shadow:inset 0 3px 5px #0006}.tbtn-art img{width:100%;height:100%;object-fit:contain}.tbtn-body{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.tbtn-name{font-family:var(--font-display);font-size:17px;letter-spacing:.04em;text-transform:uppercase}.tbtn-costs{display:flex;flex-wrap:wrap;gap:0 2px}.tbtn-time{display:inline-flex;align-items:center;gap:3px;font-family:var(--font-display);font-size:14px;color:var(--muted)}.tbtn-time svg{width:18px;height:18px}.qslot.is-waiting:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#140e0a73 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='7.5' r='4.2' fill='%23f2b33d'/%3E%3Cpath d='M3.5 21 Q3.5 13 12 13 Q20.5 13 20.5 21 Z' fill='%23f2b33d'/%3E%3C/svg%3E") center / 22px no-repeat;animation:idle-pop 1.4s ease-in-out infinite}.bp-queue{display:flex;flex-wrap:wrap;gap:6px;min-height:60px;padding:6px;border-radius:10px;background:linear-gradient(#2e2621,#241d19);box-shadow:0 0 0 2.5px var(--wood-ink),inset 0 3px 6px #00000080}.qslot{position:relative;width:48px;height:48px;padding:0;border:0;border-radius:8px;background:var(--slot-hi);box-shadow:inset 0 2px #ffffff12,inset 0 -3px #00000059;cursor:var(--cursor, pointer)}.qslot:hover{box-shadow:inset 0 0 0 2px var(--short)}.qslot-count{position:absolute;top:1px;right:3px;font-family:var(--font-display);font-size:13px;color:#fff;text-shadow:0 1px 0 #000,0 0 3px #000}.qslot-art img{width:100%;height:100%;object-fit:contain}.qslot-bar{position:absolute;left:4px;right:4px;bottom:3px;height:5px;border-radius:3px;background:#00000073;overflow:hidden}.qslot-fill{display:block;height:100%;background:var(--gain)}.bp-empty{align-self:center;padding-left:8px;font-size:13px;font-weight:800;color:#a7998a}.debug{position:absolute;right:2px;bottom:0;z-index:7;display:flex;flex-direction:column;align-items:flex-end;gap:6px;pointer-events:auto}.debug-btn{padding:1px 5px;border:0;background:none;font:700 10px/1.2 ui-monospace,monospace;color:#ffffff24;cursor:var(--cursor, pointer)}.debug-btn:hover,.debug.open .debug-btn{color:#ffffffb3}.debug-panel{display:flex;flex-direction:column;gap:8px;margin-right:4px;padding:10px;border-radius:8px;background:#140f0ce0;box-shadow:0 0 0 1px #ffffff1f;font:700 12px/1.2 ui-monospace,monospace;color:#e8dccb}.debug-row{display:flex;align-items:center;gap:6px;cursor:var(--cursor, pointer)}.debug-adds{display:grid;grid-template-columns:1fr 1fr;gap:4px}.debug-adds button{padding:5px 8px;border:0;border-radius:5px;background:#ffffff1a;font:inherit;color:inherit;text-align:left;cursor:var(--cursor, pointer)}.debug-adds button:hover{background:#fff3}.debug-adds [data-add=all],.debug-adds [data-pop]{grid-column:1 / -1;text-align:center}@keyframes drop-in{0%{opacity:0;translate:0 -24px}60%{opacity:1;translate:0 3px}to{translate:0 0}}@keyframes rise-in{0%{opacity:0;translate:0 40px}60%{opacity:1;translate:0 -4px}to{translate:0 0}}@keyframes panel-in{0%{opacity:0;translate:30px 0;scale:.96}to{opacity:1;translate:0 0;scale:1}}@keyframes art-in{0%{opacity:0;transform:scale(.85) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes value-pop{0%{transform:scale(1)}40%{transform:scale(1.22,1.12);color:var(--gain)}to{transform:scale(1)}}@keyframes value-dip{0%{transform:translateY(0)}35%{transform:translateY(3px) scaleX(.92);color:#ff8a78}to{transform:translateY(0)}}@keyframes icon-hop{0%{transform:translateY(0) rotate(0)}35%{transform:translateY(-6px) rotate(-6deg) scale(1.08)}to{transform:translateY(0) rotate(0)}}@keyframes shake{0%,to{translate:0 0}20%{translate:-6px 0}40%{translate:5px 0}60%{translate:-4px 0}80%{translate:2px 0}}@keyframes feed-in{0%{opacity:0;translate:-16px 0;scale:.8}to{opacity:1;translate:0 0;scale:1}}@keyframes feed-out{to{opacity:0;translate:12px 0}}@keyframes world-float{0%{opacity:0;translate:0 6px;scale:.6}20%{opacity:1;translate:0 0;scale:1.08}to{opacity:0;translate:0 -40px;scale:1}}@keyframes toast-in{0%{opacity:0;transform:translateY(-26px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-out{to{opacity:0;transform:translateY(-10px) scale(.92)}}@keyframes logo-drop{0%{transform:translateY(-60px) scale(.6,1.3);opacity:0}55%{transform:translateY(6px) scale(1.08,.9);opacity:1}75%{transform:translateY(-4px) scale(.97,1.04)}to{transform:translateY(0) scale(1)}}@keyframes menu-in{0%{opacity:0;translate:-60px 0}60%{opacity:1;translate:8px 0}to{translate:0 0}}@keyframes card-in{0%{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}@keyframes nudge{0%,to{translate:0 0}50%{translate:4px 0}}@media(max-width:1100px){.detail{width:310px}.res-pill{min-width:64px;padding-left:18px}.res-value{font-size:20px}.detail-art img,.detail-art svg{width:180px;height:180px}}@media(max-width:760px){.res-pill{min-width:0;padding:6px 10px 6px 18px}.res-rate{display:none}.res-value{font-size:19px}.res-icon{width:44px;height:40px}.minimap{transform:scale(.62);transform-origin:top right}.buildbar{padding:10px 12px 12px}.bgrid{grid-template-columns:repeat(4,80px);grid-template-rows:repeat(2,128px);gap:6px}.btab-name{display:none}.bcard{width:80px;height:128px}.bcard-art,.bcard-art img,.bcard-art svg{width:62px;height:56px}.bcard-name{font-size:9px}.bgrid .bcard-art,.bgrid .bcard-art img,.bgrid .bcard-art svg{width:58px;height:48px}.detail{left:24px;right:24px;width:auto;bottom:230px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.build-open .selpanel{display:none}.endscreen,.statscreen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;overflow:hidden;pointer-events:auto}.endscreen.hidden,.statscreen.hidden{display:none}.end-tint{position:absolute;top:0;right:0;bottom:0;left:0;backdrop-filter:blur(5px) saturate(1.15);-webkit-backdrop-filter:blur(5px) saturate(1.15);animation:ld-in .5s ease-out both}.won .end-tint{background:radial-gradient(60% 55% at 50% 40%,rgba(255,236,160,.28),transparent 70%),linear-gradient(#1e3c8c40,#141e3c73)}.lost .end-tint{background:radial-gradient(60% 50% at 50% 45%,rgba(255,120,40,.18),transparent 70%),linear-gradient(#461e508c,#280c0ab3);backdrop-filter:blur(5px) saturate(.7) brightness(.8);-webkit-backdrop-filter:blur(5px) saturate(.7) brightness(.8)}.end-fx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.end-fx i{position:absolute;top:-20px;border:2px solid rgba(43,25,13,.55);transform:rotate(45deg);animation:confetti linear infinite}@keyframes confetti{0%{transform:translateY(-5vh) rotate(45deg) scale(1);opacity:0}8%{opacity:1}to{transform:translateY(110vh) rotate(405deg) scale(.8);opacity:1}}.lost .end-fx i{top:auto;bottom:-20px;border:0;border-radius:50%;box-shadow:0 0 10px 3px #ff8c28b3;animation-name:ember}@keyframes ember{0%{transform:translate(0) scale(1);opacity:0}10%{opacity:1}60%{transform:translate(20px,-55vh) scale(.8)}to{transform:translate(-15px,-110vh) scale(.3);opacity:0}}.end-stage{position:relative;display:flex;flex-direction:column;align-items:center;width:min(940px,calc(100vw - 32px));max-height:100%;padding:12px 0}.end-banner,.st-banner{position:relative;width:min(640px,92vw);animation:banner-drop .8s var(--spring) both}.end-banner img,.st-banner img{display:block;width:100%;height:auto;filter:drop-shadow(0 10px 18px rgba(0,0,0,.45))}@keyframes banner-drop{0%{transform:translateY(-60vh) rotate(-4deg)}70%{transform:translateY(8px) rotate(1deg)}to{transform:none}}.end-word{position:absolute;left:18%;right:18%;top:46%;height:28%;display:grid;place-items:center;font-family:var(--font-display);font-size:clamp(30px,6.4vw,58px);line-height:1;letter-spacing:.01em;text-transform:uppercase;white-space:nowrap;-webkit-text-stroke:4px #3b1d07;paint-order:stroke fill}.won .end-word{color:#ffd23a;text-shadow:0 5px 0 #3b1d07,0 0 22px rgba(255,220,90,.55);animation:word-pop .6s var(--spring) .45s both,word-glow 2.4s ease-in-out 1s infinite}.lost .end-word{color:#f1e3cc;top:44%;-webkit-text-stroke-color:#2a120c;text-shadow:0 5px 0 #2a120c;transform:rotate(-2deg);animation:word-pop .6s var(--spring) .45s both}@keyframes word-pop{0%{transform:scale(.3) rotate(-8deg);opacity:0}to{transform:scale(1);opacity:1}}.lost .end-word{animation-name:word-pop-lost}@keyframes word-pop-lost{0%{transform:scale(1.6) rotate(6deg);opacity:0}60%{transform:scale(.95) rotate(-3deg);opacity:1}to{transform:rotate(-2deg)}}@keyframes word-glow{50%{text-shadow:0 5px 0 #3b1d07,0 0 34px rgba(255,230,120,.9)}}.end-sub{display:flex;align-items:center;gap:12px;margin-top:-6px;padding:6px 16px;border-radius:999px;background:#f3e3c4f2;box-shadow:0 0 0 3px var(--wood-ink),0 4px 0 3px var(--wood-ink);color:var(--text);font-weight:800;font-size:15px;text-align:center;animation:rise-in .5s var(--spring) .6s both}.end-time{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-display);white-space:nowrap}.end-time svg{width:18px;height:18px}.end-heroes{position:relative;display:grid;place-items:end center;width:min(560px,86vw);margin-top:10px;animation:heroes-pop .7s var(--spring) .7s both}.lost .end-heroes{width:min(680px,92vw)}.end-heroes img{position:relative;z-index:0;margin-bottom:4%;width:100%;height:auto;max-height:30vh;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.4))}.won .end-heroes img{animation:cheer .9s ease-in-out 1.4s infinite alternate;transform-origin:50% 100%}@keyframes cheer{to{transform:translateY(-6px) scale(1.01)}}.end-hill{position:absolute;z-index:1;left:4%;right:4%;bottom:-14px;height:22%;border-radius:50% 50% 18px 18px/70% 70% 18px 18px;background:radial-gradient(14px 10px at 22% 30%,#8a8278 60%,transparent 62%),radial-gradient(18px 12px at 70% 26%,#9a938c 60%,transparent 62%),radial-gradient(10px 8px at 48% 18%,#7c766f 60%,transparent 62%),linear-gradient(#6cbf3f 0,#6cbf3f 22%,#4f9a2f 22%,#4f9a2f 40%,#8a5a33 40%);box-shadow:0 0 0 3px var(--wood-ink),0 8px 0 3px var(--wood-ink)}.lost .end-hill{background:radial-gradient(14px 10px at 18% 35%,#6e675f 60%,transparent 62%),radial-gradient(20px 12px at 78% 30%,#7c766f 60%,transparent 62%),linear-gradient(#5d7a35 0,#5d7a35 20%,#4b5e2a 20%,#4b5e2a 38%,#5a3a22 38%)}@keyframes heroes-pop{0%{transform:translateY(40px) scale(.8);opacity:0}to{transform:none;opacity:1}}.end-buttons{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:16px;padding:14px 18px;border-radius:14px;background:var(--art-wood) center / 100% 100% no-repeat,var(--wood);border:3px solid var(--wood-ink);box-shadow:inset 0 2px #ffd6a059,inset 0 -4px #00000040,0 5px 0 var(--wood-ink),0 14px 26px #140c0473;animation:rise-in .5s var(--spring) .9s both}.end-btn{display:inline-flex;align-items:center;gap:10px;min-height:54px;padding:0 18px;white-space:nowrap;border:0;border-radius:11px;background:linear-gradient(#fbf3e3,#e7d7bb);box-shadow:0 0 0 3px var(--wood-ink),inset 0 -4px #785a3240,inset 0 2px #fffc,0 5px 0 3px var(--wood-ink);color:var(--text);font-family:var(--font-display);font-size:19px;letter-spacing:.03em;text-transform:uppercase;cursor:var(--cursor, pointer);transition:transform .15s var(--spring),filter .15s}.end-btn svg{width:24px;height:24px}.end-btn:hover{transform:translateY(-3px);filter:brightness(1.04)}.end-btn:active{transform:translateY(2px)}.end-btn:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}.end-btn-go{background:linear-gradient(#ffd84a,#f0a51c);box-shadow:0 0 0 3px var(--wood-ink),inset 0 -4px #9650004d,inset 0 2px #fff9,0 5px 0 3px var(--wood-ink)}.end-note{margin:14px 0 0;color:#fff3dc;font-weight:700;font-size:14px;text-shadow:0 2px 0 rgba(0,0,0,.6);animation:rise-in .5s var(--spring) 1.1s both}.st-wrap{position:relative;display:flex;flex-direction:column;align-items:center;width:min(1000px,calc(100vw - 24px));max-height:100%;padding:8px 0 14px;overflow-y:auto}.st-banner{width:min(470px,80vw);flex:none}.st-word{font-size:clamp(24px,4.2vw,40px)}.st-meta{margin:-10px 0 10px;padding:5px 16px;border-radius:8px;background:linear-gradient(#f6e9cf,#e2cfa9);box-shadow:0 0 0 3px var(--wood-ink),0 4px 0 3px var(--wood-ink);font-family:var(--font-display);font-size:16px;color:var(--text);z-index:1;animation:rise-in .4s var(--spring) .3s both}.st-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;padding:14px;border-radius:16px;background:var(--art-wood) center / 100% 100% no-repeat,var(--wood);border:4px solid var(--wood-ink);box-shadow:inset 0 2px #ffd6a04d,0 6px 0 var(--wood-ink),0 16px 30px #00000073;animation:rise-in .5s var(--spring) .2s both}.st-box{min-width:0;padding:10px 12px 12px;border-radius:10px;background:linear-gradient(#f6ecd8,#ead9b9);box-shadow:0 0 0 3px var(--wood-ink),inset 0 2px #fff8e8,inset 0 -3px #785a322e;color:var(--text)}.st-span2{grid-column:span 2}.st-span3{grid-column:1 / -1}.st-box h3{margin:0 0 8px;font-family:var(--font-display);font-weight:400;font-size:16px;letter-spacing:.05em;text-align:center;text-transform:uppercase}.st-row{display:flex;justify-content:center;gap:8px}.st-wrap-row{flex-wrap:wrap}.st-res{flex:1;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;column-gap:8px;align-items:center;padding:6px 12px 8px 8px;border-radius:9px;background:#785a321a;box-shadow:inset 0 2px 4px #50321426}.st-res-icon{grid-row:1 / 4;width:56px;height:50px;object-fit:contain;filter:drop-shadow(0 3px 1px rgba(0,0,0,.3))}.st-res b,.st-tile b{font-family:var(--font-display);font-weight:400;font-size:24px;line-height:1.1}.st-res small,.st-tile small{font-size:11px;font-weight:800;opacity:.7;text-align:center}.st-res-spent{justify-self:start;margin-top:3px;padding:1px 8px;border-radius:999px;background:#d6542f24;color:#9a3a1c;font-size:12px;font-weight:800}.st-tile{display:flex;flex-direction:column;align-items:center;overflow:hidden;width:68px;padding:4px 2px 6px;border-radius:9px;background:#785a321a;box-shadow:inset 0 2px 4px #50321426}.st-tile img{width:58px;height:50px;object-fit:contain;transform:scale(1.35)}.st-kill img{width:70px;height:64px;transform:scale(1.55) translateY(2px);position:relative;z-index:0}.st-kill b{position:relative;z-index:1;margin-top:4px}.st-kill{width:78px;border-bottom:4px solid var(--team)}.st-empty{margin:8px 0;text-align:center;font-weight:700;opacity:.6}.st-mvps{display:flex;flex-direction:column;gap:8px}.st-mvp{display:flex;align-items:center;gap:10px;padding:6px 10px 6px 6px;border-radius:10px;background:linear-gradient(90deg,#f7bc2c47,#f7bc2c0d);box-shadow:inset 0 0 0 2px #c27a0d59}.st-mvp-art{position:relative;flex:none;width:62px;height:62px;border-radius:10px;background:linear-gradient(#3a6fe0,#1f3f9e);box-shadow:0 0 0 3px var(--wood-ink)}.st-mvp-art img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;transform:scale(1.6) translateY(4px)}.st-mvp-pic{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:10px}.st-mvp-crown{z-index:1}.st-mvp-crown{position:absolute;top:-14px;left:50%;transform:translate(-50%) rotate(-8deg)}.st-mvp-crown svg{width:28px;height:28px}.st-mvp-body{display:flex;flex-direction:column;min-width:0;font-size:13px;font-weight:700}.st-mvp-body small{font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#a2620a}.st-mvp-body b{font-family:var(--font-display);font-weight:400;font-size:20px}.st-mvp-body em{font-size:11px;opacity:.6}.st-list{margin:0;padding:0;list-style:none}.st-list li{display:flex;justify-content:space-between;padding:7px 4px;border-bottom:2px dashed rgba(51,36,26,.15);font-weight:700}.st-list li:last-child{border-bottom:0}.st-list b{font-family:var(--font-display);font-weight:400;font-size:18px}.st-table{width:100%;border-collapse:collapse;font-size:14px;font-weight:700}.st-table th{padding:4px 6px;font-size:11px;letter-spacing:.05em;text-align:left;text-transform:uppercase;opacity:.65}.st-table td{padding:7px 6px;border-top:2px dashed rgba(51,36,26,.15)}.st-table td:nth-child(n+3),.st-table th:nth-child(n+3){text-align:right;font-variant-numeric:tabular-nums}.st-table tr.is-me td{background:#2f6bff14}.st-table tr.is-winner td:first-child{font-family:var(--font-display);font-weight:400}.st-table td svg{width:18px;height:18px;vertical-align:-3px}.st-dot{display:inline-block;width:14px;height:14px;margin-right:8px;border-radius:50%;box-shadow:0 0 0 2px var(--wood-ink);vertical-align:-2px}.st-buttons{animation-delay:.3s}@media(max-width:760px){.st-panel{grid-template-columns:1fr}.st-span2,.st-span3{grid-column:auto}.st-row{flex-wrap:wrap}.st-res{flex:1 1 40%}.end-btn{min-height:46px;padding:0 14px;font-size:15px}}.spectate{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);z-index:3;display:flex;align-items:center;gap:12px;padding:10px 14px;color:#fff;pointer-events:auto;white-space:nowrap;animation:drop-in .5s var(--spring) both}.spec-eye svg{width:28px;height:28px;color:var(--yellow)}.spec-text{font-family:var(--font-display);font-size:18px}.spec-teams{display:flex;gap:8px}.spec-team{display:inline-flex;align-items:center;font-weight:800;font-size:13px}.spec-btn{min-height:40px;padding:0 12px;font-size:14px}.spec-btn svg{width:18px;height:18px}html,body,canvas{cursor:var(--cursor, default)}.end-art{position:relative;width:min(720px,92vw);animation:banner-drop .8s var(--spring) both}.end-art img{display:block;width:100%;height:auto;max-height:62vh;object-fit:contain;filter:drop-shadow(0 12px 22px rgba(0,0,0,.45))}.won .end-art img{animation:art-cheer 1.6s ease-in-out 1s infinite alternate;transform-origin:50% 90%}@keyframes art-cheer{to{transform:translateY(-6px) scale(1.012)}}.lost .end-art img{animation:art-slump .9s var(--spring) .6s both;transform-origin:50% 100%}@keyframes art-slump{0%{transform:rotate(0)}45%{transform:rotate(-2.5deg) translateY(6px)}to{transform:rotate(-1deg) translateY(3px)}}.endscreen .end-sub{margin-top:4px}@media(max-width:760px){.toasts{max-width:calc(100vw - 32px);top:calc(170px + env(safe-area-inset-top,0px))}}.has-groups .toasts{top:calc(104px + env(safe-area-inset-top,0px))}.infopop{position:absolute;z-index:4;display:flex;align-items:center;gap:8px;padding:6px 14px 8px 6px;border-radius:12px;background:linear-gradient(#f6ecd8,#e7d4b0);box-shadow:0 0 0 3px var(--wood-ink),0 5px 0 3px var(--wood-ink),0 10px 18px #0000004d;color:var(--text);transform:translate(-50%,calc(-100% - 14px));pointer-events:none;white-space:nowrap;animation:info-pop .3s var(--spring) both}.infopop:after{content:"";position:absolute;left:50%;bottom:-11px;width:14px;height:14px;background:#e7d4b0;box-shadow:3px 3px 0 0 var(--wood-ink);transform:translate(-50%) rotate(45deg)}@keyframes info-pop{0%{opacity:0;transform:translate(-50%,calc(-100% - 2px)) scale(.7)}}.infopop-icon,.infopop-icon img{display:block;width:40px;height:36px;object-fit:contain}.infopop-body{display:flex;flex-direction:column;min-width:90px}.infopop-body b{font-family:var(--font-display);font-weight:400;font-size:16px;line-height:1.1}.infopop-amount{font-weight:800;font-size:13px}.infopop-bar{height:6px;margin-top:3px;border-radius:3px;background:#33241a2e;overflow:hidden}.infopop-bar span{display:block;height:100%;background:linear-gradient(90deg,#6fbf3f,#9ed85a)}.detail.bpanel{width:480px;max-width:calc(100vw - 32px);padding:30px 26px 24px;gap:12px}.detail.bpanel.bp-units:not(.bp-both){width:600px}.detail.bpanel.bp-ups:not(.bp-both){width:580px}.detail.bpanel.bp-both{width:980px}.detail.bpanel.bp-both.bp-n2{width:900px}.detail.bpanel.bp-both.bp-n1{width:780px}.bpanel .bp-art{position:absolute;left:-16px;top:-70px;z-index:3;width:168px;height:168px;pointer-events:none}.bpanel .bp-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 6px rgba(20,12,4,.35));transform:scale(1.3);transform-origin:50% 55%}.bp-head{position:relative;display:flex;flex-direction:column;gap:5px;min-height:84px;padding:0 40px 0 150px}.bp-head .detail-title{margin:0;font-size:30px;line-height:1}.bp-desc{margin:0;font-size:14px;font-weight:700;line-height:1.3;color:var(--muted)}.bp-status{margin:0;font-size:13px;font-weight:800;color:var(--text)}.bp-status:empty{display:none}.bp-head .detail-close{top:-22px;right:-14px}.bpanel .bp-bar{position:relative;width:min(360px,100%);height:22px;border-radius:11px;background:var(--slot);box-shadow:0 0 0 2.5px var(--wood-ink),inset 0 2px 3px #00000080;overflow:hidden}.bpanel .bp-bar-fill{display:block;height:100%;border-radius:11px;background:linear-gradient(#7be86a,#3fae36);box-shadow:inset 0 3px #ffffff59;transition:width .25s linear}.bp-bar[data-kind=hp-mid] .bp-bar-fill{background:linear-gradient(#ffd36a,#f29b16)}.bp-bar[data-kind=hp-low] .bp-bar-fill{background:linear-gradient(#ff7a5e,#d8432f)}.bp-bar[data-kind=build] .bp-bar-fill{background:linear-gradient(#ffdc6e,#f2a516)}.bp-bar[data-kind=food] .bp-bar-fill{background:linear-gradient(#ff9a7a,#c0533a)}.bp-bar-text{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--font-display);font-size:13px;letter-spacing:.03em;color:#fff;text-shadow:0 1.5px 0 rgba(0,0,0,.7),0 0 3px rgba(0,0,0,.6)}.bp-body{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;max-height:calc(100vh - 230px);overflow-y:auto;padding:6px;margin:0 -6px -6px}.bp-both .bp-body{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.bp-both.bp-n2 .bp-body{grid-template-columns:320px minmax(0,1fr)}.bp-both.bp-n1 .bp-body{grid-template-columns:190px minmax(0,1fr)}.bp-col{display:flex;flex-direction:column;gap:10px;min-width:0;padding:10px 10px 12px;color:#f3e6cc}.bp-tab{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;padding:6px 12px;border:2.5px solid var(--wood-ink);border-radius:9px;background:var(--art-wood) center / 100% 100% no-repeat,var(--wood);box-shadow:inset 0 2px #ffd6a059,inset 0 -3px #00000038;font-family:var(--font-display);font-weight:400;font-size:17px;letter-spacing:.05em;text-transform:uppercase;color:#fff;text-shadow:0 2px 0 var(--wood-ink)}.bp-tab svg{width:20px;height:20px}.bp-tab-arrow{color:var(--yellow);font-size:15px;text-shadow:0 2px 0 #8a5a12}.bp-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:8px}.ucard{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:8px 8px 10px;border-style:solid;border-width:11px 11px 14px;border-image:var(--art-tile) 22 22 28 fill / 11px 11px 14px stretch;color:var(--text);text-align:center}.ucard-art{display:grid;width:86px;height:86px;margin-top:-6px;transition:transform .2s var(--spring)}.ucard:hover .ucard-art{transform:translateY(-3px) scale(1.04)}.ucard-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 2px rgba(20,12,4,.3))}.ucard.is-short .ucard-art img{filter:saturate(.35) drop-shadow(0 3px 2px rgba(20,12,4,.3));opacity:.75}.ucard-name{font-family:var(--font-display);font-size:16px;letter-spacing:.03em;line-height:1.1}.ucard-costs{display:flex;flex-direction:column;align-items:center;gap:1px}.ucard-time{display:inline-flex;align-items:center;gap:3px;font-family:var(--font-display);font-size:13px;color:var(--muted)}.ucard-time svg{width:15px;height:15px}.ucard-info,.ucard-squad{position:absolute;top:-4px;display:grid;place-items:center;height:24px;min-width:24px;padding:0 4px;border-radius:12px;font-family:var(--font-display);font-size:13px;box-shadow:0 0 0 2px var(--wood-ink)}.ucard-info{right:-4px;background:linear-gradient(#5b4d44,#3a302a);color:#f3e6cc;cursor:help}.ucard-squad{left:-4px;background:linear-gradient(#ffdc6e,#f2a516);color:var(--wood-ink)}.ucard-btn,.urow-btn{min-height:40px;padding:0 8px;font-size:15px}.ucard-btn{flex:none;align-self:stretch;margin-top:auto}.ucard-time{margin-bottom:6px}.bp-col .bp-queue{min-height:58px;background:#00000047;box-shadow:inset 0 3px 6px #00000073}.bp-rows{display:flex;flex-direction:column;gap:8px}.urow{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px 8px 8px;border-radius:10px;background:linear-gradient(#fff0dc17,#fff0dc0a);box-shadow:inset 0 0 0 1.5px #ffe6c81f,inset 0 -3px #00000040}.urow.pressed{animation:abtn-press .25s var(--spring)}@keyframes abtn-press{40%{transform:scale(.98)}}.urow-art{display:grid;width:52px;height:52px;border-radius:10px;background:var(--slot-hi);box-shadow:inset 0 3px 5px #00000073}.urow-art img{width:100%;height:100%;object-fit:contain}.urow.is-locked .urow-art img{filter:grayscale(.8);opacity:.6}.urow-body{display:flex;flex-direction:column;gap:2px;min-width:0}.urow-name{font-family:var(--font-display);font-size:16px;letter-spacing:.03em;color:#fff4e0}.urow.is-done .urow-name{color:#9be37f}.urow.is-done .urow-name:after{content:" ✓"}.urow.is-locked .urow-name:after{content:" 🔒";font-size:13px}.urow-note{font-size:12.5px;font-weight:700;line-height:1.25;color:#cbb89f}.urow-bar{display:none;height:6px;margin-top:3px;border-radius:3px;background:#0006;overflow:hidden}.urow.is-busy .urow-bar{display:block}.urow-fill{display:block;width:0;height:100%;background:linear-gradient(#ffdc6e,#f2a516);transition:width .25s linear}.urow-side{display:flex;flex-direction:column;align-items:stretch;gap:5px}.urow-costs{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 2px}.urow .chip,.trow .chip{color:#f3e6cc}.urow .chip.lacking,.trow .chip.lacking{color:#ff8a70}.urow.is-done .urow-costs{display:none}.urow-arrow{margin:0 3px;font-family:var(--font-display);color:#cbb89f}.urow-gain .chip{color:#9be37f}.urow-btn.is-stop{filter:hue-rotate(-100deg) saturate(1.9) brightness(.86) drop-shadow(0 4px 6px rgba(20,12,4,.25))}.urow-btn:disabled{opacity:0;pointer-events:none}.urow-btn.is-short{border-image-source:var(--art-grey);border-image-slice:20 24 28 24 fill;border-width:10px 12px 14px 12px;color:#6f675d;text-shadow:0 1px 0 rgba(255,255,255,.5)}.trow{display:grid;grid-template-columns:40px 54px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8px;padding:6px 8px;border-radius:10px;background:linear-gradient(#fff0dc17,#fff0dc0a);box-shadow:inset 0 -3px #00000040}.trow-art{display:grid;width:40px;height:40px}.trow-art img{width:100%;height:100%;object-fit:contain}.trow-name{font-family:var(--font-display);font-size:15px;color:#fff4e0}.urow-compact{display:flex;flex-direction:column;gap:4px;padding:0;background:none;box-shadow:none}.urow-compact .urow-btn{min-height:36px;font-size:14px}@media(max-width:1040px){.bp-both .bp-body,.bp-both.bp-n2 .bp-body{grid-template-columns:minmax(0,1fr)}.detail.bpanel.bp-both,.detail.bpanel.bp-both.bp-n2{width:600px}.detail.bpanel.bp-both.bp-n1{width:720px}}@media(max-width:760px){.bp-both.bp-n1 .bp-body{grid-template-columns:minmax(0,1fr)}}@media(max-width:560px){.bp-head{padding-left:96px}.bpanel .bp-art{width:110px;height:110px;top:-50px}.trow{grid-template-columns:34px minmax(0,1fr) minmax(0,1fr)}.trow-name{display:none}}.detail.bpanel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;height:fit-content;max-height:calc(100vh - 48px);margin:auto}.bp-head{min-height:0;padding-left:0}.bp-body{max-height:calc(100vh - 260px)}.campaign{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:18px;overflow:auto;pointer-events:auto;background:radial-gradient(ellipse at 50% 40%,rgba(255,220,160,.12),transparent 70%),var(--art-wood) center / cover,#4a2b16;animation:panel-in .35s var(--spring) both}.cmap-wrap{display:grid;grid-template-columns:260px minmax(0,auto) 320px;align-items:start;gap:18px;width:min(1500px,100%)}.cmap-close{position:fixed;top:14px;right:14px;display:grid;place-items:center;width:46px;height:46px;border:3px solid var(--wood-ink);border-radius:12px;background:linear-gradient(#f3e6cc,#d9c3a0);color:var(--wood-ink);box-shadow:inset 0 -4px #0000002e,0 4px 10px #00000059;cursor:var(--cursor, pointer)}.cmap-close svg{width:24px;height:24px}.cmap-close:hover{transform:translateY(-2px) rotate(4deg)}.cchapters{display:flex;flex-direction:column;gap:10px;margin-top:120px}.cch{position:relative;display:flex;align-items:center;gap:12px;min-height:82px;padding:8px 14px 8px 10px;border:3px solid var(--wood-ink);border-radius:12px;background:linear-gradient(#5b3a24,#3f2716);box-shadow:inset 0 2px #ffd6a02e,inset 0 -4px #0000004d,0 6px 12px #00000059;color:#fff4e0;text-align:left;font:inherit;cursor:var(--cursor, pointer);transition:transform .15s var(--spring)}.cch:hover{transform:translate(4px)}.cch.on{background:linear-gradient(#3f7bff,#2549b0);box-shadow:inset 0 2px #ffffff59,inset 0 -4px #0000004d,0 0 0 3px #ffd447,0 6px 14px #0006}.cch.on:after{content:"";position:absolute;right:-16px;top:50%;border:12px solid transparent;border-left:13px solid #ffd447;translate:0 -50%}.cch.locked{background:linear-gradient(#4a4440,#34302d);color:#b8ada0}.cch.locked.on{background:linear-gradient(#5a524c,#3f3a36)}.cch-banner{display:grid;place-items:center;width:46px;height:58px;flex:none}.cch-banner img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 2px rgba(0,0,0,.4))}.cch-lock svg,.clabel-lock svg{width:30px;height:30px;color:#c9bfb3}.cch-text{display:flex;flex-direction:column;gap:2px;min-width:0}.cch-text b{font-family:var(--font-display);font-weight:400;font-size:18px;line-height:1.1;text-shadow:0 2px 0 rgba(0,0,0,.35)}.cch-text small{font-size:13px;font-weight:700;opacity:.85}.cmap{position:relative;width:854px;height:950px;border:4px solid var(--wood-ink);border-radius:18px;overflow:hidden;box-shadow:0 12px 30px #00000080,inset 0 0 40px #3c1e0a66}.cmap-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none}.cmap-title{position:absolute;left:0;top:0;width:31%;height:18.5%;display:flex;flex-direction:column;justify-content:center;padding:0 4% 1% 5%;border-radius:0 0 22px;background:linear-gradient(#3f7bff,#1f45b3);border:4px solid #12224f;border-top:0;border-left:0;box-shadow:inset 0 3px #ffffff4d,inset 0 -5px #0000004d,0 6px 14px #0006}.cmap-title span{font-family:var(--font-logo);font-size:clamp(16px,2.4vw,34px);line-height:1;color:#fff6e0;text-shadow:0 3px 0 #12224f,0 0 2px #12224f;letter-spacing:.02em}.cmap-title small{font-size:clamp(10px,1.2vw,15px);font-weight:800;color:#ffd447;text-shadow:0 1px 0 #12224f}.cmap-labels,.cmap-nodes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.clabel{position:absolute;white-space:nowrap;display:flex;align-items:center;gap:6px;padding:4px 8px;border:2.5px solid var(--wood-ink);border-radius:9px;background:linear-gradient(#fff4dc,#ecd6ab);box-shadow:inset 0 -3px #78501e40,0 4px 8px #00000059;color:var(--text);font:inherit;text-align:left;pointer-events:auto;cursor:var(--cursor, pointer);transition:transform .15s var(--spring)}.clabel:hover{transform:translateY(-2px)}.clabel span{display:flex;flex-direction:column;min-width:0}.clabel b{font-family:var(--font-display);font-weight:400;font-size:clamp(10px,1.05vw,14px);line-height:1.1}.clabel small{font-size:clamp(9px,.9vw,12px);font-weight:800;color:var(--muted)}.clabel-stars{color:#c27a0d!important}.clabel.locked{background:linear-gradient(#3c3633,#2a2523);color:#e0d6ca}.clabel.locked small{color:#a99c8e}.clabel-lock svg{width:20px;height:20px}.cnode{position:absolute;display:grid;place-items:center;width:clamp(26px,3.6%,36px);aspect-ratio:1;translate:-50% -50%;padding:0;border:3px solid #fff;border-radius:50%;background:radial-gradient(circle at 35% 30%,#6f9bff,#2549b0);box-shadow:0 0 0 2.5px var(--wood-ink),0 4px 8px #00000073;color:#fff;font-family:var(--font-display);font-size:clamp(12px,1.3vw,17px);pointer-events:auto;cursor:var(--cursor, pointer);transition:transform .15s var(--spring)}.cnode:hover{transform:scale(1.15)}.cnode.boss{width:clamp(34px,4.6%,46px);border-color:#ffd447}.cnode.open{animation:node-pulse 1.4s ease-in-out infinite}@keyframes node-pulse{50%{box-shadow:0 0 0 2.5px var(--wood-ink),0 0 0 9px #ffd44773,0 4px 8px #00000073}}.cnode.done{background:radial-gradient(circle at 35% 30%,#ffe27a,#e39a12);color:var(--wood-ink)}.cnode.locked{background:radial-gradient(circle at 35% 30%,#8d8580,#4d4743);border-color:#cfc6bb;color:#e6ddd2}.cnode.on{outline:4px solid #ffd447;outline-offset:3px}.cnode-n{text-shadow:0 1px 0 rgba(0,0,0,.4)}.cnode-stars{position:absolute;top:100%;left:50%;translate:-50% 1px;display:flex;font-size:12px;line-height:1;white-space:nowrap;filter:drop-shadow(0 1px 0 rgba(0,0,0,.8))}.cstar{color:#8d8076;text-shadow:0 1px 0 rgba(0,0,0,.35)}.cstar.on{color:#ffc928;text-shadow:0 0 0 #8a5a12,0 2px 0 #8a5a12}.cpanel{display:flex;flex-direction:column;gap:8px;margin-top:40px;padding:30px 26px 28px;color:var(--text)}.cp-title{margin:0;font-family:var(--font-display);font-weight:400;font-size:24px;line-height:1.1}.cp-sub{margin:0;font-weight:800;color:var(--muted)}.cp-stars{font-size:26px;line-height:1}.cp-art{border:3px solid var(--wood-ink);border-radius:12px;overflow:hidden;box-shadow:0 4px 8px #00000040}.cp-art img{display:block;width:100%;aspect-ratio:304 / 156;object-fit:cover}.cp-desc{margin:0;font-size:15px;font-weight:700;line-height:1.35}.cp-mech{display:block;margin-top:2px;font-size:13px;color:#2f6b1f}.cp-head{margin:4px 0 0;padding:3px 10px;border-radius:8px;background:linear-gradient(#8b5a3238,#8b5a321f);font-family:var(--font-display);font-weight:400;font-size:15px;letter-spacing:.05em;text-transform:uppercase;color:#6b4426}.cp-list{display:flex;flex-direction:column;gap:5px;margin:0;padding:0 4px;list-style:none;font-size:14px;font-weight:700}.cp-list li{display:flex;align-items:center;gap:8px}.cp-list li.locked{color:#8d7a66}.cp-list li svg{width:16px;height:16px;flex:none}.cp-list .cstar{font-size:18px}.cbox{display:inline-grid;place-items:center;width:18px;height:18px;flex:none;border:2.5px solid var(--wood-ink);border-radius:5px;background:#fffaf0}.cbox.on{background:#4fbf3a}.cbox.on:after{content:"✓";color:#fff;font-size:13px;font-weight:900;line-height:1}.cp-soon{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;background:#3c3633;color:#f3e6cc;font-weight:800}.cp-soon svg{width:22px;height:22px}.cp-start,.cbtn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 20px;border:3px solid var(--wood-ink);border-radius:12px;font-family:var(--font-display);font-size:20px;letter-spacing:.03em;text-transform:uppercase;cursor:var(--cursor, pointer);transition:transform .15s var(--spring),filter .15s}.cp-start{margin-top:8px;background:linear-gradient(#ffdc5c,#f2a516);color:var(--wood-ink);box-shadow:inset 0 3px #ffffff80,inset 0 -5px #96500073,0 6px 12px #0000004d}.cp-start svg,.cbtn svg{width:22px;height:22px}.cp-start:hover,.cbtn:hover{transform:translateY(-2px);filter:brightness(1.06)}.cp-start:active,.cbtn:active{transform:translateY(2px) scale(.98)}.cp-start.is-locked{background:linear-gradient(#bdb3a6,#958b7f);color:#4d4540;font-size:14px;cursor:not-allowed}@media(max-width:1250px){.cmap-wrap{grid-template-columns:minmax(0,1fr) minmax(280px,340px)}.cchapters{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;margin-top:0}.cch{flex:1 1 200px;min-height:64px}.cch.on:after{display:none}.cmap{width:100%}.cpanel{margin-top:0}}@media(max-width:760px){.cmap-wrap{grid-template-columns:minmax(0,1fr)}}.cdialog{position:fixed;left:50%;bottom:22px;z-index:36;display:flex;align-items:flex-end;width:min(760px,calc(100vw - 32px));translate:-50% 0;pointer-events:auto;cursor:var(--cursor, pointer);animation:dlg-in .3s var(--spring) both}@keyframes dlg-in{0%{opacity:0;transform:translateY(20px)}}.cd-portrait{position:relative;z-index:2;width:150px;height:150px;flex:none;margin-right:-26px;border:4px solid #12224f;border-radius:16px;background:radial-gradient(circle at 50% 30%,#6f9bff,#2549b0);box-shadow:inset 0 3px #ffffff4d,0 8px 16px #0006;overflow:hidden}.side-red .cd-portrait{border-color:#4f1212;background:radial-gradient(circle at 50% 30%,#ff7a5e,#a8231a)}.cd-portrait img{position:absolute;left:50%;bottom:-4px;width:112%;max-width:none;translate:-50% 0}.cd-box{position:relative;flex:1;min-height:128px;padding:30px 22px 12px 44px;border:4px solid var(--wood-ink);border-radius:16px;background:linear-gradient(#fff4dc,#ecd6ab);box-shadow:inset 0 -5px #78501e40,0 8px 18px #0006;color:var(--text)}.cd-name{position:absolute;top:-18px;left:36px;padding:4px 18px 6px;border:3px solid #12224f;border-radius:8px;background:linear-gradient(#3f7bff,#1f45b3);color:#fff6e0;font-family:var(--font-display);font-size:19px;text-shadow:0 2px 0 #12224f;box-shadow:inset 0 2px #ffffff4d}.side-red .cd-name{border-color:#4f1212;background:linear-gradient(#ff5a45,#b02a1c);text-shadow:0 2px 0 #4f1212}.cd-text{min-height:3.9em;margin:0;font-size:17px;font-weight:700;line-height:1.35}.cd-foot{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:6px}.cd-count{margin-right:auto;font-size:12px;font-weight:800;color:var(--muted)}.cd-skip,.cd-next{padding:6px 14px;border:2.5px solid var(--wood-ink);border-radius:9px;font-family:var(--font-display);font-size:15px;cursor:var(--cursor, pointer)}.cd-skip{background:linear-gradient(#5b4d44,#3a302a);color:#f3e6cc}.cd-next{background:linear-gradient(#3f7bff,#1f45b3);color:#fff;box-shadow:inset 0 2px #ffffff4d}@media(max-width:600px){.cd-portrait{width:96px;height:96px;margin-right:-18px}.cd-text{font-size:15px}}.ctrack{position:absolute;top:calc(84px + env(safe-area-inset-top,0px));left:calc(16px + env(safe-area-inset-left,0px));z-index:5;width:280px;padding:22px 20px 18px;color:var(--text);pointer-events:none}.ctrack.frame-parch:before{top:-8px;right:-8px;bottom:-8px;left:-8px;border-width:40px 44px 34px 40px;border-image-width:40px 44px 34px 40px}.ct-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:6px}.ct-head b{font-family:var(--font-display);font-weight:400;font-size:16px;line-height:1.1}.ct-time{font-family:var(--font-display);font-size:14px;color:var(--muted)}.ct-list{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;font-size:13px;font-weight:800}.ct-list li{display:flex;align-items:center;gap:6px}.ct-list li em{margin-left:auto;font-style:normal;font-family:var(--font-display);font-weight:400;color:var(--muted);white-space:nowrap}.ct-list li.done{color:#2f6b1f}.ct-list .cbox{width:16px;height:16px}.ct-stars{margin-top:8px;padding-top:6px;border-top:2px dashed rgba(120,80,30,.3);font-size:12px}.ct-stars .cstar{font-size:15px}.ct-stars li.failed{color:#a0907f;text-decoration:line-through}.ct-note{margin:6px 0 0;padding:5px 8px;border-radius:8px;background:#d8432f24;color:#9b2a1c;font-size:12.5px;font-weight:900}.cend{position:fixed;top:0;right:0;bottom:0;left:0;z-index:38;display:grid;place-items:center;padding:20px;background:#140c068c;pointer-events:auto}.cend-card{width:min(480px,100%);padding:34px 32px 30px;text-align:center;color:var(--text);animation:panel-in .4s var(--spring) both}.cend-kicker{margin:0;font-weight:900;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.cend-title{margin:2px 0 0;font-family:var(--font-logo);font-weight:400;font-size:38px;line-height:1.05;color:#2549b0}.cend.lost .cend-title{color:#b02a1c}.cend-name{margin:2px 0 0;font-weight:800}.cend-stars{display:flex;justify-content:center;gap:6px;margin:10px 0 4px}.cstar.big{font-size:58px;line-height:1;animation:star-pop .5s var(--spring) both}@keyframes star-pop{0%{opacity:0;transform:scale(.2) rotate(-40deg)}}.cend-detail{margin:4px 0 10px;font-weight:700;color:var(--muted)}.cend-list{align-items:flex-start;width:fit-content;margin:0 auto 16px;text-align:left}.cend-list li.no{color:#9a8a79}.cend-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.cbtn{min-height:48px;padding:0 16px;font-size:16px;color:#fff;box-shadow:inset 0 3px #ffffff4d,inset 0 -5px #0000004d,0 5px 10px #0000004d}.cbtn-dark{background:linear-gradient(#5b4d44,#3a302a)}.cbtn-blue{background:linear-gradient(#3f7bff,#1f45b3)}.cbtn-gold{background:linear-gradient(#ffdc5c,#f2a516);color:var(--wood-ink)}.cnode.ch-2:not(.done):not(.locked){background:radial-gradient(circle at 35% 30%,#ff8a6e,#b02a1c)}.campaign{display:block;padding:0;overflow:hidden;background:#24170e}.campaign .cmap{position:absolute;left:0;top:0;border:0;border-radius:0;overflow:visible;box-shadow:none;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;will-change:transform}.campaign .cmap.dragging{cursor:grabbing}.campaign .cmap.smooth{transition:transform .7s cubic-bezier(.2,.8,.2,1)}.cmap-img{pointer-events:none;-webkit-user-select:none;user-select:none}.cmap-paths{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.cpath-bg{fill:none;stroke:#2b190d8c;stroke-width:9;stroke-linecap:round}.cpath{fill:none;stroke:#bdb3a6;stroke-width:5;stroke-dasharray:10 10;stroke-linecap:round}.cpath.open{stroke:#fff;animation:cpath-run 1.2s linear infinite}@keyframes cpath-run{to{stroke-dashoffset:-20}}.cmap-cover{position:absolute;left:0;top:0;width:28%;height:18%;border-radius:0 0 40%/0 0 30%;background:radial-gradient(ellipse at 30% 30%,rgba(255,230,180,.35),transparent 60%),linear-gradient(135deg,#e9d3a6,#c9a66d);box-shadow:inset -6px -6px 14px #5a371459}.cov-title{position:absolute;left:16px;top:14px;z-index:3;display:flex;align-items:center;gap:10px}.campaign .cmap-close{position:static;flex:none}.cov-ribbon{display:flex;flex-direction:column;padding:6px 26px 8px 20px;border:4px solid #12224f;border-radius:14px;background:linear-gradient(#3f7bff,#1f45b3);box-shadow:inset 0 3px #ffffff4d,inset 0 -5px #0000004d,0 6px 14px #0006}.cov-ribbon span{font-family:var(--font-logo);font-size:34px;line-height:1;color:#fff6e0;text-shadow:0 3px 0 #12224f,0 0 2px #12224f}.cov-ribbon small{font-size:14px;font-weight:800;color:#ffd447;text-shadow:0 1px 0 #12224f}.campaign .cchapters{position:absolute;left:16px;top:104px;z-index:3;width:272px;margin:0;max-height:calc(100vh - 120px);overflow-y:auto;padding:2px 18px 6px 2px}.campaign .cpanel{position:absolute;right:22px;top:22px;z-index:3;width:340px;margin:0}@media(max-width:900px){.cov-ribbon span{font-size:24px}.campaign .cchapters{top:84px;right:8px;left:8px;width:auto;flex-direction:row;gap:6px;overflow-x:auto;padding:2px}.campaign .cch{flex:0 0 auto;min-height:52px;padding:4px 10px 4px 6px}.campaign .cch-banner{width:30px;height:38px}.campaign .cch-text b{font-size:14px}.campaign .cch-text small,.campaign .cch.on:after{display:none}.campaign .cpanel{left:10px;right:10px;top:auto;bottom:10px;width:auto;max-height:48vh;overflow-y:auto;padding:18px 18px 16px}.campaign .cpanel:before{display:none}.campaign .cpanel{border:4px solid var(--wood-ink);border-radius:16px;background:linear-gradient(#fff4dc,#ecd6ab)}}.campaign .cmap{--ms: 1}.campaign .clabel{gap:calc(5px * var(--ms));padding:calc(3px * var(--ms)) calc(8px * var(--ms));border-radius:calc(8px * var(--ms))}.campaign .clabel b{font-size:calc(12.5px * var(--ms))}.campaign .clabel small{font-size:calc(10.5px * var(--ms))}.campaign .clabel-lock svg{width:calc(17px * var(--ms));height:calc(17px * var(--ms))}.campaign .cnode{width:calc(28px * var(--ms));font-size:calc(14px * var(--ms))}.campaign .cnode.boss{width:calc(36px * var(--ms))}.campaign .cnode-stars{font-size:calc(10px * var(--ms))}.side-yellow .cd-portrait{border-color:#5a3d06;background:radial-gradient(circle at 50% 30%,#ffe27a,#c98a12)}.side-yellow .cd-name{border-color:#5a3d06;background:linear-gradient(#ffd23a,#c98a12);color:#3a2605;text-shadow:0 1px 0 rgba(255,255,255,.4)}.cnode.ch-3:not(.done):not(.locked){background:radial-gradient(circle at 35% 30%,#ffe27a,#d08a10);color:var(--wood-ink)}.cmap-bg{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;background-size:cover;background-position:center;filter:blur(18px) brightness(.55) saturate(1.1)}.campaign .clabel{padding:calc(5px * var(--ms)) calc(12px * var(--ms));border-width:3px}.campaign .clabel b{font-size:calc(17px * var(--ms))}.campaign .clabel small{font-size:calc(13px * var(--ms))}.campaign .clabel-lock svg{width:calc(22px * var(--ms));height:calc(22px * var(--ms))}.campaign .cnode{width:calc(32px * var(--ms));font-size:calc(16px * var(--ms))}.campaign .cnode.boss{width:calc(42px * var(--ms))}.side-pink .cd-portrait{border-color:#5a1446;background:radial-gradient(circle at 50% 30%,#ff9ad6,#c43a94)}.side-pink .cd-name{border-color:#5a1446;background:linear-gradient(#ff7ab8,#c43a94);text-shadow:0 2px 0 #5a1446}.cnode.ch-4:not(.done):not(.locked){background:radial-gradient(circle at 35% 30%,#ff9ad6,#c43a94)}.cnode.ch-5:not(.done):not(.locked){background:radial-gradient(circle at 35% 30%,#ff8a6e,#8a1a10);border-color:#dff1ff}