:root{color:#22202a;background:#f8f2e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100svh}button,input,select{font:inherit}button{border:0}#root{min-height:100svh}.setup-screen,.game-screen,.results-screen{width:min(100%,440px);min-height:100svh;margin:0 auto;color:#24212d;background:linear-gradient(180deg,#fff8ede0,#fff1f0db),url(/game-background.png) center top / cover no-repeat,linear-gradient(180deg,#fff8ed,#f7fbf4 48%,#fff1f0);padding:16px}.game-screen{position:relative}h1,h2,p{margin:0}button,select{-webkit-tap-highlight-color:transparent}@keyframes board-pop{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse-ring{0%{box-shadow:0 0 #ff4d6d61}to{box-shadow:0 0 0 9px #ff4d6d00}}@keyframes piece-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes piece-heartbeat{0%,to{transform:scale(1.18)}45%{transform:scale(1.34)}70%{transform:scale(1.22)}}@keyframes piece-hop{0%,to{transform:translateY(0) scale(1.22)}45%{transform:translateY(-9px) scale(1.36)}}@keyframes panel-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes dice-shake{0%{transform:rotate(0) scale(1)}20%{transform:rotate(-8deg) scale(1.04)}45%{transform:rotate(9deg) scale(1.08)}70%{transform:rotate(-6deg) scale(1.04)}to{transform:rotate(0) scale(1)}}@keyframes dice-flash{0%,to{filter:brightness(1)}50%{filter:brightness(1.25)}}@keyframes dice-cube-tumble{0%{transform:rotateX(0) rotateY(0) rotate(0) scale(.94)}18%{transform:rotateX(160deg) rotateY(70deg) rotate(-24deg) scale(1.04)}38%{transform:rotateX(310deg) rotateY(220deg) rotate(38deg) scale(.98)}62%{transform:rotateX(520deg) rotateY(360deg) rotate(-18deg) scale(1.06)}82%{transform:rotateX(710deg) rotateY(540deg) rotate(24deg) scale(1)}to{transform:rotateX(900deg) rotateY(720deg) rotate(0) scale(1.02)}}@keyframes event-pop{0%{opacity:0;transform:translate(-50%,-44%) scale(.88)}to{opacity:1;transform:translate(-50%,-50%) scale(1.04)}}@keyframes item-confirm-pop{0%{opacity:0;transform:translateY(-46%) scale(.92)}to{opacity:1;transform:translateY(-50%) scale(1)}}@keyframes screen-event-pop{0%{opacity:0;transform:translateY(-46%) scale(.9)}to{opacity:1;transform:translateY(-50%) scale(1)}}@keyframes event-dismiss{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.88)}}@keyframes screen-event-dismiss{0%{opacity:1;transform:translateY(-50%) scale(1)}to{opacity:0;transform:translateY(-50%) scale(.88)}}@keyframes particle-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}18%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1)}}.title-block{padding:22px 0 16px}.brand-mark{width:70px;height:70px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#ff4d6d,#ff7a52);color:#fff;font-weight:900;box-shadow:0 10px #24212d;transform:rotate(-5deg)}h1{margin-top:24px;font-size:40px;line-height:1}h2{font-size:15px}.title-block p{margin-top:10px;max-width:300px;color:#6c6470;line-height:1.5}.setup-panel,.control-panel,.scoreboard,.log-panel,.player-card,.results-list article{border:2px solid #24212d;border-radius:8px;background:#ffffffe6;box-shadow:0 5px #24212d}.setup-panel{padding:14px}.mode-card{display:grid;gap:6px;margin-bottom:14px;padding:12px;border:2px solid #24212d;border-radius:8px;background:#ecfbf4}.mode-card strong{font-size:18px}.mode-card span{color:#5e5662;font-size:13px;line-height:1.4}label{display:grid;gap:8px;color:#3a3540;font-weight:850}select{min-height:46px;border:2px solid #24212d;border-radius:8px;padding:0 12px;background:#fff;color:#24212d;font-weight:800}.character-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.character-card{min-height:94px;display:grid;grid-template-columns:58px 1fr;align-items:center;gap:10px;border:2px solid #24212d;border-radius:8px;padding:10px;background:#fff4c8}.character-card img{width:58px;height:58px;border:2px solid #24212d;border-radius:8px;object-fit:cover;background:#fff8ed}.character-card div,.character-card strong,.character-card span{display:block}.character-card span{margin-top:6px;color:#5e5662;font-size:13px;line-height:1.35}.primary-button,.dice-button,.skill-button,.next-button,.item-row button,.app-header button,.mini-piece{border:2px solid #24212d;border-radius:8px;color:#24212d;font-weight:900;box-shadow:0 4px #24212d}.primary-button{width:100%;min-height:54px;background:linear-gradient(180deg,#15a89a9e,#15a89a9e),url(/ui/button-green.png) center / 100% 100% no-repeat,#15a89a;color:#fff}.primary-button,.dice-button,.skill-button,.next-button,.item-row button,.app-header button,.mini-piece{transition:transform .15s ease,box-shadow .15s ease,filter .15s ease,background-color .15s ease}.primary-button:not(:disabled):active,.dice-button:not(:disabled):active,.skill-button:not(:disabled):active,.next-button:not(:disabled):active,.item-row button:not(:disabled):active,.app-header button:not(:disabled):active,.mini-piece:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px #24212d}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.app-header div{display:grid;gap:2px}.app-header strong{font-size:22px;line-height:1}.app-header span{color:#6c6470;font-size:12px}.app-header button{min-height:42px;padding:0 14px;background:linear-gradient(180deg,#ffffffb8,#ffffffb8),url(/ui/button-menu.png) center / 100% 100% no-repeat,#fff}.board-wrap{display:grid;place-items:center;gap:8px;padding:8px;border:2px solid rgba(36,33,45,.14);border-radius:8px;background:#ffffff85;overflow:visible}.board-status-bar{width:min(100%,500px);min-height:34px;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:8px;padding:6px 10px;border:2px solid #24212d;border-radius:8px;background:#ffffffe0;box-shadow:0 3px #24212dc7}.board-status-bar span,.board-status-bar em{overflow:hidden;color:#6c6470;font-size:11px;font-style:normal;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.board-status-bar b{color:#24212d;font-size:12px;line-height:1;white-space:nowrap}.board{width:min(100%,500px);max-width:100%;aspect-ratio:1;display:grid;grid-template-columns:repeat(11,1fr);grid-template-rows:repeat(11,1fr);gap:3px;position:relative;padding:8px;border:3px solid #24212d;border-radius:10px;background:linear-gradient(145deg,#fff5d1f5,#ffe5aeeb),#fff1b8;box-shadow:inset 0 -8px #a56f2a24,0 6px #24212d;animation:board-pop .36s ease both}.board-center{grid-column:6;grid-row:6;border:2px solid #24212d;border-radius:999px;background:radial-gradient(circle at 50% 42%,#ffffff 0 16%,transparent 17%),linear-gradient(145deg,#fffdf8,#ffd84a);display:grid;place-items:center;padding:0;text-align:center;box-shadow:0 3px #24212dd1;z-index:3}.board-center span{color:#24212d;font-size:9px;font-weight:950;line-height:1}.flight-bases{display:contents}.flight-base{min-width:0;display:grid;gap:4px;padding:7px;border:2px solid #24212d;border-radius:8px;background:linear-gradient(180deg,#ffffffc7,#fff1b8c7),#fff1b8;box-shadow:0 3px #24212dcc}.base-nw{grid-column:1 / 4;grid-row:1 / 4}.base-ne{grid-column:9 / 12;grid-row:1 / 4}.base-sw{grid-column:1 / 4;grid-row:9 / 12}.base-se{grid-column:9 / 12;grid-row:9 / 12}.rival-base{background:linear-gradient(180deg,#ffffffc7,#e6f0ffdb),#e6f0ff}.idle-base{opacity:.5;background:linear-gradient(180deg,#ffffffc2,#f5f1fac7),#f5f1fa}.flight-base b{overflow:hidden;color:#24212d;font-size:10px;line-height:1;text-overflow:ellipsis;white-space:nowrap}.base-slots{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.base-slot{min-height:36px;display:grid;place-items:center;border:2px dashed rgba(36,33,45,.5);border-radius:8px;background:#ffffff94;color:#24212d;font-size:12px;font-weight:900}.empty-base-slot:before{content:"";width:9px;height:9px;border-radius:50%;background:#24212d5c}.base-slot img{width:28px;height:32px;object-fit:contain;filter:drop-shadow(0 2px 0 rgba(36,33,45,.48))}.finished-slot{border-style:solid;background:#15a89a;color:#fff}.screen-popout-backdrop{position:absolute;z-index:30;top:0;right:0;bottom:0;left:0;display:grid;place-items:start center;padding:18px;pointer-events:none}.event-popout{position:sticky;top:50svh;width:min(78%,280px);min-height:92px;display:grid;place-items:center;align-content:center;gap:8px;padding:14px 14px 12px;border:3px solid #24212d;border-radius:8px;background:linear-gradient(180deg,#ffffffc2,#fff4c8c2),url(/ui/event-card.png) center / 100% 100% no-repeat,#fff;box-shadow:0 8px #24212d,0 18px 36px #24212d38;pointer-events:auto;text-align:center;animation:screen-event-pop .22s ease both}.event-popout-closing{animation:screen-event-dismiss .72s ease both}.event-popout span{min-height:22px;display:inline-grid;place-items:center;padding:0 10px;border-radius:999px;background:#ff4d6d;color:#fff;font-size:12px;font-weight:900}.event-popout strong{color:#24212d;font-size:18px;line-height:1.25}.event-popout button{min-height:34px;padding:0 16px;border:2px solid #24212d;border-radius:8px;background:linear-gradient(180deg,#15a89ab8,#15a89ab8),url(/ui/button-green.png) center / 100% 100% no-repeat,#15a89a;color:#fff;font-weight:900;box-shadow:0 3px #24212d}.popout-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.popout-particles i{position:absolute;left:50%;top:50%;width:10px;height:10px;border:2px solid #24212d;border-radius:50%;background:#ffb000;opacity:0}.event-popout-closing .popout-particles i{animation:particle-burst .68s ease-out both}.popout-particles i:nth-child(1){--dx: -118px;--dy: -72px;background:#ff4d6d}.popout-particles i:nth-child(2){--dx: -76px;--dy: -112px;background:#17a398}.popout-particles i:nth-child(3){--dx: 16px;--dy: -124px;background:#ffb000}.popout-particles i:nth-child(4){--dx: 92px;--dy: -86px;background:#5a67d8}.popout-particles i:nth-child(5){--dx: 126px;--dy: -16px;background:#ff4d6d}.popout-particles i:nth-child(6){--dx: 102px;--dy: 74px;background:#17a398}.popout-particles i:nth-child(7){--dx: 28px;--dy: 116px;background:#ffb000}.popout-particles i:nth-child(8){--dx: -74px;--dy: 102px;background:#5a67d8}.popout-particles i:nth-child(9){--dx: -128px;--dy: 24px;background:#ff4d6d}.popout-particles i:nth-child(10){--dx: -34px;--dy: -86px;background:#17a398}.popout-particles i:nth-child(11){--dx: 64px;--dy: 106px;background:#ffb000}.popout-particles i:nth-child(12){--dx: 118px;--dy: 34px;background:#5a67d8}.flight-runways{display:contents}.runway-dot{z-index:1;width:min(100%,28px);aspect-ratio:1;place-self:center;border:2px solid #24212d;border-radius:999px;box-shadow:inset 0 3px #ffffff9e,0 2px #24212db8}.tile{position:relative;min-width:0;width:min(100%,34px);aspect-ratio:1;place-self:center;border:2px solid rgba(36,33,45,.88);border-radius:999px;display:grid;place-items:center;overflow:visible;font-weight:900;box-shadow:inset 0 3px #ffffffb8,0 2px #24212dc7;cursor:pointer;background-position:center;background-repeat:no-repeat;background-size:108% 108%;isolation:isolate;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease}.tile:hover,.tile:focus-visible{z-index:2;filter:saturate(1.08);transform:translateY(-2px) scale(1.08);outline:none;box-shadow:0 5px #24212de0}.inspected-tile{z-index:3;transform:translateY(-3px) scale(1.04);box-shadow:0 5px #24212de0,0 0 0 4px #fffffff2,0 0 0 7px #ff4d6dc7}.tile small,.route-tag{display:none}.launch-tile{box-shadow:0 2px #24212de0,0 0 0 4px #ffb00057}.finish-tile{box-shadow:0 2px #24212de0,0 0 0 4px #15a89a57}.tile span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.tile-normal{background-color:#fffefa;background-image:none}.tile-reward,.tile-penalty,.tile-event,.tile-item,.tile-trap,.tile-shop,.tile-teleport{background-color:#fffefa}.tile-effect-tailwind,.tile-effect-advance2,.tile-effect-extraTurn{background-image:url(/ui/tiles/tile-tailwind.png)}.tile-effect-shield{background-image:url(/ui/tiles/tile-shield.png)}.tile-effect-drawItem,.tile-effect-shopItem{background-image:url(/ui/tiles/tile-item.png)}.tile-effect-headwind,.tile-effect-back2{background-image:url(/ui/tiles/tile-headwind.png)}.tile-effect-noFly,.tile-effect-freezeSelf,.tile-effect-skipTurn{background-image:url(/ui/tiles/tile-nofly.png)}.tile-effect-snapTrap{background-image:url(/ui/tiles/tile-trap.png)}.tile-effect-swapAll,.tile-effect-catchupWind,.tile-effect-leaderBackLastForward{background-image:url(/ui/tiles/tile-chaos.png)}.tile-effect-rocketJump,.tile-effect-randomTeleport{background-image:url(/ui/tiles/tile-rocket.png)}.piece-stack{position:absolute;right:50%;bottom:50%;left:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:2px;max-width:34px;z-index:4;pointer-events:none;transform:translate(50%,56%)}.piece{width:18px;height:24px;display:grid;place-items:center;border:0;border-radius:0;background-position:center;background-repeat:no-repeat;background-size:contain;font-style:normal;line-height:1;filter:drop-shadow(0 2px 0 rgba(36,33,45,.7))}.piece-stack:has(.start-piece){right:50%;bottom:50%;max-width:34px}.start-piece{width:18px;height:24px}.selected-piece{outline:none;filter:drop-shadow(0 2px 0 rgba(36,33,45,.7)) drop-shadow(0 0 5px rgba(255,77,109,.85));animation:piece-heartbeat .95s ease-in-out infinite;transform-origin:50% 85%}.moving-piece{z-index:8;animation:piece-hop .32s ease-in-out infinite;filter:drop-shadow(0 3px 0 rgba(36,33,45,.72)) drop-shadow(0 0 8px rgba(255,176,0,.9))}.tile-inspector{margin-top:10px;padding:12px;border:2px solid #24212d;border-radius:8px;background:#fffffff0;box-shadow:0 4px #24212d;animation:panel-in .18s ease both}.inspector-heading{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.tile-badge{width:38px;height:38px;display:grid;place-items:center;border:2px solid #24212d;border-radius:8px;color:#24212d;font-weight:900;box-shadow:0 2px #24212d;background-position:center;background-repeat:no-repeat;background-size:118% 118%}.inspector-heading div{display:grid;gap:2px}.inspector-heading strong{line-height:1.2}.inspector-heading small{color:#6c6470;font-size:12px}.inspector-heading button{width:34px;height:34px;border:2px solid #24212d;border-radius:8px;background:linear-gradient(180deg,#ff4d6db8,#ff4d6db8),url(/ui/button-red.png) center / 100% 100% no-repeat,#ff4d6d;color:#fff;font-size:20px;font-weight:900}.tile-inspector p{margin-top:10px;color:#5e5662;font-size:13px;line-height:1.45}.duel-status{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:10px}.duel-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;min-width:0;padding:10px;border:2px solid #24212d;border-radius:8px;background:#ffffffeb;box-shadow:0 3px #24212d}.duel-card>div{min-width:0;display:grid;gap:2px}.duel-card img{width:44px;height:44px;border:2px solid #24212d;border-radius:8px;object-fit:cover;background:#fff8ed}.duel-card strong,.duel-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.duel-card small{color:#6c6470;font-size:11px}.duel-card b{font-size:15px}.duel-card.mine{background:#fff1b8}.duel-card.rival{background:#f3f6ff}.player-top,.rank-row,.turn-banner{display:flex;align-items:center;gap:8px}.player-top>div{min-width:0;display:grid;gap:1px}.player-top strong{line-height:1}.player-top small,.player-top em{color:#6c6470;font-size:11px;font-style:normal}.player-top em{margin-left:auto}.color-dot{width:13px;height:13px;border:1px solid #24212d;border-radius:50%;flex:0 0 auto}.player-score{display:flex;align-items:baseline;gap:4px;margin:8px 0;color:#6c6470}.player-score strong{color:#24212d;font-size:24px;line-height:1}.my-panel{margin:12px 0;padding:12px;border:2px solid #24212d;border-radius:8px;background:#ffffffeb;box-shadow:0 4px #24212d}.active-player{background:#fff1b8;animation:pulse-ring 1.2s ease-out infinite}.panel-title{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:10px}.panel-title span{color:#6c6470;font-size:12px}.mini-pieces{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mini-piece{min-height:92px;display:grid;grid-template-columns:58px 1fr;grid-template-rows:1fr 1fr;align-items:center;column-gap:8px;padding:8px 10px 8px 6px;overflow:hidden;background:linear-gradient(180deg,#ffffffc7,#f5f1fadb),#fbf9ff;box-shadow:0 2px #24212d;text-align:left}.mini-piece img{grid-row:1 / 3;width:58px;height:72px;object-fit:contain;filter:drop-shadow(0 5px 0 rgba(36,33,45,.24));pointer-events:none}.mini-piece span{align-self:end;font-size:12px;font-weight:900;line-height:1}.mini-piece b{align-self:start;color:#6c6470;font-size:18px;line-height:1}.mini-piece.chosen{background:linear-gradient(180deg,#15a89adb,#15a89ab8),url(/ui/button-green.png) center / 100% 100% no-repeat,#15a89a;color:#fff}.mini-piece.chosen b{color:#fff}.control-panel{padding:12px}.opponent-panel{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:12px;min-height:126px;padding:12px;border:2px solid #24212d;border-radius:8px;background:linear-gradient(180deg,#ffffff94,#ffffff94),url(/ui/opponent-card.png) center / 100% 100% no-repeat,#fff;box-shadow:0 5px #24212d;animation:panel-in .18s ease both}.opponent-panel img{width:96px;height:96px;object-fit:cover;border:2px solid #24212d;border-radius:8px}.opponent-panel div{display:grid;gap:8px}.opponent-panel strong{font-size:18px;line-height:1.2}.opponent-panel span{color:#6c6470;font-size:13px;line-height:1.4}.turn-banner>img{width:34px;height:34px;border:2px solid #24212d;border-radius:8px;object-fit:cover;background:#fff8ed;flex:0 0 auto}.turn-banner div{display:grid;gap:2px}.turn-banner small{color:#6c6470;line-height:1.3}.step-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}.step-strip span{min-height:28px;display:grid;place-items:center;border:1px solid rgba(36,33,45,.18);border-radius:8px;background:#f6f2f7;color:#817987;font-size:11px;font-weight:900}.step-strip .active-step{background:#ecfbf4;color:#146f66}.action-row{display:grid;grid-template-columns:1.35fr .9fr;gap:9px;margin-top:10px}.skill-button,.dice-button,.next-button{min-height:56px}.skill-button{display:grid;place-items:center;gap:2px;background:linear-gradient(180deg,#ffefb7db,#ffe08adb),url(/ui/skill-button.png) center / 100% 100% no-repeat,#ffe08a}.skill-button small{max-width:100%;overflow:hidden;font-size:10px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.dice-button{background:linear-gradient(180deg,#ff4d6dbd,#ff4d6dbd),url(/ui/dice-button.png) center / cover no-repeat,#ff4d6d;color:#fff;display:grid;place-items:center;align-content:center;gap:2px}.dice-button:not(:disabled){animation:pulse-ring 1.1s ease-out infinite}.dice-button small{font-size:11px;line-height:1}.dice-face{width:38px;height:38px;display:grid;place-items:center;border:2px solid #24212d;border-radius:8px;background:#fff8ed;color:#24212d;font-size:20px;line-height:1;box-shadow:0 2px #24212dbf}.dice-start{font-weight:900}.dice-pips{width:28px;height:28px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:2px}.dice-pips i{width:6px;height:6px;place-self:center;border-radius:50%;background:#24212d;box-shadow:inset 0 1px #ffffff80}.dice-1 i:nth-child(1){grid-column:2;grid-row:2}.dice-2 i:nth-child(1),.dice-3 i:nth-child(1),.dice-4 i:nth-child(1),.dice-5 i:nth-child(1),.dice-6 i:nth-child(1){grid-column:1;grid-row:1}.dice-2 i:nth-child(2),.dice-3 i:nth-child(3),.dice-4 i:nth-child(4),.dice-5 i:nth-child(5),.dice-6 i:nth-child(6){grid-column:3;grid-row:3}.dice-3 i:nth-child(2),.dice-5 i:nth-child(3){grid-column:2;grid-row:2}.dice-4 i:nth-child(2),.dice-5 i:nth-child(2),.dice-6 i:nth-child(2){grid-column:3;grid-row:1}.dice-4 i:nth-child(3),.dice-5 i:nth-child(4),.dice-6 i:nth-child(5){grid-column:1;grid-row:3}.dice-6 i:nth-child(3){grid-column:1;grid-row:2}.dice-6 i:nth-child(4){grid-column:3;grid-row:2}.rolling-dice{background:#ff7a52;animation:dice-flash .18s ease-in-out infinite}.rolling-dice .dice-face{animation:dice-shake .26s ease-in-out infinite}.dice-3d-backdrop{position:absolute;z-index:28;top:0;right:0;bottom:0;left:0;display:grid;place-items:start center;padding:18px;pointer-events:none}.dice-3d-stage{position:sticky;top:50svh;width:164px;height:178px;display:grid;place-items:center;gap:16px;transform:translateY(-50%);perspective:720px;filter:drop-shadow(0 16px 22px rgba(36,33,45,.28))}.dice-3d-stage strong{min-width:118px;min-height:32px;display:grid;place-items:center;padding:0 12px;border:3px solid #24212d;border-radius:999px;background:#fff1b8;color:#24212d;font-size:15px;box-shadow:0 4px #24212d}.dice-cube{--cube-size: 88px;width:var(--cube-size);height:var(--cube-size);position:relative;transform-style:preserve-3d;transition:transform .28s ease-out}.dice-cube-rolling{animation:dice-cube-tumble .76s cubic-bezier(.28,.72,.25,1) infinite}.dice-cube-1{transform:rotateX(0) rotateY(0)}.dice-cube-2{transform:rotateX(-90deg) rotateY(0)}.dice-cube-3{transform:rotateX(0) rotateY(-90deg)}.dice-cube-4{transform:rotateX(0) rotateY(90deg)}.dice-cube-5{transform:rotateX(90deg) rotateY(0)}.dice-cube-6{transform:rotateX(0) rotateY(180deg)}.dice-cube-face{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border:4px solid #24212d;border-radius:18px;background:radial-gradient(circle at 28% 22%,rgba(255,255,255,.9),transparent 34%),linear-gradient(145deg,#fffdf8,#ffd8de);box-shadow:inset 0 -7px #24212d24,inset 0 5px #ffffffc7;backface-visibility:hidden}.dice-cube-face .dice-face{width:58px;height:58px;border:0;background:transparent;box-shadow:none}.dice-cube-face .dice-pips{width:48px;height:48px;gap:4px}.dice-cube-face .dice-pips i{width:11px;height:11px;background:#24212d}.dice-cube-face-1{transform:translateZ(calc(var(--cube-size) / 2))}.dice-cube-face-2{transform:rotateX(90deg) translateZ(calc(var(--cube-size) / 2))}.dice-cube-face-3{transform:rotateY(90deg) translateZ(calc(var(--cube-size) / 2))}.dice-cube-face-4{transform:rotateY(-90deg) translateZ(calc(var(--cube-size) / 2))}.dice-cube-face-5{transform:rotateX(-90deg) translateZ(calc(var(--cube-size) / 2))}.dice-cube-face-6{transform:rotateY(180deg) translateZ(calc(var(--cube-size) / 2))}.next-button{background:linear-gradient(180deg,#ffffffc2,#ffffffc2),url(/ui/button-red.png) center / 100% 100% no-repeat,#fff}button:disabled{opacity:.42;box-shadow:none}.item-row{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-top:12px}.item-row>strong{flex:0 0 auto;color:#6c6470;font-size:12px}.item-row button{min-height:38px;flex:0 0 auto;padding:0 12px;background:linear-gradient(180deg,#c8eef2e0,#c8d7ffe0),url(/ui/item-button.png) center / 100% 100% no-repeat,#c8d7ff;font-size:12px}.empty-items{color:#9a929f;font-size:12px}.item-confirm-backdrop{position:absolute;z-index:30;top:0;right:0;bottom:0;left:0;display:grid;place-items:start center;padding:18px;background:#24212d38}.item-confirm-popout{width:min(88vw,330px);position:sticky;top:50svh;transform:translateY(-50%);display:grid;gap:10px;padding:18px;border:3px solid #24212d;border-radius:10px;background:linear-gradient(180deg,#ffffffd6,#ffefb5c7),url(/ui/event-card.png) center / 100% 100% no-repeat,#fff7dc;box-shadow:0 8px #24212d,0 20px 42px #24212d47;text-align:left;animation:item-confirm-pop .22s ease both}.item-confirm-popout>span{width:fit-content;min-height:24px;display:inline-grid;place-items:center;padding:0 10px;border:2px solid #24212d;border-radius:999px;background:#ffb000;color:#24212d;font-size:12px;font-weight:900}.item-confirm-popout strong{color:#24212d;font-size:26px;line-height:1.1}.item-confirm-popout p{color:#4e4654;font-size:16px;line-height:1.45}.item-confirm-popout small{color:#6c6470;font-size:13px;line-height:1.35}.item-confirm-actions{display:grid;grid-template-columns:1fr 1.2fr;gap:10px;padding-top:6px}.ghost-confirm-button,.use-confirm-button{min-height:44px;border:3px solid #24212d;border-radius:8px;color:#24212d;font-size:15px;font-weight:900;box-shadow:0 4px #24212d}.ghost-confirm-button{background:linear-gradient(180deg,#ffffffb8,#f5f1fadb),#f5f1fa}.use-confirm-button{background:linear-gradient(180deg,#15a89ac2,#15a89ac2),url(/ui/button-green.png) center / 100% 100% no-repeat,#15a89a;color:#fff}.lower-panels{display:grid;grid-template-columns:.9fr 1.1fr;gap:10px;margin-top:12px}.scoreboard,.log-panel{padding:12px}.rank-row{margin-top:9px;font-size:13px}.rank-row b{width:16px}.rank-row strong{margin-left:auto}.log-list{height:122px;overflow:hidden;text-align:left}.log-list p{padding:7px 0;border-bottom:1px solid rgba(36,33,45,.08);color:#5e5662;font-size:12px;line-height:1.3;animation:panel-in .18s ease both}.results-screen{display:grid;align-content:center;gap:20px}.results-list{display:grid;gap:10px}.results-list article{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:10px;padding:14px}@media (max-width: 380px){.setup-screen,.game-screen,.results-screen{padding:12px}.board{gap:3px}.tile{border-width:1.5px}.tile span{font-size:11px}.piece{width:15px;height:21px}.lower-panels{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}