:root{--paper: #f3ecd8;--paper-2: #eae1c8;--card: #fffdf6;--ink: #1b1810;--ink-soft: rgba(27, 24, 16, .62);--glow: #a8e063;--glow-deep: #79b33c;--amber: #ffc857;--danger: #ff6b5a;--bw: 3px;--shadow: 4px 5px 0 var(--ink);--shadow-lg: 6px 7px 0 var(--ink);--display: "Lilita One", "Fredoka", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{font-family:Fredoka,system-ui,sans-serif;background:var(--paper);color:var(--ink);overflow:hidden;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}img{-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;pointer-events:none}.screen{height:100%;height:100dvh;width:100%;position:relative}.shell{display:flex;flex-direction:column;background:radial-gradient(rgba(27,24,16,.08) 1.2px,transparent 1.3px) 0 0 / 22px 22px,var(--paper)}.spores{position:absolute;inset:0;overflow:hidden;pointer-events:none}.spore{position:absolute;bottom:-3vh;width:9px;height:9px;border-radius:50%;background:var(--glow);border:2px solid var(--ink);opacity:0;animation:spore-rise linear infinite}.spore:nth-child(odd){background:var(--amber)}.spore:nth-child(3n){border-radius:2px;rotate:25deg}.spore:nth-child(1){left:8%;animation-duration:21s;animation-delay:0s;scale:.7}.spore:nth-child(2){left:18%;animation-duration:26s;animation-delay:3s;scale:1}.spore:nth-child(3){left:27%;animation-duration:18s;animation-delay:7s;scale:.5}.spore:nth-child(4){left:36%;animation-duration:29s;animation-delay:1s;scale:.85}.spore:nth-child(5){left:47%;animation-duration:23s;animation-delay:9s;scale:.6}.spore:nth-child(6){left:55%;animation-duration:20s;animation-delay:5s;scale:1.1}.spore:nth-child(7){left:64%;animation-duration:27s;animation-delay:11s;scale:.75}.spore:nth-child(8){left:72%;animation-duration:19s;animation-delay:2s;scale:.5}.spore:nth-child(9){left:81%;animation-duration:25s;animation-delay:8s;scale:.95}.spore:nth-child(10){left:88%;animation-duration:22s;animation-delay:13s;scale:.65}.spore:nth-child(11){left:41%;animation-duration:30s;animation-delay:15s;scale:.55}.spore:nth-child(12){left:93%;animation-duration:24s;animation-delay:6s;scale:.85}@keyframes spore-rise{0%{transform:translateY(0) translate(0);opacity:0}8%{opacity:.5}60%{opacity:.32;transform:translateY(-55vh) translate(3vw) rotate(120deg)}to{transform:translateY(-105vh) translate(-2vw) rotate(240deg);opacity:0}}.shell-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:calc(14px + env(safe-area-inset-top)) 18px 24px;animation:tab-in .24s cubic-bezier(.2,.9,.3,1.1);position:relative;z-index:1}@keyframes tab-in{0%{opacity:0;transform:translateY(12px) rotate(-.4deg)}to{opacity:1;transform:none}}.home{max-width:460px;margin:0 auto;display:flex;flex-direction:column;gap:14px}.bottom-nav{position:relative;z-index:2;display:flex;gap:8px;padding:8px 12px max(8px,env(safe-area-inset-bottom));background:var(--card);border-top:var(--bw) solid var(--ink)}.nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 2px 7px;border:2.5px solid transparent;border-radius:14px;background:transparent;color:var(--ink-soft);font-family:inherit;font-size:12.5px;font-weight:600;cursor:pointer;transition:transform .1s}.nav-tab.on{color:var(--ink);background:var(--glow);border-color:var(--ink);box-shadow:3px 3px 0 var(--ink);transform:translateY(-2px) rotate(-1deg)}.nav-tab:active{transform:scale(.93)}.boot-screen{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;background:radial-gradient(rgba(27,24,16,.08) 1.2px,transparent 1.3px) 0 0 / 22px 22px,var(--paper);animation:boot-fade .2s ease-out}@keyframes boot-fade{0%{opacity:0}to{opacity:1}}.boot-mascot{width:150px;height:auto;display:block;filter:drop-shadow(4px 5px 0 rgba(27,24,16,.9));animation:hero-float 5s ease-in-out infinite}.boot-title{font-family:var(--display);font-weight:400;font-size:38px;letter-spacing:1px;color:var(--glow-deep);-webkit-text-stroke:2px var(--ink);text-shadow:3px 4px 0 var(--ink)}.boot-bar{width:min(280px,70vw);height:20px;background:var(--paper);border:3px solid var(--ink);border-radius:999px;box-shadow:3px 3px 0 var(--ink);overflow:hidden}.boot-fill{height:100%;background:var(--glow);border-radius:999px;transition:width .25s ease-out}.boot-fill.indet{width:40%;animation:boot-sweep 1.1s ease-in-out infinite}@keyframes boot-sweep{0%{transform:translate(-110%)}to{transform:translate(360%)}}.boot-label{font-size:14px;font-weight:800;color:var(--ink)}.hero{text-align:center;padding-top:8px}.hero-logo{width:128px;margin:0 auto -2px;display:block;filter:drop-shadow(4px 5px 0 rgba(27,24,16,.9));animation:hero-float 5s ease-in-out infinite}@keyframes hero-float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}.hero-title{font-family:var(--display);font-size:clamp(34px,10.5vw,50px);font-weight:400;letter-spacing:2px;line-height:1;color:var(--glow);-webkit-text-stroke:2.5px var(--ink);text-shadow:4px 5px 0 var(--ink)}.hero-ant{font-size:1.3em;color:var(--amber);letter-spacing:1px}.hero-tagline{color:var(--ink-soft);font-size:15px;margin-top:9px;font-weight:600}.hero-profile{display:inline-flex;align-items:center;gap:9px;margin-top:12px;padding:7px 14px;background:var(--card);border:2.5px solid var(--ink);border-radius:999px;box-shadow:2.5px 3px 0 var(--ink);font-size:14px;font-weight:700;rotate:-.8deg}.hero-record{color:var(--ink-soft);font-size:13px;font-weight:600}.elo-badge{background:var(--amber);border:2px solid var(--ink);border-radius:999px;padding:2px 10px;font-size:13px;font-weight:800}.profile-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.profile-name{font-family:var(--display);font-size:26px;letter-spacing:.5px}.profile-record{display:flex;gap:8px}.rec{border:2px solid var(--ink);border-radius:999px;padding:3px 12px;font-size:13.5px;font-weight:800;background:var(--paper)}.rec.win{background:var(--glow)}.rec.loss{background:#ffd2cb}.history-title{font-family:var(--display);font-weight:400;font-size:19px}.history-list{display:flex;flex-direction:column;gap:8px;max-height:38vh;overflow-y:auto}.history-row{display:flex;flex-direction:column;align-items:stretch;gap:7px;background:var(--paper);border:2px solid var(--ink);border-radius:12px;padding:9px 12px;font-size:13px;font-family:inherit;color:var(--ink);cursor:pointer;text-align:left;width:100%}.history-line{display:flex;align-items:center;gap:10px}.history-detail{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1.5px dashed rgba(27,24,16,.25);padding-top:8px;animation:panel-in .15s ease-out}.hd-item{display:flex;flex-direction:column;gap:1px}.hd-item.wide{grid-column:1 / -1}.hd-item em{font-style:normal;font-size:10.5px;text-transform:uppercase;letter-spacing:.6px;color:var(--ink-soft);font-weight:700}.hd-item strong{font-size:13px}.history-row.win{border-left:7px solid var(--glow-deep)}.history-row.loss{border-left:7px solid var(--danger)}.history-row.draw{border-left:7px solid var(--ink-soft)}.history-result{font-weight:800;flex-shrink:0;width:64px}.history-result.win{color:var(--glow-deep)}.history-result.loss{color:var(--danger)}.history-meta{flex:1;color:var(--ink-soft);font-weight:600;line-height:1.3}.history-right{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.history-right strong{font-size:14px}.history-right em{font-style:normal;color:var(--ink-soft);font-size:11px}.danger-zone{border-style:dashed;box-shadow:none}.delete-btn{background:var(--danger);color:#fff}.play-cta{position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;width:100%;padding:18px 16px 15px;border:var(--bw) solid var(--ink);border-radius:20px;background:var(--glow);color:var(--ink);font-family:var(--display);cursor:pointer;box-shadow:var(--shadow-lg);transition:transform .08s,box-shadow .08s;rotate:-.6deg}.play-cta:active{transform:translate(5px,6px);box-shadow:1px 1px 0 var(--ink)}.play-cta:disabled{filter:saturate(.3) brightness(.92);cursor:default}.play-cta svg{position:absolute;left:20px;top:50%;translate:0 -50%}.play-cta-label{font-size:28px;letter-spacing:1.5px;text-transform:uppercase}.play-cta-sub{font-family:Fredoka,sans-serif;font-size:13.5px;font-weight:600;opacity:.75}.diff-row,.chip-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.chip-row{justify-content:flex-start}.chip{border:2.5px solid var(--ink);background:var(--card);color:var(--ink);border-radius:999px;padding:9px 15px;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;box-shadow:2.5px 3px 0 var(--ink);transition:transform .08s,box-shadow .08s,background .12s}.chip:active{transform:translate(2px,2px);box-shadow:.5px 1px 0 var(--ink)}.chip.on{background:var(--amber);rotate:-1.2deg}.card-row{display:flex;gap:12px;margin-top:4px}.card-toggle{flex:1;padding:14px 10px;border:var(--bw) solid var(--ink);border-radius:16px;background:var(--card);color:var(--ink);font-family:inherit;font-size:15.5px;font-weight:700;cursor:pointer;box-shadow:var(--shadow);transition:transform .08s,box-shadow .08s,background .12s}.card-toggle:active{transform:translate(3px,4px);box-shadow:1px 1px 0 var(--ink)}.card-toggle.on{background:var(--glow);rotate:.8deg}.panel-card{background:var(--card);border:var(--bw) solid var(--ink);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:13px;box-shadow:var(--shadow-lg);animation:tab-in .2s cubic-bezier(.2,.9,.3,1.1)}input{width:100%;background:var(--paper);border:2.5px solid var(--ink);border-radius:13px;color:var(--ink);padding:13px 15px;font-size:16px;font-weight:600;font-family:inherit;outline:none;box-shadow:inset 2px 2.5px #1b18101f}input:focus{background:#fff}input::placeholder{color:var(--ink-soft);font-weight:500}.field span{display:block;font-size:13.5px;color:var(--ink-soft);margin-bottom:7px;font-weight:600}.opt-row{display:flex;align-items:center;justify-content:space-between}.opt-row>span,.opt-col>span{color:var(--ink-soft);font-size:14.5px;font-weight:600}.opt-col{display:flex;flex-direction:column;gap:8px}.seg{display:inline-flex;background:var(--paper);border:2.5px solid var(--ink);border-radius:12px;padding:3px;gap:3px}.seg button{border:none;background:transparent;color:var(--ink-soft);padding:8px 15px;border-radius:8px;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer}.seg button.on{background:var(--ink);color:var(--glow)}.btn{border:var(--bw) solid var(--ink);background:var(--card);color:var(--ink);padding:13px 18px;border-radius:14px;font-family:inherit;font-size:16px;font-weight:700;cursor:pointer;box-shadow:var(--shadow);transition:transform .08s,box-shadow .08s}.btn:active{transform:translate(3px,4px);box-shadow:1px 1px 0 var(--ink)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--amber)}.btn.full{width:100%}.btn.big{font-family:var(--display);font-size:19px;letter-spacing:.8px;padding:15px 18px;font-weight:400}.btn.ghost{background:transparent;box-shadow:none;border-color:#1b181059}.btn.ghost:active{transform:scale(.96)}.btn.small{padding:9px 12px;font-size:14px}.hint{color:var(--ink-soft);font-size:13.5px;text-align:center;font-weight:500}.hint.left{text-align:left}.hint.warn{color:#b3541e;font-weight:700;animation:blink-soft 1.4s ease-in-out infinite}.hint.about{margin-top:10px;opacity:.75}@keyframes blink-soft{0%,to{opacity:1}50%{opacity:.45}}.join-row{display:flex;gap:8px}.join-row input{flex:1;letter-spacing:3px;font-weight:700}.room-list{display:flex;flex-direction:column;gap:9px}.room-item{display:flex;align-items:center;gap:12px;text-align:left;background:var(--card);border:2.5px solid var(--ink);border-radius:13px;padding:13px 15px;cursor:pointer;color:var(--ink);font-family:inherit;font-size:15px;font-weight:600;box-shadow:2.5px 3px 0 var(--ink);transition:transform .08s,box-shadow .08s}.room-item:active{transform:translate(2px,2px);box-shadow:.5px 1px 0 var(--ink)}.room-item:disabled{opacity:.45}.room-code{font-weight:800;letter-spacing:2px;color:var(--glow-deep)}.room-meta{color:var(--ink-soft);font-size:13.5px}.tab-head{text-align:center;padding-top:6px}.tab-head h1{font-family:var(--display);font-weight:400;font-size:34px;letter-spacing:1.5px;color:var(--amber);-webkit-text-stroke:2px var(--ink);text-shadow:3px 4px 0 var(--ink)}.tab-head p{color:var(--ink-soft);font-size:14px;margin-top:8px;line-height:1.45;font-weight:500}.army-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.army-card{display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--card);border:var(--bw) solid var(--ink);border-radius:18px;padding:18px 10px 14px;font-size:14px;font-weight:700;box-shadow:var(--shadow);animation:tab-in .3s cubic-bezier(.2,.9,.3,1.1) both}.army-card:nth-child(odd){rotate:-1deg}.army-card:nth-child(2n){rotate:1deg}.army-card:nth-child(2){animation-delay:.04s}.army-card:nth-child(3){animation-delay:.08s}.army-card:nth-child(4){animation-delay:.12s}.army-card:nth-child(n+5){animation-delay:.16s}.army-card img{width:68px;height:68px;object-fit:contain}.army-card.locked{color:var(--ink-soft);border-style:dashed;box-shadow:none;opacity:.7}.army-card.locked svg{width:68px;height:68px;padding:18px;opacity:.45}.campagne-art{display:flex;justify-content:center}.campagne-art img{width:132px;filter:drop-shadow(4px 5px 0 rgba(27,24,16,.9));animation:hero-float 5s ease-in-out infinite}.room-body{padding-bottom:calc(20px + env(safe-area-inset-bottom))}.room .home{padding:calc(16px + env(safe-area-inset-top)) 18px 0}.screen.room{overflow-y:auto}.code-banner{display:flex;justify-content:center;gap:8px}.code-char{font-family:var(--display);font-size:34px;color:var(--ink);background:var(--amber);border:var(--bw) solid var(--ink);border-radius:13px;min-width:48px;padding:5px 6px;text-align:center;box-shadow:3px 4px 0 var(--ink);animation:code-pop .42s cubic-bezier(.2,.9,.3,1.5) both}.code-char:nth-child(odd){rotate:-2deg}.code-char:nth-child(2n){rotate:2deg}@keyframes code-pop{0%{opacity:0;transform:translateY(12px) scale(.6)}to{opacity:1;transform:none}}.seat-list{display:flex;flex-direction:column;gap:11px}.seat{display:flex;align-items:center;gap:12px;background:var(--card);border:var(--bw) solid var(--ink);border-radius:15px;padding:14px 15px;font-size:15.5px;font-weight:600;box-shadow:3px 4px 0 var(--ink);animation:tab-in .25s ease-out both}.seat.empty{border-style:dashed;box-shadow:none;opacity:.7}.seat-dot{width:16px;height:16px;border-radius:50%;flex-shrink:0;border:2.5px solid var(--ink)}.seat-dot.ghost{background:var(--paper-2)}.seat-name{flex:1;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.seat-name.muted{color:var(--ink-soft)}.seat-crown{color:var(--amber);display:inline-flex;filter:drop-shadow(1px 1px 0 var(--ink))}.seat-x{margin-left:auto;background:transparent;border:none;color:var(--danger);font-size:17px;cursor:pointer;padding:6px;font-weight:800}.seat-diff{font-size:11.5px;color:var(--ink);background:var(--paper);border:2px solid var(--ink);border-radius:999px;padding:2px 9px;font-weight:700}.room-actions{display:flex;flex-direction:column;gap:12px}.game{background:var(--paper);display:flex;flex-direction:column}.hud-top{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:flex-start;justify-content:space-between;padding:calc(8px + env(safe-area-inset-top)) calc(10px + env(safe-area-inset-right)) 8px calc(10px + env(safe-area-inset-left));gap:10px;pointer-events:none}.hud-top>*{pointer-events:auto}.team-stats{display:flex;flex-wrap:wrap;gap:7px}.team-chip{display:flex;align-items:center;gap:7px;background:var(--card);border:2.5px solid var(--ink);border-radius:11px;padding:7px 11px;font-size:14px;font-weight:600;box-shadow:2.5px 3px 0 var(--ink);color:var(--ink);font-family:inherit;cursor:pointer;text-align:left}.team-chip:active{transform:translate(1px,2px);box-shadow:1px 1px 0 var(--ink)}.team-chip.me{background:#fdf6da;rotate:-.8deg}.team-chip.dead{opacity:.45;text-decoration:line-through}.chip-dot{width:13px;height:13px;border-radius:50%;border:2px solid var(--ink)}.chip-name{font-weight:700}.chip-deity-ico{width:17px;height:17px;object-fit:contain}.chip-num{display:inline-flex;align-items:center;gap:3px;color:var(--ink-soft);font-size:13px;font-weight:700}.chip-num svg{opacity:.75}.hud-right{display:flex;align-items:center;gap:8px}.game .btn.ghost{background:var(--card);border:2.5px solid var(--ink);box-shadow:2.5px 3px 0 var(--ink)}.game-canvas{flex:1;width:100%;height:100%;display:block;touch-action:none}.upgrade-panel{position:absolute;bottom:calc(16px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:10;background:var(--card);border:var(--bw) solid var(--ink);border-radius:18px;padding:14px 17px;min-width:260px;max-width:calc(100vw - 24px);box-shadow:var(--shadow-lg);color:var(--ink)}.up-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;font-size:16px;font-weight:700}.up-lvl{color:var(--ink-soft);font-size:14px}.up-stats{display:flex;gap:14px;color:var(--ink-soft);font-size:14px;margin-bottom:10px;font-weight:600}.up-alloc{font-size:13px;color:var(--ink-soft);margin-bottom:8px;text-align:center;letter-spacing:1px;font-weight:700}.up-buttons{display:flex;gap:8px}.up-buttons .btn{flex:1;min-height:48px}.up-max{color:var(--glow-deep);text-align:center;font-size:15px;padding:6px;font-weight:800}.up-warn{color:var(--danger);font-size:13px;text-align:center;margin-top:6px;font-weight:700}.help-hint{position:absolute;bottom:16px;left:50%;transform:translate(-50%);z-index:5;background:var(--card);color:var(--ink);font-size:13.5px;font-weight:600;border:2.5px solid var(--ink);box-shadow:3px 4px 0 var(--ink);padding:9px 15px;border-radius:14px;max-width:90%;text-align:center;pointer-events:none}.overlay{position:absolute;inset:0;z-index:50;box-sizing:border-box;padding:12px;display:flex;align-items:center;justify-content:center;background:#1b18108c}.overlay-card{background:var(--card);border:var(--bw) solid var(--ink);border-radius:22px;padding:32px;text-align:center;max-width:380px;box-shadow:7px 8px 0 var(--ink);animation:overlay-pop .35s cubic-bezier(.2,.9,.3,1.4);color:var(--ink)}@keyframes overlay-pop{0%{opacity:0;transform:scale(.86) translateY(16px) rotate(-1.5deg)}to{opacity:1;transform:none}}.overlay-card h1{font-family:var(--display);font-weight:400;font-size:38px;margin-bottom:12px;letter-spacing:1px;color:var(--amber);-webkit-text-stroke:2px var(--ink);text-shadow:3px 4px 0 var(--ink)}.overlay-card p{color:var(--ink-soft);margin-bottom:20px;font-size:15px;font-weight:500}.countdown{position:absolute;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;pointer-events:none}.countdown-num{font-family:var(--display);font-size:clamp(110px,32vw,240px);color:var(--glow);-webkit-text-stroke:4px var(--ink);text-shadow:8px 10px 0 var(--ink);animation:cd-pop 1s ease-out}@keyframes cd-pop{0%{transform:scale(2.2) rotate(4deg);opacity:0}18%{transform:scale(1) rotate(-2deg);opacity:1}80%{transform:scale(1) rotate(-2deg);opacity:1}to{transform:scale(.7);opacity:0}}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) rotate(-1deg);z-index:100;background:var(--danger);color:#fff;padding:12px 20px;border-radius:13px;border:var(--bw) solid var(--ink);box-shadow:var(--shadow);font-size:14.5px;font-weight:700}@media(max-width:560px){.chip-name{max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-chip{padding:6px 9px;font-size:13px}.chip-num{font-size:12px}.hero-logo{width:110px}.frac-toggle button{padding:10px 14px;font-size:15px}.btn.ghost.small{padding:10px 14px}.help-hint{bottom:calc(96px + env(safe-area-inset-bottom));font-size:13px}}@media(pointer:coarse){.frac-toggle button,.seg button{min-height:44px}.btn{min-height:48px}.chip{min-height:42px}.nav-tab{min-height:56px}}.frac-toggle{display:inline-flex;background:var(--card);border:2.5px solid var(--ink);border-radius:12px;padding:3px;gap:3px;box-shadow:2.5px 3px 0 var(--ink)}.frac-toggle button{border:none;background:transparent;color:var(--ink-soft);padding:9px 15px;border-radius:9px;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer}.frac-toggle button.on{background:var(--ink);color:var(--glow)}.diff-chip{border:2.5px solid var(--ink);background:var(--card);color:var(--ink);border-radius:999px;padding:7px 13px;font-size:13.5px;cursor:pointer;font-family:inherit;font-weight:700;box-shadow:2px 2.5px 0 var(--ink)}.diff-chip:active{transform:translate(1.5px,2px);box-shadow:none}.diff-chip.on{background:var(--amber)}.townhall-panel{min-width:290px}.shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px;max-height:38vh;overflow-y:auto;padding-right:2px}.shop-item{display:flex;align-items:center;gap:8px;text-align:left;min-width:0;background:var(--paper);border:2px solid var(--ink);border-radius:11px;padding:7px 9px;color:var(--ink);font-family:inherit;font-size:13px;cursor:pointer;font-weight:600}.shop-item:not(:disabled):hover{background:#fff}.shop-item:not(:disabled):active{transform:translateY(1px)}.shop-item:disabled{opacity:.45;cursor:default}.shop-item.done{opacity:.65;border-color:var(--glow-deep);background:#eef6dd}.shop-name{flex:1;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-meta{font-size:12px;color:var(--ink-soft);white-space:nowrap}.up-desc{color:var(--ink-soft);font-size:13px;line-height:1.4;max-width:280px;font-weight:500}.up-buffs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.guide-card{max-width:440px;text-align:left;max-height:84vh;display:flex;flex-direction:column;padding:22px}.guide-card h2{font-family:var(--display);font-weight:400;font-size:25px;margin-bottom:8px;text-align:center;color:var(--amber);-webkit-text-stroke:1.5px var(--ink);text-shadow:2px 3px 0 var(--ink)}.guide-intro{font-size:13.5px;color:var(--ink-soft);line-height:1.45;margin-bottom:12px;font-weight:500}.guide-list{overflow-y:auto;display:flex;flex-direction:column;gap:9px;margin-bottom:14px;padding-right:4px}.guide-row{display:flex;gap:10px;align-items:flex-start}.guide-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:38px;height:38px;border-radius:10px;background:var(--paper);border:2px solid var(--ink)}.guide-text{display:flex;flex-direction:column;gap:1px}.guide-name{font-size:14px;font-weight:800}.guide-meta{font-size:12px;color:var(--glow-deep);font-weight:700}.guide-desc{font-size:12.5px;color:var(--ink-soft);line-height:1.35;font-weight:500}.offer-cards.deity-stack{flex-direction:column;align-items:stretch;gap:14px;width:min(430px,calc(100vw - 14px));overflow-y:auto}.deity-bar{max-height:calc(100dvh - 24px)}.offer-card.deity-card{flex-direction:row;align-items:center;gap:8px;width:100%;text-align:left;padding:13px 12px 13px 6px;overflow:visible}.offer-card.deity-card:nth-child(1){rotate:-.7deg}.offer-card.deity-card:nth-child(2){rotate:.5deg}.offer-card.deity-card:nth-child(3){rotate:-.4deg}.deity-portrait{width:96px;height:96px;object-fit:contain;flex-shrink:0;margin:-20px 0 -16px -28px;rotate:4deg;filter:drop-shadow(2px 3px 0 rgba(27,24,16,.35))}.deity-body{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.deity-head{display:flex;flex-direction:column;gap:1px;align-items:center;text-align:center}.deity-card .offer-name{font-size:16.5px;text-align:center;line-height:1.1}.deity-epithet{font-size:11px;color:var(--glow-deep);font-weight:700;line-height:1.15;text-align:center}.deity-ages{display:flex;flex-direction:row;gap:8px;align-items:stretch}.deity-age{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:7px}.deity-age+.deity-age{border-left:1.5px dashed rgba(27,24,16,.22);padding-left:8px}.deity-age-roman{color:#b3811e;font-family:var(--display);font-weight:400;font-size:21px;line-height:1}.deity-age-effs{display:flex;flex-direction:column;gap:8px;width:100%;align-items:stretch}.deity-card .deity-eff{flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:2px;width:100%;font-size:14.5px;font-weight:800;line-height:1;padding:4px 4px 4px 8px;border-radius:9px;border-width:2px;overflow:visible}.deity-card .deity-eff img{width:46px;height:46px;flex-shrink:0;margin:-16px -12px -16px 0;rotate:6deg;filter:drop-shadow(1.5px 2px 0 rgba(27,24,16,.3))}.deity-card .deity-eff.spell{font-size:12.5px}.deity-timer{background:var(--amber);color:var(--ink);border:2px solid var(--card);border-radius:999px;min-width:26px;height:26px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}.deity-eff{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;font-weight:700;color:var(--ink);background:var(--paper);border:1.5px solid var(--ink);border-radius:7px;padding:2px 6px 2px 3px}.deity-eff img{width:16px;height:16px;object-fit:contain}.deity-eff.spell{color:#b3811e}.chip-deity{display:inline-flex;align-items:center;gap:4px}.chip-deity img{width:16px;height:16px;object-fit:contain}.chip-age{font-size:11px;color:#b3811e;white-space:nowrap;font-weight:700}@media(max-width:560px){.offer-card.deity-card{width:100%;min-width:0;padding:11px 9px 11px 4px;gap:6px}.deity-portrait{width:82px;height:82px;margin:-16px 0 -14px -22px}.deity-card .offer-name{font-size:15.5px}.deity-ages,.deity-age{gap:6px}.deity-age+.deity-age{padding-left:6px}.deity-age-roman{font-size:19px}.deity-card .deity-eff{font-size:13.5px;padding:3px 3px 3px 6px}.deity-card .deity-eff img{width:40px;height:40px;margin:-13px -10px -13px 0}.deity-card .deity-eff.spell{font-size:11.5px}.chip-age{display:none}.guide-card{max-width:calc(100vw - 20px);padding:16px}.shop-grid{max-height:30vh}.townhall-panel{min-width:0;width:calc(100vw - 24px)}}.spell-dock{position:absolute;z-index:11;top:calc(56px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right));display:flex;flex-direction:column;gap:7px;align-items:flex-end;animation:panel-in .18s ease-out}.passive-chip{background:var(--card);border:2px solid var(--ink);border-radius:999px;padding:5px 11px;font-size:12.5px;color:var(--ink);font-weight:600;box-shadow:2px 2.5px 0 var(--ink)}.spell-btn{position:relative;display:flex;align-items:center;justify-content:center;width:52px;height:52px;background:var(--card);color:var(--ink);border:2.5px solid var(--ink);border-radius:14px;font-family:inherit;font-weight:700;cursor:pointer;box-shadow:3px 4px 0 var(--ink)}.spell-btn img{width:34px;height:34px;object-fit:contain}.spell-btn .spell-count{position:absolute;bottom:-5px;right:-5px;background:var(--ink);color:var(--card);border-radius:999px;font-size:10.5px;padding:1px 5px}.spell-btn:active{transform:translate(2px,3px);box-shadow:.5px 1px 0 var(--ink)}.spell-btn.armed{background:var(--glow);animation:spell-pulse 1s ease-in-out infinite}.spell-count{font-size:12.5px;color:var(--ink-soft)}.spell-btn.rarity-commun{border-color:var(--ink)}.spell-btn.rarity-rare{background:#e3f0ff}.spell-btn.rarity-epique{background:#f1e4ff}.spell-btn.rarity-legendaire{background:var(--amber)}@keyframes spell-pulse{0%,to{transform:rotate(0)}50%{transform:rotate(-2deg)}}.cast-hint{position:absolute;top:calc(64px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:12;display:flex;align-items:center;gap:10px;background:var(--card);border:2.5px solid var(--ink);border-radius:13px;box-shadow:3px 4px 0 var(--ink);padding:9px 15px;font-size:13.5px;color:var(--ink);font-weight:600;white-space:nowrap}.offer-bar{position:absolute;bottom:calc(86px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:20;display:flex;flex-direction:column;gap:9px;align-items:center;max-width:calc(100vw - 16px)}.offer-title{background:var(--ink);border-radius:999px;padding:7px 17px;font-size:15px;font-weight:700;color:var(--amber);display:flex;align-items:center;gap:7px;border:2.5px solid var(--ink)}.offer-cards{display:flex;gap:10px}.offer-card{display:flex;flex-direction:column;align-items:center;gap:4px;width:128px;padding:13px 10px;background:var(--card);border:var(--bw) solid var(--ink);border-radius:15px;color:var(--ink);font-family:inherit;cursor:pointer;box-shadow:var(--shadow);transition:transform .08s ease}.offer-card:nth-child(1){rotate:-1.5deg}.offer-card:nth-child(3){rotate:1.5deg}.offer-card:hover{transform:translateY(-3px)}.offer-card:active{transform:translate(3px,4px);box-shadow:1px 1px 0 var(--ink)}.offer-card.rarity-legendaire{background:#fff3d6}.offer-card.rarity-epique{background:#f6ecff}.offer-rarity{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.offer-emoji{font-size:30px;line-height:1.2}.offer-name{font-size:14.5px;font-weight:700;text-align:center}.offer-desc{font-size:11.5px;color:var(--ink-soft);text-align:center;line-height:1.35;font-weight:500}@media(max-width:560px){.offer-cards{gap:7px}.offer-card{width:30vw;min-width:96px;padding:10px 6px}.offer-desc{font-size:10.5px}.cast-hint{white-space:normal;text-align:center;max-width:92vw}}.ticon{vertical-align:-3px;object-fit:contain}.offer-icon{width:36px;height:36px;object-fit:contain}.team-chip{flex-wrap:wrap}@keyframes panel-in-centered{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes panel-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.upgrade-panel,.offer-bar,.cast-hint{animation:panel-in-centered .18s ease-out}@media(max-width:560px){.spell-dock{top:calc(52px + env(safe-area-inset-top))}.spell-btn{width:46px;height:46px}.spell-btn img{width:30px;height:30px}.offer-bar{bottom:auto;top:44%;transform:translate(-50%,-50%);animation:offer-in-mobile .18s ease-out}.offer-cards{gap:7px}.offer-icon{width:30px;height:30px}.offer-name{font-size:12.5px}.cast-hint{font-size:12.5px;padding:7px 10px;gap:6px;top:calc(108px + env(safe-area-inset-top))}.game .frac-toggle{display:none}}@keyframes offer-in-mobile{0%{opacity:0;transform:translate(-50%,-50%) scale(.94)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.wave-banner{position:absolute;top:calc(56px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:9;background:var(--card);border:2.5px solid var(--ink);border-radius:999px;box-shadow:2.5px 3px 0 var(--ink);padding:7px 17px;font-size:13.5px;font-weight:700;color:var(--ink);pointer-events:none;white-space:nowrap}.wave-banner.soon{background:var(--amber);animation:wave-pulse 1s ease-in-out infinite}.wave-banner.attack{color:#fff;background:var(--danger);animation:wave-pulse .7s ease-in-out infinite}@keyframes wave-pulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.05)}}@media(max-width:560px){.wave-banner{top:calc(96px + env(safe-area-inset-top));font-size:12.5px}}.overlay-card.recap-card{max-width:500px;width:calc(100vw - 28px)}.recap{margin:6px 0 18px;text-align:left}.recap-title{font-size:13.5px;color:var(--ink-soft);margin-bottom:8px;text-align:center;font-weight:600}.recap-chart{width:100%;height:130px;display:block;background:var(--paper);border:2.5px solid var(--ink);border-radius:11px}.recap-bands{animation:recap-reveal 1.6s ease-out both}@keyframes recap-reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.recap-legend{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:8px}.recap-chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink);font-weight:600;background:var(--paper);border:2px solid var(--ink);border-radius:999px;padding:4px 10px;animation:recap-fade .5s ease-out 1.4s both}@keyframes recap-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.recap-drafts{margin-top:12px;display:flex;flex-direction:column;gap:7px;animation:recap-fade .5s ease-out 1.6s both}.recap-draft-row{display:flex;align-items:center;gap:10px}.recap-draft-name{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;min-width:90px;font-weight:600}.recap-pile{display:flex;align-items:center;padding-left:6px}.recap-stk{width:38px;height:38px;margin-left:-12px;padding:4px;background:var(--card);border:2.5px solid var(--ink);border-radius:11px;box-shadow:2px 2.5px 0 var(--ink);cursor:pointer;position:relative;transition:transform .16s ease,margin .16s ease}.recap-stk:nth-child(odd){rotate:-3deg}.recap-stk:nth-child(2n){rotate:3deg}.recap-stk img{width:100%;height:100%;object-fit:contain}.recap-stk.on{transform:translateY(-9px) scale(1.3) rotate(0);margin-left:0;margin-right:10px}.recap-stk-detail{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;background:var(--paper);border:2px solid var(--ink);border-radius:11px;padding:8px 12px;font-size:13px;text-align:left;animation:panel-in .15s ease-out}.recap-stk-detail .recap-stk-rarity{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.8px}.recap-stk-detail em{font-style:normal;color:var(--ink-soft);font-weight:500;flex-basis:100%;line-height:1.3}.lvl-badge{background:var(--glow);border:2px solid var(--ink);border-radius:999px;padding:2px 10px;font-size:13px;font-weight:800;white-space:nowrap}.xp-block{display:flex;flex-direction:column;gap:5px}.xp-row{display:flex;align-items:center;justify-content:space-between}.xp-num{font-size:12.5px;color:var(--ink-soft);font-weight:700}.xp-bar{height:14px;border:2.5px solid var(--ink);border-radius:999px;background:var(--paper);overflow:hidden}.xp-fill{height:100%;background:var(--glow);border-right:2.5px solid var(--ink);transition:width .4s ease;min-width:4px}.gate-card{align-items:center;text-align:center;border-style:dashed}.gate-card svg{opacity:.6}.gate-card p{font-size:14px;line-height:1.45;color:var(--ink-soft);font-weight:500}.gate-card p strong{color:var(--ink)}.campagne-tab{gap:10px}.cmap-progress{margin-top:8px;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:800;font-size:13px;color:var(--ink-soft)}.cmap-bar{width:120px;height:9px;border-radius:999px;background:var(--paper-2);border:2px solid var(--ink);overflow:hidden}.cmap-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--glow),var(--amber))}.cmap-board{position:relative;width:100%;border-radius:18px;overflow:hidden;border:var(--bw) solid var(--ink);box-shadow:var(--shadow-lg);background:#79a843;isolation:isolate}.cmap-board:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:7;box-shadow:inset 0 0 70px #00000038}.cmap-terrain{position:absolute;inset:0;width:100%;height:100%;z-index:0;display:block}.cmap-mood{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#fffae10d,#78963c00 26%,#60702c1a 58%,#4a301e38 82%,#2a181070)}.cmap-actlabel{position:absolute;left:50%;transform:translate(-50%);z-index:6;text-align:center;white-space:nowrap;pointer-events:none;padding:7px 20px;border-radius:15px;background:#0c0f0857;border:1.5px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.cmap-act-no{display:block;font-family:var(--display);font-size:12px;color:#fff7d7c7;letter-spacing:2px;text-transform:uppercase}.cmap-act-name{display:block;font-family:var(--display);font-size:22px;color:#fff7d7;letter-spacing:.5px;text-shadow:2px 3px 0 var(--ink);margin-top:-3px}.cmap-path{position:absolute;inset:0;width:100%;height:100%;z-index:5;pointer-events:none}.cmap-spores{animation:cmap-flow 1.4s linear infinite}@keyframes cmap-flow{to{stroke-dashoffset:-30}}.cmap-node{position:absolute;z-index:8;transform:translate(-50%,-50%);appearance:none;border:0;background:none;padding:0;cursor:pointer;width:72px;height:72px;animation:cmap-pop .5s cubic-bezier(.18,1.3,.4,1) backwards}@keyframes cmap-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}}.cmap-disc{position:relative;width:100%;height:100%;border-radius:50%;border:var(--bw) solid var(--ink);display:grid;place-items:center;transition:transform .12s ease;background:radial-gradient(circle at 50% 30%,#ffffff8c,#fff0 45%),radial-gradient(circle at 50% 120%,#00000059,#0000 60%),var(--cap, #cdbf9a);box-shadow:0 6px 0 var(--cap-deep, #8b7c57),0 9px 12px #00000073,inset 0 3px 5px #fff6,inset 0 -6px 8px #00000047}.cmap-disc img{width:50px;height:50px;object-fit:contain;filter:drop-shadow(1px 2px 0 rgba(0,0,0,.3));transform:translateY(-1px)}.cmap-node:hover .cmap-disc{transform:translateY(-2px)}.cmap-node:active .cmap-disc{transform:translateY(4px);box-shadow:0 1px 0 var(--cap-deep,#8b7c57),0 3px 6px #0006,inset 0 2px 4px #ffffff59,inset 0 -4px 6px #00000047}.cmap-num{position:absolute;top:-7px;left:-7px;z-index:3;min-width:25px;height:25px;padding:0 5px;display:grid;place-items:center;border-radius:999px;border:2.5px solid var(--ink);background:var(--ink);color:#fff7d7;font-family:var(--display);font-size:14px;line-height:1;box-shadow:1.5px 1.5px #0006}.cmap-badge{position:absolute;bottom:-6px;right:-6px;z-index:3;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;border:2.5px solid var(--ink);box-shadow:1.5px 1.5px #00000059;color:var(--ink)}.cmap-badge.done{background:var(--amber)}.cmap-badge.lock{background:var(--paper-2)}.cmap-node.done{--cap: #ffd25e;--cap-deep: #e9a72e}.cmap-node.current{--cap: var(--glow);--cap-deep: var(--glow-deep);width:84px;height:84px;z-index:12}.cmap-node.current .cmap-disc img{width:58px;height:58px}.cmap-node.locked{--cap: #9c9484;--cap-deep: #6f6757}.cmap-node.locked .cmap-disc{filter:grayscale(.65) brightness(.92)}.cmap-node.locked .cmap-num{background:#6f6757;border-color:#4b4538}.cmap-node.current:before{content:"";position:absolute;inset:-12px;border-radius:50%;z-index:-1;border:3px solid var(--glow);animation:cmap-ring 1.8s ease-out infinite}@keyframes cmap-ring{0%{transform:scale(.78);opacity:.9}to{transform:scale(1.35);opacity:0}}.cmap-here{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);z-index:14;white-space:nowrap;pointer-events:none;background:var(--card);color:var(--ink);border:var(--bw) solid var(--ink);border-radius:999px;padding:5px 13px;font-weight:700;font-size:12.5px;box-shadow:3px 3px 0 var(--ink);animation:cmap-bob 2.4s ease-in-out infinite}.cmap-here:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(-3px) rotate(45deg);width:12px;height:12px;background:var(--card);border-right:var(--bw) solid var(--ink);border-bottom:var(--bw) solid var(--ink)}@keyframes cmap-bob{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-5px)}}.cutscene{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;background:linear-gradient(180deg,#10130c80,#10130ccc),url(/assets/map.jpg);background-size:cover;background-position:center}.cutscene-stage{flex:1;position:relative;overflow:hidden;cursor:pointer}.cutscene-skip{position:absolute;top:calc(10px + env(safe-area-inset-top));right:12px;z-index:3;appearance:none;border:2px solid var(--paper);border-radius:999px;background:#1b181080;color:var(--paper);font:inherit;font-weight:800;font-size:12px;padding:6px 12px;cursor:pointer}.cutscene-act{position:absolute;top:calc(12px + env(safe-area-inset-top));left:14px;z-index:3;font-family:var(--display);font-weight:400;font-size:15px;color:var(--glow);-webkit-text-stroke:1px var(--ink);letter-spacing:.5px;max-width:58%;line-height:1.05}.cutscene-cast{position:absolute;inset:0}.cutscene-char{position:absolute;bottom:0;width:54%;max-width:290px;display:flex;align-items:flex-end;transition:opacity .18s ease,filter .18s ease}.cutscene-char.left{left:0;justify-content:flex-start}.cutscene-char.right{right:0;justify-content:flex-end}.cutscene-char img{width:90%;max-height:54vh;object-fit:contain;filter:drop-shadow(4px 6px 0 rgba(0,0,0,.4));transition:transform .18s ease}.cutscene-char:not(.on){opacity:.38;filter:grayscale(.55) brightness(.7)}.cutscene-char:not(.on) img{transform:translateY(8px) scale(.95)}.cutscene-box{position:absolute;left:12px;right:12px;bottom:12px;z-index:2;border:var(--bw) solid var(--ink);border-radius:18px;background:#fff8def5;box-shadow:var(--shadow);padding:14px 16px;min-height:92px}.cutscene-name{display:block;font-family:var(--display);font-weight:400;font-size:17px;color:#cf4a2e;letter-spacing:.4px;margin-bottom:4px}.cutscene-text{margin:0;font-size:16px;line-height:1.32;font-weight:600;color:var(--ink);min-height:42px}.cutscene-hint{position:absolute;top:10px;right:14px;font-size:11px;font-weight:800;color:var(--ink-soft)}.cutscene-actions{display:flex;gap:10px;padding:12px 12px calc(12px + env(safe-area-inset-bottom));background:var(--ink)}.cutscene-actions .btn{flex:1}.cutscene-actions .btn.ghost{color:var(--paper);border-color:#fff4d280;background:transparent}.camp-end-actions{display:flex;flex-direction:column;gap:8px;width:100%}.camp-end-actions .btn{width:100%}.tuto-card{max-width:420px;width:calc(100vw - 24px);text-align:center;max-height:86vh;display:flex;flex-direction:column;padding:22px}.tuto-card h2{font-family:var(--display);font-weight:400;font-size:26px;letter-spacing:.5px}.tuto-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:10px 2px}.tuto-body p{font-size:14px;line-height:1.5;color:var(--ink-soft);font-weight:500}.tuto-body p strong{color:var(--ink)}.tuto-hero{height:110px;object-fit:contain;align-self:center;animation:bob 3.4s ease-in-out infinite}.tuto-warn{align-self:center;background:#ffd2cb;border:2px solid var(--ink);border-radius:999px;padding:4px 14px;font-weight:800!important;color:var(--ink)!important;font-size:13px!important}.tuto-cost{align-self:center;background:var(--paper);border:2px solid var(--ink);border-radius:999px;padding:4px 14px;font-weight:800!important;color:var(--glow-deep)!important;font-size:13px!important}.tuto-deities{display:flex;justify-content:center;gap:12px}.tuto-deities img{width:64px;height:64px;object-fit:contain;background:var(--paper);border:2.5px solid var(--ink);border-radius:14px;padding:6px;box-shadow:2.5px 3px 0 var(--ink)}.tuto-deities img:nth-child(1){rotate:-3deg}.tuto-deities img:nth-child(3){rotate:3deg}.tuto-progress{margin:10px 0;font-size:12.5px;font-weight:800;color:var(--ink-soft);letter-spacing:1px}.tuto-nav{display:flex;gap:10px}.tuto-nav .btn{flex:1}.skin-list{display:flex;flex-direction:column;gap:18px;padding:14px 0 0 14px}.skin-card{display:flex;align-items:center;gap:14px;background:var(--card);border:var(--bw) solid var(--ink);border-radius:17px;padding:13px 15px;box-shadow:var(--shadow);animation:card-pop .3s ease-out both}.skin-card:nth-child(odd){rotate:-.6deg}.skin-card:nth-child(2n){rotate:.6deg;animation-delay:.05s}.skin-main{width:96px;height:96px;object-fit:contain;flex-shrink:0;margin:-24px 0 -14px -28px;rotate:-5deg;filter:drop-shadow(2px 3px 0 rgba(27,24,16,.35))}.skin-info{display:flex;flex-direction:column;gap:4px}.skin-name{font-family:var(--display);font-size:20px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.skin-desc{font-size:13px;color:var(--ink-soft);font-weight:500;line-height:1.35}.skin-colors{display:flex;gap:6px;margin-top:4px}.skin-color{width:40px;height:40px;padding:3px;background:var(--paper);border:2px solid var(--ink);border-radius:11px;cursor:pointer;transition:transform .1s}.skin-color img{width:100%;height:100%;object-fit:contain}.skin-color.on{background:var(--glow);border-width:2.5px;box-shadow:2px 2.5px 0 var(--ink);transform:translateY(-2px) rotate(-3deg)}.skin-color:active{transform:scale(.92)}.skin-lock{display:inline-flex;align-items:center;gap:4px;background:var(--amber);border:2px solid var(--ink);border-radius:999px;padding:2px 9px;font-size:11.5px;font-weight:800;font-family:var(--font)}.skin-main.silhouette{filter:brightness(0) opacity(.75)}.skin-card.locked .skin-lock{align-self:flex-start}.skin-card.locked.soon{border-style:dashed;box-shadow:none;opacity:.75}.skin-soon{width:84px;height:84px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--ink-soft)}.player-detail-wrap{position:absolute;inset:0;z-index:30}.player-detail{position:absolute;top:calc(60px + env(safe-area-inset-top));left:calc(10px + env(safe-area-inset-left));width:min(330px,calc(100vw - 20px));background:var(--card);border:var(--bw) solid var(--ink);border-radius:17px;box-shadow:var(--shadow-lg);padding:13px 15px;display:flex;flex-direction:column;gap:10px;animation:panel-in .16s ease-out}.pd-head{display:flex;align-items:center;gap:8px;font-size:16px}.pd-head .btn{margin-left:auto;padding:3px 9px}.pd-dead{font-size:11.5px;color:var(--danger);font-weight:800;text-transform:uppercase}.pd-counts{display:flex;gap:9px}.pd-count{display:inline-flex;align-items:center;gap:5px;background:var(--paper);border:2px solid var(--ink);border-radius:999px;padding:4px 12px;font-size:13px;font-weight:700}.pd-deity{display:flex;align-items:center;gap:10px;background:var(--paper);border:2px solid var(--ink);border-radius:13px;padding:8px 11px}.pd-deity img{width:38px;height:38px;object-fit:contain}.pd-deity-text{display:flex;flex-direction:column}.pd-deity-text strong{font-size:14.5px}.pd-deity-text em{font-style:normal;font-size:12px;color:var(--ink-soft);font-weight:500}.pd-ages{margin-left:auto;display:flex;gap:5px}.pd-age{width:24px;height:24px;border-radius:50%;border:2px solid var(--ink);background:var(--paper);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:var(--ink-soft)}.pd-age.done{background:var(--glow);color:var(--ink)}.pd-stickers{display:flex;flex-wrap:wrap;gap:8px}.pd-stk{display:flex;flex-direction:column;align-items:center;gap:1px;background:var(--paper);border:2px solid var(--ink);border-radius:12px;padding:7px 9px;min-width:62px}.pd-stk img{width:30px;height:30px;object-fit:contain}.pd-stk strong{font-size:12.5px}.pd-stk em{font-style:normal;font-size:10px;color:var(--ink-soft);font-weight:700;text-transform:uppercase;letter-spacing:.4px}.shop-stk{width:38px;height:38px;object-fit:contain;flex-shrink:0}.up-stk{width:26px;height:26px;object-fit:contain;vertical-align:-7px;margin-right:3px}.stat-ico{object-fit:contain;vertical-align:-3px}.win-title{color:var(--glow-deep);display:flex;align-items:center;justify-content:center;gap:9px}.win-title svg{color:var(--amber);filter:drop-shadow(1px 1.5px 0 var(--ink))}.loss-title{color:var(--ink)}.rules-card{max-width:440px;width:calc(100vw - 24px);text-align:center;max-height:100%;display:flex;flex-direction:column;padding:20px}.rules-card h2{font-family:var(--display);font-weight:400;font-size:26px}.rules-tabs{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:10px 0}.rules-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:14px 2px 10px}.rules-list{display:flex;flex-direction:column;gap:16px;text-align:left}.rules-row{position:relative;display:flex;align-items:center;gap:12px;background:var(--paper);border:2px solid var(--ink);border-radius:13px;padding:10px 12px 10px 8px;font-family:inherit;color:var(--ink);text-align:left;cursor:pointer;box-shadow:2.5px 3px 0 var(--ink);width:calc(100% - 10px);margin-left:10px}.rules-row:nth-child(odd){rotate:-.5deg}.rules-row:nth-child(2n){rotate:.5deg}.rules-row:active{transform:translate(2px,2px);box-shadow:.5px 1px 0 var(--ink)}.rules-row.static{cursor:default;margin-left:0;width:100%;padding-left:14px}.rules-row>img{width:72px;height:72px;object-fit:contain;flex-shrink:0;margin:-18px 0 -12px -24px;rotate:-5deg;filter:drop-shadow(2px 3px 0 rgba(27,24,16,.35))}.rules-row.deity>img{rotate:4deg}.rules-text{display:flex;flex-direction:column;gap:3px;min-width:0}.rules-name{font-size:14.5px;font-weight:800;display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}.rules-name em{font-style:normal;font-size:11.5px;color:var(--glow-deep);font-weight:700}.rules-desc{font-size:12.5px;color:var(--ink-soft);line-height:1.35;font-weight:500}.rules-ages{display:flex;flex-direction:column;gap:3px}.rules-age{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.rules-age strong{color:#b3811e;font-size:11.5px;width:15px;text-align:center;flex-shrink:0}.rules-note{font-size:12.5px;color:var(--ink-soft);font-weight:500;line-height:1.4;border:2px dashed var(--ink);border-radius:12px;padding:9px 12px}.rule-detail{flex:1;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:9px;padding:12px 4px 4px}.rule-detail-stk{width:150px;height:150px;object-fit:contain;animation:stk-slap .32s cubic-bezier(.45,0,.2,1) both}@keyframes stk-slap{0%{transform:perspective(700px) translateY(-110px) translateZ(280px) rotateX(55deg) scale(1.15);filter:drop-shadow(0 60px 4px rgba(27,24,16,.12));opacity:0}40%{opacity:1}to{transform:perspective(700px) translateY(0) translateZ(0) rotateX(0) rotate(-3deg);filter:drop-shadow(4px 5px 0 rgba(27,24,16,.4))}}.rule-detail h3{font-family:var(--display);font-weight:400;font-size:24px;letter-spacing:.5px}.rule-detail-sub{background:var(--amber);border:2px solid var(--ink);border-radius:999px;padding:3px 13px;font-size:12.5px;font-weight:800}.rule-detail-ages{display:flex;flex-direction:row;gap:8px;align-items:stretch;width:100%}.rule-detail-age{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--paper);border:2px solid var(--ink);border-radius:13px;padding:10px 6px}.rda-head{display:flex;align-items:baseline;gap:5px}.rda-head strong{color:#b3811e;font-family:var(--display);font-weight:400;font-size:22px}.rda-head em{font-style:normal;font-size:11px;color:var(--ink-soft);font-weight:700}.rule-detail-age .deity-eff{flex-direction:column;gap:3px;font-size:15px;padding:6px 8px;border-radius:11px;border-width:2px;width:100%}.rule-detail-age .deity-eff img{width:40px;height:40px}.rule-detail-facts{font-size:14px;line-height:1.45;color:var(--ink);font-weight:600}.rule-detail-lore{font-size:13px;line-height:1.5;color:var(--ink-soft);font-weight:500;font-style:italic;border:2px dashed var(--ink);border-radius:13px;padding:10px 14px;background:var(--paper)}.rule-detail .btn{margin-top:4px}