.worldmarble-play-area{width:100%}.worldmarble-layout{display:grid;grid-template-columns:minmax(600px,1fr) 330px;gap:18px;align-items:start}.worldmarble-board-shell{padding:14px;border-radius:28px;background:linear-gradient(145deg,#172942,#0c1729);box-shadow:0 24px 60px #02061766,inset 0 0 0 1px #ffffff16}.worldmarble-board{position:relative;display:grid;grid-template:repeat(9,1fr)/repeat(9,1fr);aspect-ratio:1;overflow:hidden;border-radius:20px;background:radial-gradient(circle at 50% 45%,#163d58,#0b2035 58%,#071522);border:1px solid #7bdcf52c}.worldmarble-board:before{content:"";position:absolute;inset:12%;border:1px solid #75d7ec24;border-radius:50%;box-shadow:0 0 80px #16b8dd18}.worldmarble-board #worldmarble-cells,.worldmarble-board #worldmarble-tokens{display:contents}.worldmarble-cell{position:relative;z-index:2;min-width:0;padding:13px 5px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(160deg,#17324b,#0e2137);border:1px solid #ffffff1d;color:#d9eff9;overflow:hidden}.worldmarble-cell b{font-size:clamp(10px,1vw,14px);line-height:1.1}.worldmarble-cell>small{position:absolute;left:4px;bottom:2px;font-size:8px;color:#8aa9bc}.worldmarble-cell-band{position:absolute;inset:0 0 auto;height:9px;background:var(--group-color,#3d7a94)}.worldmarble-cell.city.owned,.worldmarble-cell.tourist.owned{box-shadow:inset 0 0 0 3px var(--owner-color)}.worldmarble-cell .worldmarble-owner{max-width:90%;font-size:8px;color:var(--owner-color);font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.worldmarble-buildings{font-style:normal;font-size:11px;color:#ffd35b;letter-spacing:-2px}.worldmarble-cell.start,.worldmarble-cell.island,.worldmarble-cell.travel,.worldmarble-cell.festival{background:linear-gradient(145deg,#0aa0a5,#0b536c);color:white}.worldmarble-cell.chance{background:linear-gradient(145deg,#8049c4,#492178)}.worldmarble-cell.tax{background:linear-gradient(145deg,#b64c50,#6b222d)}.worldmarble-cell.bonus{background:linear-gradient(145deg,#238f62,#15513f)}.worldmarble-cell.tourist .worldmarble-cell-band{background:#f6c84a}.worldmarble-cell.selectable{animation:worldSelectable 1s infinite;cursor:pointer}.worldmarble-center{position:absolute;z-index:1;inset:17%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.worldmarble-center>small{letter-spacing:.28em;color:#65d9f4;font-weight:800}.worldmarble-center h2{margin:5px 0 12px;color:white;font-size:clamp(20px,3vw,40px)}.worldmarble-center>strong{margin-top:13px;color:#e1f9ff;font-size:13px}.worldmarble-center>span{margin-top:5px;color:#7faec2;font-size:12px}.worldmarble-dice{display:flex;gap:10px}.worldmarble-dice i{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;background:white;color:#15263b;font-size:27px;font-weight:900;font-style:normal;box-shadow:0 8px 20px #0006}.worldmarble-dice.rolling i{animation:worldDice .55s}.worldmarble-token{z-index:8;align-self:center;justify-self:center;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:var(--token-color);border:3px solid white;color:white;font-weight:900;font-size:11px;box-shadow:0 3px 10px #000a;transform:translate(calc((var(--token-offset) - 1.5)*8px),calc((var(--token-offset) - 1.5)*-6px));pointer-events:none}.worldmarble-controls{display:flex;flex-direction:column;gap:12px}.worldmarble-turn-card,.worldmarble-actions,.worldmarble-players,.worldmarble-rules{padding:16px;border-radius:18px;background:linear-gradient(145deg,#14273e,#0d1b2e);border:1px solid #ffffff12;box-shadow:0 12px 28px #02061735}.worldmarble-turn-card{display:flex;flex-direction:column}.worldmarble-turn-card small,.worldmarble-action-title small{color:#4bd9e9;font-weight:900;letter-spacing:.14em}.worldmarble-turn-card strong{font-size:20px;color:white}.worldmarble-turn-card span{margin-top:5px;color:#aac5d4;font-size:12px;line-height:1.45}.worldmarble-actions{min-height:150px}.worldmarble-action-title{display:flex;flex-direction:column;margin-bottom:12px}.worldmarble-action-title b{color:#effbff;line-height:1.4}.worldmarble-action-buttons{display:flex;flex-wrap:wrap;gap:8px}.worldmarble-action-buttons button{flex:1 1 120px}.worldmarble-landmark{color:#4b2e00!important;background:linear-gradient(135deg,#ffe384,#f2ae32)!important}.worldmarble-action-empty{min-height:115px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#7994a5}.worldmarble-action-empty span{font-size:28px}.worldmarble-choice-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:220px;overflow:auto}.worldmarble-choice-list button{font-size:11px;padding:8px}.worldmarble-debt{display:block;margin:8px 0;color:#ff9a9a}.worldmarble-players{display:grid;gap:7px}.worldmarble-players article{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:9px;padding:8px;border-radius:11px;background:#ffffff08;border:1px solid transparent}.worldmarble-players article.turn{border-color:var(--player-color);background:#ffffff10}.worldmarble-players article.bankrupt{opacity:.45;filter:grayscale(1)}.worldmarble-players article>i{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--player-color);color:white;font-style:normal;font-weight:900}.worldmarble-players article div{display:flex;min-width:0;flex-direction:column}.worldmarble-players article b{color:white;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.worldmarble-players article small,.worldmarble-players article>span{color:#89aabd;font-size:11px}.worldmarble-rules summary{color:#e9f8ff;font-weight:700;cursor:pointer}.worldmarble-rules p{color:#91adbd;font-size:11px;line-height:1.6}.worldmarble-settings .setting-note{grid-column:1/-1}.worldmarble-active #game{max-width:none}.worldmarble-active .game-stage{min-width:0} @keyframes worldDice{0%{transform:rotate(0) scale(1)}40%{transform:rotate(180deg) scale(1.22)}100%{transform:rotate(360deg) scale(1)}}@keyframes worldSelectable{50%{filter:brightness(1.45);box-shadow:inset 0 0 0 3px #68efff,0 0 15px #26c9ec}} @media(max-width:1050px){.worldmarble-layout{grid-template-columns:1fr}.worldmarble-controls{display:grid;grid-template-columns:1fr 1fr}.worldmarble-players,.worldmarble-rules{grid-column:1/-1}}@media(max-width:700px){.worldmarble-board-shell{padding:5px;border-radius:14px}.worldmarble-board{border-radius:10px}.worldmarble-cell{padding:8px 2px 2px}.worldmarble-cell b{font-size:8px}.worldmarble-cell .worldmarble-owner,.worldmarble-cell>small{display:none}.worldmarble-center{inset:20%}.worldmarble-center h2{font-size:18px}.worldmarble-dice i{width:38px;height:38px;font-size:20px}.worldmarble-center>strong{font-size:10px}.worldmarble-controls{display:flex}.worldmarble-token{width:21px;height:21px;border-width:2px;font-size:8px}} /* Full-screen fitting and intentionally maximal action effects. */ .worldmarble-play-area{position:relative;min-width:0;isolation:isolate}.worldmarble-board-shell{min-width:0;min-height:0;display:grid;place-items:center}.worldmarble-board{width:100%;max-width:100%;max-height:100%}.worldmarble-controls{min-width:0;min-height:0}.worldmarble-space-stars{position:absolute;z-index:0;inset:0;pointer-events:none;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.5px),radial-gradient(circle,#4ee8ff 0 1px,transparent 1.5px);background-position:0 0,23px 31px;background-size:47px 47px,61px 61px;opacity:.22;animation:worldStars 16s linear infinite}.worldmarble-fx{position:absolute;z-index:30;inset:0;overflow:visible;pointer-events:none}.worldmarble-moving-token{position:absolute;z-index:80;display:grid;place-items:center;width:38px;height:38px;border:4px solid white;border-radius:50%;background:var(--token-color,#35d0f0);color:white;font-size:15px;font-weight:1000;box-shadow:0 0 0 7px #ffffff30,0 0 32px var(--token-color),0 8px 16px #000a}.worldmarble-burst{position:absolute;z-index:70;width:1px;height:1px;color:#58e6ff;pointer-events:none}.worldmarble-burst>strong{position:absolute;left:0;top:0;display:grid;place-items:center;width:56px;height:56px;border:3px solid currentColor;border-radius:50%;background:#071525e8;font-size:29px;filter:drop-shadow(0 0 14px currentColor);transform:translate(-50%,-50%);animation:worldBurstCore 1.25s both}.worldmarble-burst>b{position:absolute;left:0;top:36px;min-width:180px;color:white;font-size:15px;font-weight:1000;letter-spacing:.04em;text-align:center;text-shadow:0 2px 5px #000,0 0 15px currentColor;transform:translateX(-50%);animation:worldBurstLabel 1.4s both}.worldmarble-burst>span{position:absolute;left:0;top:0;color:currentColor;font-size:14px;filter:drop-shadow(0 0 7px currentColor);animation:worldParticle 1.15s var(--delay) cubic-bezier(.12,.64,.22,1) both}.worldmarble-burst-ring{position:absolute;left:0;top:0;width:18px;height:18px;border:3px solid currentColor;border-radius:50%;transform:translate(-50%,-50%);animation:worldShockwave 1.05s ease-out both}.worldmarble-burst.gold{color:#ffd85a}.worldmarble-burst.red{color:#ff5470}.worldmarble-burst.green{color:#48ef9b}.worldmarble-burst.violet{color:#c777ff}.worldmarble-cinematics{position:fixed;z-index:9999;inset:0;overflow:hidden;pointer-events:none}.worldmarble-cinematic{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle,#00d9ff22,transparent 55%);animation:worldCinematicIn .35s both}.worldmarble-cinematic>i,.worldmarble-cinematic>em{position:absolute;left:-15%;width:130%;height:2px;background:linear-gradient(90deg,transparent,currentColor,white,currentColor,transparent);box-shadow:0 0 22px currentColor}.worldmarble-cinematic>i{top:34%;animation:worldLaserIn .55s both}.worldmarble-cinematic>em{bottom:34%;animation:worldLaserIn .55s .08s both}.worldmarble-cinematic>span{position:absolute;left:50%;top:50%;width:180vw;height:190px;background:linear-gradient(90deg,transparent,#05101bf2 23%,#10293af8 50%,#05101bf2 77%,transparent);border-top:1px solid currentColor;border-bottom:1px solid currentColor;box-shadow:0 0 80px currentColor;transform:translate(-50%,-50%) rotate(-2deg);animation:worldBannerSlash .55s cubic-bezier(.15,.8,.2,1) both}.worldmarble-cinematic>div{position:relative;z-index:2;display:flex;min-width:min(680px,90vw);flex-direction:column;align-items:center;color:white;text-align:center;text-transform:uppercase;filter:drop-shadow(0 5px 8px #000);animation:worldTitleSlam .55s cubic-bezier(.16,1.35,.35,1) both}.worldmarble-cinematic small{color:currentColor;font-size:12px;font-weight:1000;letter-spacing:.5em}.worldmarble-cinematic strong{font-size:clamp(40px,8vw,96px);font-style:italic;font-weight:1000;letter-spacing:-.055em;line-height:.92;text-shadow:0 0 10px currentColor,0 0 34px currentColor}.worldmarble-cinematic b{margin-top:12px;font-size:clamp(14px,2vw,24px);letter-spacing:.08em}.worldmarble-cinematic.cyan{color:#54e8ff}.worldmarble-cinematic.gold{color:#ffd85a;background:radial-gradient(circle,#ffd85a38,transparent 58%)}.worldmarble-cinematic.red{color:#ff496b;background:radial-gradient(circle,#ff173b32,transparent 58%)}.worldmarble-cinematic.green{color:#4df5a3}.worldmarble-cinematic.violet{color:#bf75ff;background:radial-gradient(circle,#821fff35,transparent 58%)}.worldmarble-cinematic.black{color:#9daaba;background:radial-gradient(circle,#000d,#0008 45%,transparent 75%)}.worldmarble-cinematic.black>span{background:linear-gradient(90deg,transparent,#020305f8 25%,#181b21fa 50%,#020305f8 75%,transparent)}.worldmarble-cinematic.leaving{animation:worldCinematicOut .35s both}.worldmarble-confetti{position:absolute;inset:0;overflow:hidden}.worldmarble-confetti i{position:absolute;left:var(--x);top:-7vh;width:9px;height:18px;border-radius:2px;background:#ffd447;filter:hue-rotate(var(--hue));box-shadow:0 0 7px currentColor;animation:worldConfettiFall var(--fall) var(--delay) linear both}.worldmarble-confetti.ash i{background:#7a8790;filter:none}.worldmarble-confetti.gold i{filter:none;background:linear-gradient(#fff2a1,#e49e0a)}.worldmarble-play-area.fx-impact .worldmarble-board-shell{animation:worldBoardImpact .55s}.worldmarble-play-area.fx-danger .worldmarble-layout{animation:worldDangerShake .8s}.worldmarble-play-area.fx-gold .worldmarble-board{animation:worldGoldenPulse 1.2s}.worldmarble-play-area.fx-warp .worldmarble-board{animation:worldWarp 1s}.worldmarble-actions{position:relative;overflow:hidden}.worldmarble-actions:has(button:not(:disabled)):after{content:"";position:absolute;inset:-100% -30%;pointer-events:none;background:linear-gradient(100deg,transparent 42%,#ffffff12 50%,transparent 58%);animation:worldActionSweep 2.5s linear infinite}.worldmarble-action-buttons button:not(:disabled){position:relative;z-index:1;box-shadow:0 0 0 1px #ffffff0d,0 7px 16px #0004;transition:transform .16s,filter .16s,box-shadow .16s}.worldmarble-action-buttons button:not(:disabled):hover{filter:brightness(1.2);transform:translateY(-3px) scale(1.025);box-shadow:0 0 22px #51dfff4f,0 10px 20px #0006}.worldmarble-dice{position:relative;perspective:500px}.worldmarble-dice:before{content:"";position:absolute;inset:-25px;border:2px solid #54e8ff;border-radius:50%;opacity:0;box-shadow:0 0 25px #54e8ff}.worldmarble-dice.rolling:before{animation:worldDiceRing .9s}.worldmarble-dice.rolling i:first-child{animation:worldDiceMega .9s cubic-bezier(.14,.68,.27,1.25)}.worldmarble-dice.rolling i:last-child{animation:worldDiceMegaReverse .9s cubic-bezier(.14,.68,.27,1.25)}.worldmarble-dice.double i{color:#7b4b00;background:linear-gradient(145deg,#fff9c7,#ffd244);box-shadow:0 0 35px #ffd43b,0 12px 25px #0008}.worldmarble-cell.owned{animation:worldOwnedGlow 2.2s ease-in-out infinite}.worldmarble-cell.owned .worldmarble-buildings{filter:drop-shadow(0 0 7px #ffd35b)} @media(min-width:851px){body.worldmarble-active .shell{max-width:none}body.worldmarble-active #game{overflow:hidden}body.worldmarble-active .worldmarble-play-area{display:flex;min-height:0;flex:1;overflow:hidden}body.worldmarble-active .worldmarble-layout{width:100%;height:100%;min-height:0;grid-template-columns:minmax(390px,1fr) clamp(230px,22vw,310px);gap:10px}.worldmarble-board-shell{height:100%;padding:7px}.worldmarble-board{width:auto;height:100%;max-width:100%;max-height:100%;aspect-ratio:1}.worldmarble-controls{height:100%;gap:7px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.worldmarble-turn-card,.worldmarble-actions,.worldmarble-players,.worldmarble-rules{padding:10px 12px;border-radius:13px}.worldmarble-actions{min-height:124px}.worldmarble-players{gap:4px}.worldmarble-players article{padding:5px 7px}.worldmarble-rules p{margin-bottom:0}.worldmarble-center h2{margin:2px 0 7px}.worldmarble-dice i{width:clamp(40px,6vh,58px);height:clamp(40px,6vh,58px)}.worldmarble-cell{padding-top:10px}.worldmarble-cell-band{height:7px}} @media(min-width:851px) and (max-width:1120px){body.worldmarble-active #room>aside{flex-basis:245px;width:245px}body.worldmarble-active .worldmarble-layout{grid-template-columns:minmax(360px,1fr) 220px}.worldmarble-turn-card span{font-size:10px}.worldmarble-action-title b{font-size:12px}.worldmarble-action-buttons button{padding:7px 5px;font-size:10px}.worldmarble-players article small{font-size:9px}.worldmarble-rules{display:none}.worldmarble-cell b{font-size:9px}.worldmarble-center>strong{font-size:10px}} @media(max-width:850px){body.worldmarble-active .worldmarble-play-area{overflow:visible}.worldmarble-layout{grid-template-columns:1fr;gap:10px}.worldmarble-board-shell{width:100%;height:auto}.worldmarble-board{width:min(100%,720px);height:auto;margin:auto;aspect-ratio:1}.worldmarble-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}.worldmarble-turn-card,.worldmarble-actions{min-height:140px}.worldmarble-players,.worldmarble-rules{grid-column:1/-1}.worldmarble-cinematic>div{min-width:90vw}.worldmarble-cinematic strong{font-size:clamp(34px,11vw,68px)}} @media(max-width:560px){.worldmarble-controls{display:flex}.worldmarble-turn-card,.worldmarble-actions{min-height:0}.worldmarble-cell{padding:7px 1px 1px}.worldmarble-cell-band{height:5px}.worldmarble-cell b{font-size:clamp(6px,2vw,9px)}.worldmarble-cell .worldmarble-owner,.worldmarble-cell>small{display:none}.worldmarble-center{inset:21%}.worldmarble-center>small{font-size:7px}.worldmarble-center h2{font-size:14px}.worldmarble-center>strong{max-width:90%;font-size:8px}.worldmarble-center>span{font-size:8px}.worldmarble-dice{gap:5px}.worldmarble-dice i{width:32px;height:32px;border-radius:8px;font-size:17px}.worldmarble-token{width:18px;height:18px;font-size:7px}.worldmarble-buildings{font-size:8px}.worldmarble-burst>b{display:none}.worldmarble-cinematic b{max-width:92vw;font-size:12px}} @media(prefers-reduced-motion:reduce){.worldmarble-play-area *,.worldmarble-cinematics *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}} @keyframes worldStars{to{background-position:94px 47px,84px 153px}}@keyframes worldBurstCore{0%{opacity:0;transform:translate(-50%,-50%) scale(.1) rotate(-35deg)}28%{opacity:1;transform:translate(-50%,-50%) scale(1.45) rotate(8deg)}65%{transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-80%) scale(.7)}}@keyframes worldBurstLabel{0%,15%{opacity:0;transform:translate(-50%,18px) scale(.6)}35%,70%{opacity:1;transform:translate(-50%,0) scale(1.08)}100%{opacity:0;transform:translate(-50%,-22px)}}@keyframes worldParticle{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(0)}18%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.8) rotate(var(--spin))}}@keyframes worldShockwave{0%{opacity:1;transform:translate(-50%,-50%) scale(.3)}100%{opacity:0;transform:translate(-50%,-50%) scale(9)}}@keyframes worldCinematicIn{from{opacity:0}to{opacity:1}}@keyframes worldCinematicOut{to{opacity:0;filter:blur(10px);transform:scale(1.08)}}@keyframes worldLaserIn{from{opacity:0;transform:translateX(-55%)}to{opacity:1;transform:translateX(0)}}@keyframes worldBannerSlash{from{opacity:0;transform:translate(-50%,-50%) rotate(-8deg) scaleX(.05)}to{opacity:1;transform:translate(-50%,-50%) rotate(-2deg) scaleX(1)}}@keyframes worldTitleSlam{from{opacity:0;transform:scale(3.4) rotate(-8deg)}to{opacity:1;transform:scale(1) rotate(-2deg)}}@keyframes worldConfettiFall{0%{opacity:0;transform:translate3d(0,-8vh,0) rotate(0)}10%{opacity:1}100%{opacity:0;transform:translate3d(var(--drift),110vh,0) rotate(900deg)}}@keyframes worldBoardImpact{0%,100%{transform:scale(1)}18%{transform:scale(.985) rotate(-.45deg)}35%{transform:scale(1.018) rotate(.35deg)}55%{transform:scale(.997)}}@keyframes worldDangerShake{0%,100%{transform:none;filter:none}10%,30%,50%{transform:translateX(-7px);filter:saturate(1.8)}20%,40%,60%{transform:translateX(7px)}75%{transform:translateX(-2px)}}@keyframes worldGoldenPulse{0%,100%{filter:none}35%{filter:brightness(1.55) saturate(1.6);box-shadow:inset 0 0 70px #ffd74788,0 0 50px #ffd74788}}@keyframes worldWarp{0%,100%{filter:none;transform:none}35%{filter:hue-rotate(80deg) brightness(1.5);transform:perspective(600px) rotateZ(1deg) scale(.96)}65%{filter:hue-rotate(-60deg) brightness(1.7);transform:perspective(600px) rotateZ(-1deg) scale(1.02)}}@keyframes worldActionSweep{to{transform:translateX(70%)}}@keyframes worldDiceRing{0%{opacity:0;transform:scale(.25) rotate(0)}25%{opacity:1}100%{opacity:0;transform:scale(2.5) rotate(360deg)}}@keyframes worldDiceMega{0%{transform:translate(-80px,-130px) rotateX(0) rotateY(0) scale(.4)}55%{transform:translate(18px,-18px) rotateX(540deg) rotateY(450deg) scale(1.55)}100%{transform:none}}@keyframes worldDiceMegaReverse{0%{transform:translate(80px,-130px) rotateX(0) rotateY(0) scale(.4)}55%{transform:translate(-18px,-18px) rotateX(-450deg) rotateY(-540deg) scale(1.55)}100%{transform:none}}@keyframes worldOwnedGlow{0%,100%{filter:none}50%{filter:brightness(1.13)}} @media(min-width:851px){body.worldmarble-active .worldmarble-controls{display:flex;flex-direction:column}} /* Calm base UI; the spectacle is reserved for actions. */ .worldmarble-turn-card,.worldmarble-actions,.worldmarble-players,.worldmarble-rules{background:#0d1b2bea;border-color:#ffffff12;box-shadow:0 10px 24px #0206172e}.worldmarble-turn-card{border-left:3px solid #49dff0}.worldmarble-actions{border-left:3px solid #7a6cff}.worldmarble-players{border-left:3px solid #2ba77a}.worldmarble-rules{border-left:3px solid #d9ac40}.worldmarble-space-stars{opacity:.12}.worldmarble-cell.owned{animation:none}.worldmarble-actions:has(button:not(:disabled)):after{display:none}.worldmarble-action-buttons button{min-height:38px}.worldmarble-player-status{min-height:0}.worldmarble-gold-card-stage{position:absolute;z-index:120;inset:0;display:grid;place-items:center;perspective:1300px;background:radial-gradient(circle,#ffd84c25,transparent 56%);animation:worldGoldStageIn .35s both}.worldmarble-gold-card-stage>span{position:absolute;width:min(440px,80vw);height:min(440px,80vw);border:2px solid #ffd65a;border-radius:50%;box-shadow:0 0 35px #ffd65a,inset 0 0 35px #ffd65a;animation:worldGoldHalo 2s linear infinite}.worldmarble-gold-card{position:relative;width:min(270px,62vw);aspect-ratio:.68;transform-style:preserve-3d;filter:drop-shadow(0 28px 35px #000b);animation:worldGoldCardEnter .55s cubic-bezier(.16,1.2,.25,1) both}.worldmarble-gold-card-stage.reveal .worldmarble-gold-card{transform:rotateY(180deg);transition:transform .8s cubic-bezier(.18,.75,.22,1.18)}.worldmarble-gold-card section{position:absolute;inset:0;display:flex;padding:26px;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border:5px solid #fff1a0;border-radius:24px;color:#4a2b00;text-align:center;backface-visibility:hidden;background:radial-gradient(circle at 50% 38%,#fffbd1 0,#ffd75b 42%,#d98600 78%,#704000 100%);box-shadow:inset 0 0 0 3px #8f5900,inset 0 0 45px #fff8ad,0 0 0 4px #ffc42d,0 0 70px #ffd02f}.worldmarble-gold-card section:before,.worldmarble-gold-card section:after{content:"";position:absolute;width:150%;height:22px;background:#ffffff68;transform:rotate(-42deg)}.worldmarble-gold-card section:before{top:12%}.worldmarble-gold-card section:after{bottom:12%}.worldmarble-gold-card section:last-child{transform:rotateY(180deg);background:radial-gradient(circle at 50% 38%,#fffbdc,#ffdb55 45%,#d38200 100%)}.worldmarble-gold-card i{position:relative;z-index:1;font-size:48px;font-style:normal;text-shadow:0 0 20px white;animation:worldGoldStar 1s infinite alternate}.worldmarble-gold-card small{position:relative;z-index:1;margin:7px 0;font-weight:1000;letter-spacing:.25em}.worldmarble-gold-card strong{position:relative;z-index:1;max-width:100%;font-size:clamp(26px,4vw,44px);font-weight:1000;line-height:1.04;text-shadow:0 2px 0 #fff8}.worldmarble-gold-card section:last-child strong{font-size:clamp(20px,3vw,34px)}.worldmarble-gold-card em{position:relative;z-index:1;margin-top:16px;padding:7px 12px;border-radius:999px;background:#5d3900c7;color:#fff5ba;font-size:11px;font-style:normal;font-weight:800}.worldmarble-gold-card-stage.leaving{animation:worldGoldStageOut .5s both}.worldmarble-gold-card-stage.leaving .worldmarble-gold-card{transform:rotateY(180deg) translateY(-80px) scale(.75);opacity:0;transition:.5s} @keyframes worldGoldStageIn{from{opacity:0;backdrop-filter:blur(0)}to{opacity:1;backdrop-filter:blur(3px)}}@keyframes worldGoldStageOut{to{opacity:0;filter:blur(8px)}}@keyframes worldGoldCardEnter{from{opacity:0;transform:translateY(70vh) rotateZ(-18deg) rotateY(-35deg) scale(.4)}to{opacity:1;transform:translateY(0) rotateZ(0) rotateY(0) scale(1)}}@keyframes worldGoldHalo{to{transform:rotate(360deg) scale(1.12);opacity:.25}}@keyframes worldGoldStar{to{transform:scale(1.25) rotate(12deg);filter:brightness(1.45)}} /* Board information and map-direct controls. */ .worldmarble-special-guide{display:flex;width:min(390px,96%);margin-top:10px;padding:9px 12px;align-items:center;gap:10px;border:1px solid #67dffb52;border-radius:13px;background:#071726d9;box-shadow:0 10px 25px #0005,inset 3px 0 #4adcf4;color:#dff9ff;text-align:left}.worldmarble-special-guide[hidden]{display:none}.worldmarble-special-guide>i{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:10px;background:#ffffff0d;font-size:22px;font-style:normal}.worldmarble-special-guide>div{display:flex;min-width:0;flex-direction:column}.worldmarble-special-guide b{color:white;font-size:12px}.worldmarble-special-guide span{margin-top:2px;color:#9dc2d0;font-size:10px;line-height:1.35} .worldmarble-cell.selectable{z-index:12;overflow:visible;outline:2px solid #7cf5ff;outline-offset:-3px;box-shadow:inset 0 0 18px #4ce8ff70,0 0 16px #48ddff;cursor:pointer}.worldmarble-cell.selectable:hover{z-index:20;filter:brightness(1.5);transform:scale(1.08);box-shadow:inset 0 0 22px #fff8,0 0 28px #65edff}.worldmarble-cell.selectable:active{transform:scale(.96)} .worldmarble-map-pick{display:flex;min-height:105px;padding:14px;align-items:center;gap:13px;border:1px solid #55dff052;border-radius:13px;background:radial-gradient(circle at 15% 50%,#38ddff26,transparent 42%),#081624}.worldmarble-map-pick.festival{border-color:#d683ff5c;background:radial-gradient(circle at 15% 50%,#a342ef2e,transparent 42%),#101128}.worldmarble-map-pick>i{font-size:34px;font-style:normal;filter:drop-shadow(0 0 12px #59e5ff)}.worldmarble-map-pick div{display:flex;flex-direction:column}.worldmarble-map-pick b{color:#fff}.worldmarble-map-pick span{margin-top:4px;color:#9dbdca;font-size:11px;line-height:1.45} /* Buildings stay readable even on compact board cells. */ .worldmarble-buildings{position:absolute;z-index:5;right:2px;bottom:3px;display:flex;align-items:flex-end;pointer-events:none}.worldmarble-building{position:relative;display:flex;width:34px;height:31px;align-items:flex-end;justify-content:center;gap:1px;filter:drop-shadow(0 3px 3px #000b)}.worldmarble-building>i{position:relative;display:block;width:9px;height:17px;border:1px solid #fff7;border-radius:2px 2px 0 0;background:linear-gradient(90deg,#64e6ff,#167ba9 60%,#0d486c);box-shadow:0 0 8px var(--owner-color);overflow:hidden}.worldmarble-building>i:after{content:"";position:absolute;inset:3px 2px;background:repeating-linear-gradient(to bottom,#fff7 0 2px,transparent 2px 5px)}.worldmarble-building.level-1>i{width:23px;height:13px;border-radius:5px 5px 1px 1px;background:linear-gradient(145deg,#a9efff,#2686ad)}.worldmarble-building.level-1>i:before{content:"";position:absolute;left:2px;top:-7px;width:17px;height:12px;background:#78d8ef;clip-path:polygon(50% 0,100% 58%,100% 100%,0 100%,0 58%)}.worldmarble-building.level-2>i:first-child{height:16px}.worldmarble-building.level-2>i:last-of-type{width:13px;height:25px}.worldmarble-building.level-3>i:nth-child(1){height:18px}.worldmarble-building.level-3>i:nth-child(2){width:13px;height:30px;background:linear-gradient(90deg,#ffe693,#e99c27 55%,#8d4c00)}.worldmarble-building.level-3>i:nth-child(3){height:22px}.worldmarble-building.level-landmark{width:38px;height:37px}.worldmarble-building.level-landmark>i{height:22px;border-color:#ffe78d;background:linear-gradient(90deg,#fff2a4,#eeae2e 60%,#985500);box-shadow:0 0 12px #ffd43e}.worldmarble-building.level-landmark>i:nth-child(2){width:14px;height:35px;clip-path:polygon(40% 0,60% 0,65% 13%,100% 22%,100% 100%,0 100%,0 22%,35% 13%)}.worldmarble-building>b{position:absolute;right:0;bottom:-1px;padding:1px 3px;border-radius:4px;background:#06101de8;color:white;font-size:6px;line-height:1;letter-spacing:0}.worldmarble-building.level-landmark>b{color:#ffe789}.worldmarble-tourist-star{color:#ffe266;font-size:20px;text-shadow:0 0 10px #ffd229}.worldmarble-festival-badge{position:absolute;right:-4px;top:-7px;padding:2px 4px;border:1px solid #ffc6ff;border-radius:999px;background:#7c2298;color:white;font-size:7px;font-style:normal;font-weight:900;box-shadow:0 0 9px #d547ff} /* Roll is one balanced control instead of three unrelated buttons. */ .worldmarble-action-buttons.worldmarble-roll-console{display:grid;grid-template-columns:minmax(58px,.78fr) minmax(95px,1.4fr) minmax(58px,.78fr);gap:6px}.worldmarble-roll-console button{min-width:0;min-height:62px;padding:6px;white-space:pre-line;font-size:11px;font-weight:900;line-height:1.2}.worldmarble-roll-console .worldmarble-roll-main{border-color:#58e6ff;background:radial-gradient(circle at 50% 25%,#3ce7ff,#0877a5 62%,#06405f);color:white;font-size:15px;box-shadow:0 0 18px #2cdcff40}.worldmarble-roll-console .worldmarble-parity{border-color:#9d75ff;background:#211b42;color:#dcd4ff}.worldmarble-roll-console .worldmarble-parity.odd{border-left:3px solid #ff66a8}.worldmarble-roll-console .worldmarble-parity.even{border-right:3px solid #6c8cff}.worldmarble-roll-console>small{grid-column:1/-1;color:#8eabba;font-size:9px;text-align:center} /* Lobby rules guide. */ .worldmarble-guide-button{border-color:#3aa7b9!important;background:linear-gradient(135deg,#10344a,#0c2237)!important;color:#9ff3ff!important}.worldmarble-guide-dialog{width:min(980px,calc(100vw - 28px));max-height:min(820px,calc(100vh - 28px));padding:0;overflow:auto;border:1px solid #3e6780;border-radius:24px;background:#08121f;color:#dcebf3;box-shadow:0 34px 90px #000c}.worldmarble-guide-dialog::backdrop{background:#020711d9;backdrop-filter:blur(8px)}.worldmarble-guide-head{position:sticky;z-index:4;top:0;display:flex;padding:24px 28px;align-items:flex-start;justify-content:space-between;background:linear-gradient(120deg,#102f47f5,#17143df2);border-bottom:1px solid #ffffff14}.worldmarble-guide-head small,.worldmarble-guide-cards>div:first-child small{color:#57e5f4;font-weight:900;letter-spacing:.2em}.worldmarble-guide-head h2{margin:5px 0 4px;color:white;font-size:28px}.worldmarble-guide-head p{margin:0;color:#a5bdca}.worldmarble-guide-head>button{width:40px;min-height:40px;padding:0;border-radius:50%;font-size:25px}.worldmarble-guide-grid{display:grid;padding:22px 28px 10px;grid-template-columns:1fr 1fr;gap:10px}.worldmarble-guide-grid section{padding:16px;border:1px solid #ffffff10;border-radius:14px;background:#ffffff06}.worldmarble-guide-grid b{color:#72e6f4}.worldmarble-guide-grid p{margin:7px 0 0;color:#a8bec9;font-size:12px;line-height:1.65}.worldmarble-guide-cards{display:grid;padding:12px 28px 28px;grid-template-columns:220px 1fr;gap:16px}.worldmarble-guide-cards h3{margin:6px 0;color:#ffe076;font-size:24px}.worldmarble-guide-cards p{color:#9eb4c0;font-size:12px;line-height:1.6}.worldmarble-guide-cards>div:last-child{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.worldmarble-guide-cards article{display:flex;min-width:0;padding:9px 10px;flex-direction:column;border:1px solid #d29a362e;border-radius:10px;background:linear-gradient(145deg,#2b210d,#151410)}.worldmarble-guide-cards article small{color:#ffc657;font-size:8px;font-weight:900}.worldmarble-guide-cards article[data-kind="공격"] small{color:#ff7182}.worldmarble-guide-cards article[data-kind="방어"] small{color:#7ed9ff}.worldmarble-guide-cards article b{margin-top:2px;color:white;font-size:11px}.worldmarble-guide-cards article span{overflow:hidden;margin-top:2px;color:#a9b7bd;font-size:9px;text-overflow:ellipsis;white-space:nowrap} /* The golden-card back always exposes both rule text and applied result. */ .worldmarble-gold-card section:last-child{padding:20px}.worldmarble-gold-card section:last-child small{color:#664100;font-size:10px}.worldmarble-gold-card section:last-child strong{font-size:clamp(22px,3vw,32px)}.worldmarble-gold-description{position:relative;z-index:1;margin:12px 0 0;color:#553500;font-size:12px;font-weight:800;line-height:1.45}.worldmarble-gold-card .worldmarble-gold-result{max-width:100%;margin-top:13px;padding:7px 10px;white-space:normal;line-height:1.35} @media(max-width:700px){.worldmarble-special-guide{margin-top:6px;padding:6px 8px}.worldmarble-special-guide>i{width:26px;height:26px;flex-basis:26px;font-size:16px}.worldmarble-special-guide b{font-size:9px}.worldmarble-special-guide span{display:-webkit-box;overflow:hidden;font-size:7px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.worldmarble-building{transform:scale(.78);transform-origin:100% 100%}.worldmarble-guide-head{padding:18px}.worldmarble-guide-head h2{font-size:21px}.worldmarble-guide-grid{padding:14px 18px 7px;grid-template-columns:1fr}.worldmarble-guide-cards{padding:8px 18px 20px;grid-template-columns:1fr}.worldmarble-guide-cards>div:last-child{grid-template-columns:1fr 1fr}.worldmarble-roll-console button{min-height:56px}} /* Keep the action rail inside its column on narrower desktop windows. */ .worldmarble-action-buttons{min-width:0}.worldmarble-action-buttons button{min-width:0;max-width:100%;white-space:normal}.worldmarble-action-buttons .wide{width:auto}.worldmarble-actions{min-width:0;box-sizing:border-box} .worldmarble-action-buttons:not(.worldmarble-roll-console){display:grid;width:calc(100% - 8px);margin-right:8px;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:6px}.worldmarble-action-buttons:not(.worldmarble-roll-console) button{width:100%;box-sizing:border-box}.worldmarble-action-buttons:not(.worldmarble-roll-console) button:only-child{grid-column:1/-1} .worldmarble-action-buttons.worldmarble-roll-console{width:calc(100% - 10px);margin-right:14px;margin-left:-4px;grid-template-columns:minmax(52px,.72fr) minmax(88px,1.28fr) minmax(52px,.72fr)} @media(min-width:851px) and (max-width:1120px){.worldmarble-action-buttons.worldmarble-roll-console{width:calc(100% - 8px);margin-right:12px;margin-left:-4px;gap:4px}.worldmarble-roll-console button{padding-right:3px;padding-left:3px;font-size:9px}} /* Lobby game rules and seven-day patch notes. */ .game-guide-button{border-color:#36a8bb!important;color:#a8f6ff!important;background:linear-gradient(135deg,#103a51,#101e39)!important}.patch-note-button{border-color:#8a72ef!important;color:#ddd6ff!important;background:linear-gradient(135deg,#30245f,#151b3a)!important}.lobby-room-actions{flex-wrap:wrap;justify-content:flex-end}.game-rules-dialog{overflow:hidden}.game-rules-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr)}.game-rule-body{display:grid;min-height:0;grid-template-columns:180px minmax(0,1fr);overflow:hidden}.game-rule-tabs{display:flex;min-height:0;padding:14px 10px;flex-direction:column;gap:7px;overflow-y:auto;border-right:1px solid #ffffff12;background:linear-gradient(180deg,#0c1a2b,#091321)}.game-rule-tabs button{display:grid;min-height:48px;padding:8px 10px;grid-template-columns:27px 1fr;align-items:center;gap:7px;text-align:left;border-color:#ffffff12;background:#142338;color:#aebed0}.game-rule-tabs button span{font-size:18px;text-align:center}.game-rule-tabs button b{font-size:12px}.game-rule-tabs button.active{color:#fff;border-color:#52d8e9;background:linear-gradient(135deg,#12516a,#24265e);box-shadow:inset 3px 0 #64e8f7,0 7px 18px #02071166}.game-rule-content{min-width:0;min-height:0;overflow-y:auto}.game-rule-content>header{display:flex;padding:22px 28px 2px;align-items:center;gap:13px}.game-rule-content>header>span{display:grid;width:50px;height:50px;place-items:center;flex:0 0 50px;border:1px solid #ffffff18;border-radius:15px;background:#14263a;font-size:27px}.game-rule-content>header small{color:#6de6f4;font-size:10px;font-weight:900}.game-rule-content>header h3{margin:4px 0 0;color:#f0f8ff;font-size:19px;line-height:1.35}.patch-note-dialog{overflow:auto}.patch-note-head-actions{display:flex;align-items:center;gap:8px}.patch-note-head-actions .patch-note-add{width:auto;min-width:96px;padding:8px 12px;border-radius:10px;color:#e2dcff;border-color:#8d75ef;background:#30285c}.patch-note-head-actions .patch-note-close{width:40px;min-height:40px;padding:0;border-radius:50%;font-size:25px}.patch-note-list{display:grid;padding:24px 30px;gap:0}.patch-note-list article{position:relative;display:grid;padding:0 0 28px;grid-template-columns:120px minmax(0,1fr) auto;gap:18px}.patch-note-list article:not(:last-child):before{content:"";position:absolute;top:24px;bottom:0;left:55px;width:2px;background:linear-gradient(#6ee5f0,#7b6bea33)}.patch-note-list time{position:relative;z-index:1;align-self:start;padding:7px 9px;border:1px solid #51cddb55;border-radius:999px;color:#8ceef6;background:#10283a;text-align:center;font-size:11px;font-weight:900}.patch-note-list article>div{padding:2px 0 5px}.patch-note-list h3{margin:0 0 8px;color:white;font-size:17px}.patch-note-list ul{display:grid;margin:0;padding-left:19px;gap:6px;color:#a9bac8;font-size:12px;line-height:1.55}.patch-note-admin-actions{display:flex;align-self:start;gap:5px}.patch-note-admin-actions button{padding:6px 9px;font-size:10px}.patch-note-empty{padding:60px 20px;color:#8193a5;text-align:center}.patch-note-footer{padding:12px 24px;border-top:1px solid #ffffff10;color:#8192a2;background:#08111d;text-align:center;font-size:10px}.patch-note-editor{display:grid;margin:18px 28px 0;padding:16px;grid-template-columns:150px 1fr;gap:10px;border:1px solid #776ae766;border-radius:15px;background:#111a31}.patch-note-editor label{display:grid;margin:0;gap:5px;color:#b8c5d8;font-size:11px}.patch-note-editor label:nth-of-type(3){grid-column:1/-1}.patch-note-editor input,.patch-note-editor textarea{margin:0;color:#eef3ff;border-color:#40506b;background:#0b1524}.patch-note-editor textarea{resize:vertical;line-height:1.5}.patch-note-editor .error{grid-column:1/-1;margin:0}.patch-note-editor>div{display:flex;grid-column:1/-1;justify-content:flex-end;gap:7px} @media(max-width:700px){.lobby-room-actions{max-width:230px;gap:4px}.lobby-room-actions button{padding:7px 8px;font-size:10px}.game-rule-body{grid-template-columns:106px minmax(0,1fr)}.game-rule-tabs{padding:8px 6px;gap:5px}.game-rule-tabs button{min-height:44px;padding:6px;grid-template-columns:22px 1fr;gap:3px}.game-rule-tabs button span{font-size:15px}.game-rule-tabs button b{font-size:9px}.game-rule-content>header{padding:14px 12px 0;align-items:flex-start}.game-rule-content>header>span{width:38px;height:38px;flex-basis:38px;font-size:20px}.game-rule-content>header h3{font-size:14px}.game-rule-content .worldmarble-guide-grid{padding:10px 12px 6px}.game-rule-content .worldmarble-guide-grid section{padding:11px}.game-rule-content .worldmarble-guide-grid p{font-size:10px}.patch-note-list{padding:18px 14px}.patch-note-list article{grid-template-columns:1fr;gap:8px}.patch-note-list article:not(:last-child):before{display:none}.patch-note-list time{width:max-content}.patch-note-admin-actions{justify-self:end}.patch-note-editor{margin:12px;grid-template-columns:1fr}.patch-note-editor label:nth-of-type(3){grid-column:auto}} /* Persistent one-use card inventory under the rules panel. */ .worldmarble-inventory{padding:10px 12px;border:1px solid #ffffff12;border-left:3px solid #e0b542;border-radius:13px;background:#0d1b2bea;box-shadow:0 10px 24px #0206172e}.worldmarble-inventory-head{display:flex;align-items:center;justify-content:space-between}.worldmarble-inventory-head>div{display:flex;flex-direction:column}.worldmarble-inventory-head small{color:#e4bd4d;font-size:8px;font-weight:900;letter-spacing:.14em}.worldmarble-inventory-head b{color:white;font-size:12px}.worldmarble-inventory-head>span{display:grid;min-width:28px;height:24px;padding:0 6px;place-items:center;border-radius:999px;background:#e2b73b1f;color:#ffe37a;font-size:10px;font-weight:900}.worldmarble-inventory-empty{margin:7px 0 0;color:#708c9d;font-size:10px}.worldmarble-inventory-list{display:grid;margin-top:7px;gap:5px}.worldmarble-inventory-card{display:grid;width:100%;min-height:45px;padding:6px 8px;grid-template-columns:28px 1fr auto;align-items:center;gap:7px;border-color:#97742f;background:linear-gradient(135deg,#241f12,#111a25);text-align:left}.worldmarble-inventory-card:disabled{opacity:.72;filter:none}.worldmarble-inventory-card:not(:disabled){border-color:#ffd45a;background:linear-gradient(135deg,#59400d,#1e2630);box-shadow:0 0 15px #ffca3d3b;animation:worldCardUsable 1.1s ease-in-out infinite alternate}.worldmarble-inventory-card>i{font-size:20px;font-style:normal}.worldmarble-inventory-card>span{display:flex;min-width:0;flex-direction:column}.worldmarble-inventory-card b{overflow:hidden;color:#fff;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.worldmarble-inventory-card small{color:#9bb0bc;font-size:8px}.worldmarble-inventory-card:not(:disabled) small{color:#ffe277;font-weight:900}.worldmarble-inventory-card>em{color:#ffd65e;font-size:11px;font-style:normal;font-weight:900}.worldmarble-card-use-note{display:block;margin-top:7px;color:#e7c762;font-size:9px;line-height:1.4}@keyframes worldCardUsable{to{filter:brightness(1.18);transform:translateY(-1px)}} @media(min-width:851px) and (max-width:1120px){.worldmarble-inventory{padding:8px}.worldmarble-inventory-card{min-height:40px}.worldmarble-inventory-head b{font-size:10px}} /* Private gold-card reveal and clear destination feedback. */ .worldmarble-gold-card-stage.private-card{pointer-events:auto;cursor:pointer}.worldmarble-gold-card-stage.private-card:focus-visible{outline:3px solid #fff19a;outline-offset:-8px}.worldmarble-gold-card-stage.private-card .worldmarble-gold-card{cursor:pointer}.worldmarble-gold-card-stage.private-card:not(.reveal) .worldmarble-gold-card em{animation:worldGoldClickHint .75s ease-in-out infinite alternate}.worldmarble-gold-card-stage.opponent-card{pointer-events:none;background:radial-gradient(circle,#ffd84c18,transparent 54%)}.worldmarble-gold-card-stage.opponent-card .worldmarble-gold-card{width:min(220px,52vw);filter:drop-shadow(0 18px 28px #000a) saturate(.72)}.worldmarble-gold-card-stage.opponent-card .worldmarble-gold-card em{max-width:180px}.worldmarble-gold-card-stage.collecting{background:radial-gradient(circle,#ffd84c1c,transparent 45%);transition:background .7s}.worldmarble-gold-card-stage.collecting .worldmarble-gold-card{opacity:0;transform:translate(var(--collect-x),var(--collect-y)) rotateY(900deg) scale(.12);transition:transform 1s cubic-bezier(.25,.75,.2,1),opacity .25s .72s}.worldmarble-gold-card-stage.collecting>span{opacity:0;transform:scale(.3);transition:.65s}.worldmarble-inventory.card-received{animation:worldInventoryReceive 1.15s ease-out}.worldmarble-special-guide.card-received{animation:worldGuideReceive 1.35s ease-out}.worldmarble-card-text-transfer{position:absolute;z-index:180;display:flex;width:min(300px,72vw);padding:10px 14px;flex-direction:column;border:2px solid #ffe16a;border-radius:12px;background:linear-gradient(135deg,#4f3300,#151f2d);color:white;box-shadow:0 0 30px #ffd744aa,0 14px 35px #000b;transform:translate(-50%,-50%);animation:worldCardTextTransfer 1.3s cubic-bezier(.2,.72,.18,1) both}.worldmarble-card-text-transfer b{color:#ffe271;font-size:13px}.worldmarble-card-text-transfer span{margin-top:3px;color:#e8f7ff;font-size:10px;line-height:1.35} @keyframes worldGoldClickHint{to{filter:brightness(1.5);transform:translateY(-3px);box-shadow:0 0 22px #fff2a8}}@keyframes worldInventoryReceive{0%{transform:scale(1);box-shadow:0 10px 24px #0206172e}35%{transform:scale(1.07);border-color:#ffe36a;box-shadow:0 0 42px #ffd43f,inset 0 0 28px #ffd43f33}100%{transform:scale(1)}}@keyframes worldGuideReceive{0%{transform:scale(1)}32%{transform:scale(1.09);border-color:#fff27f;box-shadow:0 0 45px #ffd94c,inset 3px 0 #fff27f}100%{transform:scale(1)}}@keyframes worldCardTextTransfer{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}72%{opacity:1;transform:translate(calc(-50% + var(--guide-x)),calc(-50% + var(--guide-y))) scale(.62)}100%{opacity:0;transform:translate(calc(-50% + var(--guide-x)),calc(-50% + var(--guide-y))) scale(.28)}} /* The center is primarily a readable explanation panel, not a decorative title. */ .worldmarble-center{inset:14%;justify-content:center}.worldmarble-center>small{margin-bottom:10px}.worldmarble-center>strong{margin-top:11px;font-size:14px}.worldmarble-center>span{font-size:12px}.worldmarble-special-guide{width:min(520px,100%);min-height:96px;margin-top:14px;padding:14px 17px;gap:14px;border-width:2px;border-radius:16px;box-shadow:0 14px 35px #0007,inset 4px 0 #4adcf4}.worldmarble-special-guide>i{width:46px;height:46px;flex-basis:46px;border-radius:13px;font-size:28px}.worldmarble-special-guide b{font-size:16px}.worldmarble-special-guide span{margin-top:4px;font-size:12px;line-height:1.55} @media(max-width:700px){.worldmarble-center{inset:17%}.worldmarble-center>small{margin-bottom:4px}.worldmarble-special-guide{width:100%;min-height:62px;margin-top:6px;padding:7px 8px;gap:7px}.worldmarble-special-guide>i{width:28px;height:28px;flex-basis:28px;font-size:17px}.worldmarble-special-guide b{font-size:9px}.worldmarble-special-guide span{display:-webkit-box;overflow:hidden;font-size:7px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:3}} /* Bought spaces use the owner's color across the full tile and a clear player badge. */ .worldmarble-cell.city.owned,.worldmarble-cell.tourist.owned{background:linear-gradient(145deg,color-mix(in srgb,var(--owner-color) 44%,#17324b),color-mix(in srgb,var(--owner-color) 30%,#081727));box-shadow:inset 0 0 0 4px var(--owner-color),inset 0 0 34px color-mix(in srgb,var(--owner-color) 38%,transparent)}.worldmarble-cell.owned>b{color:#fff;text-shadow:0 1px 4px #000}.worldmarble-cell.owned .worldmarble-owner{max-width:96%;padding:2px 5px;border:1px solid #ffffff9c;border-radius:999px;background:var(--owner-color);color:#08121d;font-size:8px;font-weight:1000;line-height:1.1;text-shadow:0 1px #ffffff55}.worldmarble-cell.victory-highlight{z-index:25;transform:scale(1.12);border-radius:7px;box-shadow:0 0 0 4px #fff,0 0 36px var(--owner-color);transition:transform .2s;animation:worldVictoryTile 1s ease-in-out infinite alternate}.worldmarble-moving-token.calm{width:32px;height:32px;border-width:2px;box-shadow:0 3px 12px #0009} /* A focused two-second ending names the win condition before results open. */ .worldmarble-victory-reveal{position:absolute;z-index:240;inset:0;display:grid;padding:24px;place-items:center;background:radial-gradient(circle at 50% 42%,#0b476be8,#020711f5 72%);pointer-events:none;animation:worldVictoryRevealIn .28s ease-out both}.worldmarble-victory-content{display:flex;width:min(920px,94vw);flex-direction:column;align-items:center;color:white;text-align:center}.worldmarble-victory-content>small{color:#6deaff;font-size:12px;font-weight:1000;letter-spacing:.28em}.worldmarble-victory-content>strong{margin-top:6px;color:#ffe071;font-size:clamp(38px,6vw,78px);font-weight:1000;letter-spacing:-.05em;line-height:1;text-shadow:0 0 28px #ffc9288f}.worldmarble-victory-content>b{margin-top:8px;font-size:clamp(16px,2vw,24px)}.worldmarble-victory-properties{display:flex;max-width:100%;margin-top:22px;align-items:stretch;justify-content:center;gap:10px;flex-wrap:wrap}.worldmarble-victory-properties article{display:grid;width:clamp(105px,11vw,145px);min-height:92px;padding:11px;grid-template-columns:34px 1fr;align-items:center;gap:8px;border:2px solid var(--victory-color);border-radius:15px;background:linear-gradient(145deg,color-mix(in srgb,var(--victory-color) 32%,#132337),#07121f);box-shadow:0 0 24px color-mix(in srgb,var(--victory-color) 48%,transparent);text-align:left;transform:scale(1.06);animation:worldVictoryPropertyIn .45s cubic-bezier(.2,1.25,.25,1) both}.worldmarble-victory-properties article>i{font-size:27px;font-style:normal}.worldmarble-victory-properties article>span{display:flex;min-width:0;flex-direction:column}.worldmarble-victory-properties article b{overflow:hidden;color:#fff;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.worldmarble-victory-properties article small{margin-top:3px;color:#b9d0db;font-size:9px}.worldmarble-victory-properties>p{padding:16px 24px;border:1px solid #ffffff24;border-radius:14px;background:#071522cc;color:#dff8ff}.worldmarble-victory-reveal.leaving{animation:worldVictoryRevealOut .42s ease-in both} @media(max-width:700px){.worldmarble-victory-reveal{padding:12px}.worldmarble-victory-content>small{font-size:8px}.worldmarble-victory-content>strong{font-size:34px}.worldmarble-victory-properties{margin-top:14px;gap:6px}.worldmarble-victory-properties article{width:92px;min-height:66px;padding:7px;grid-template-columns:24px 1fr}.worldmarble-victory-properties article>i{font-size:20px}.worldmarble-victory-properties article b{font-size:10px}.worldmarble-victory-properties article small{font-size:7px}} @keyframes worldVictoryRevealIn{from{opacity:0;transform:scale(1.05)}to{opacity:1;transform:none}}@keyframes worldVictoryRevealOut{to{opacity:0;filter:blur(8px);transform:scale(.96)}}@keyframes worldVictoryPropertyIn{from{opacity:0;transform:translateY(35px) scale(.72)}to{opacity:1;transform:translateY(0) scale(1.06)}}@keyframes worldVictoryTile{to{filter:brightness(1.45);transform:scale(1.16)}} .worldmarble-result-reason{display:flex;margin:0 0 14px;padding:14px 18px;flex-direction:column;align-items:center;border:1px solid #f4c94d;border-radius:14px;background:linear-gradient(145deg,#3b2b08,#102333);text-align:center;box-shadow:0 0 25px #f2c3332e}.worldmarble-result-reason small{color:#77e4f4;font-size:9px;font-weight:1000;letter-spacing:.16em}.worldmarble-result-reason strong{margin-top:3px;color:#ffe271;font-size:27px}.worldmarble-result-reason span{margin-top:3px;color:#edfaff;font-size:12px;font-weight:900} .worldmarble-win-opportunity{position:relative;z-index:2;display:flex;margin:-3px 0 10px;padding:8px 10px;flex-direction:column;border:1px solid #4cd9ef;border-left:4px solid #4cd9ef;border-radius:10px;background:linear-gradient(135deg,#0a2b3a,#0b1827);box-shadow:0 0 16px #3cdff025}.worldmarble-win-opportunity strong{color:#78edff;font-size:11px}.worldmarble-win-opportunity span{margin-top:3px;color:#b3cfda;font-size:9px;line-height:1.4}.worldmarble-win-opportunity.win{border-color:#ffd85b;background:linear-gradient(135deg,#493306,#111d29);box-shadow:0 0 22px #ffd23d4a;animation:worldOpportunityPulse .8s ease-in-out infinite alternate}.worldmarble-win-opportunity.win strong,.worldmarble-win-opportunity.tourist strong,.worldmarble-win-opportunity.landmark strong{color:#ffe36f}.worldmarble-win-opportunity.tourist,.worldmarble-win-opportunity.landmark{border-color:#d7ac37;background:linear-gradient(135deg,#352608,#101b27)}.worldmarble-win-opportunity.group{border-color:#7a6cff}.worldmarble-win-opportunity.group strong{color:#b9afff}.worldmarble-win-opportunity.line{border-color:#44e0a5}.worldmarble-win-opportunity.line strong,.worldmarble-win-opportunity.build strong{color:#71efbe}.worldmarble-win-opportunity.build{border-color:#3bd199} @media(min-width:851px) and (max-width:1120px){.worldmarble-win-opportunity{padding:6px 7px}.worldmarble-win-opportunity strong{font-size:9px}.worldmarble-win-opportunity span{font-size:8px}} @keyframes worldOpportunityPulse{to{filter:brightness(1.2);box-shadow:0 0 30px #ffd23d7a}} /* My cash and owned-property dashboard stays near the top of the action rail. */ .worldmarble-my-assets{padding:11px 12px;border:1px solid #ffffff16;border-left:3px solid #36dca0;border-radius:13px;background:linear-gradient(145deg,#0b2130f2,#0c1828f2);box-shadow:0 10px 24px #02061735}.worldmarble-my-cash{position:relative;display:flex;min-height:74px;padding:2px 0 8px;flex-direction:column;justify-content:center;border-bottom:1px solid #ffffff12}.worldmarble-my-cash:after{content:"₩";position:absolute;right:2px;top:4px;color:#4cf2b226;font-size:54px;font-weight:1000;line-height:1}.worldmarble-my-cash small{position:relative;z-index:1;color:#54e6ba;font-size:8px;font-weight:1000;letter-spacing:.14em}.worldmarble-my-cash strong{position:relative;z-index:1;margin-top:1px;color:#f3fffb;font-size:clamp(28px,2.1vw,36px);font-weight:1000;letter-spacing:-.055em;line-height:1;text-shadow:0 0 18px #43e8ad4a}.worldmarble-my-cash span{position:relative;z-index:1;margin-top:4px;color:#82a99d;font-size:9px}.worldmarble-my-assets-title{display:flex;margin:8px 0 6px;align-items:center;justify-content:space-between}.worldmarble-my-assets-title b{color:#dffbf2;font-size:11px}.worldmarble-my-assets-title span{padding:2px 7px;border-radius:999px;background:#42dda51c;color:#62e9b9;font-size:9px;font-weight:900}.worldmarble-my-assets-list{display:grid;max-height:146px;gap:4px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.worldmarble-my-assets-list article{display:grid;min-width:0;padding:6px 7px;grid-template-columns:6px minmax(0,1fr) auto;align-items:center;gap:7px;border:1px solid #ffffff0c;border-radius:9px;background:#ffffff07}.worldmarble-my-assets-list article>i{width:6px;height:30px;border-radius:999px;background:var(--asset-color);box-shadow:0 0 9px var(--asset-color)}.worldmarble-my-assets-list article>div{display:flex;min-width:0;flex-direction:column}.worldmarble-my-assets-list article>div b{overflow:hidden;color:#f3fbff;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.worldmarble-my-assets-list article>div small{overflow:hidden;color:#91afbb;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.worldmarble-my-assets-list article>span{display:flex;color:#ffd969;font-size:9px;font-weight:900;text-align:right;white-space:nowrap;flex-direction:column}.worldmarble-my-assets-list article>span small{color:#728f9d;font-size:7px;font-weight:700}.worldmarble-my-assets-empty{margin:8px 0 1px;color:#708c9d;font-size:9px}.worldmarble-my-assets-empty:last-child{padding:8px 0;text-align:center} @media(min-width:851px) and (max-width:1120px){.worldmarble-my-assets{padding:8px}.worldmarble-my-cash{min-height:62px}.worldmarble-my-cash strong{font-size:27px}.worldmarble-my-assets-list{max-height:112px}.worldmarble-my-assets-list article{padding:5px}.worldmarble-my-assets-list article>span{display:none}} @media(max-width:850px){.worldmarble-my-assets{grid-column:1/-1}.worldmarble-my-assets-list{max-height:180px;grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:560px){.worldmarble-my-assets-list{grid-template-columns:1fr}} /* Money always shows where it left, where it arrived, and both balances. */ .worldmarble-money-flow{position:absolute;z-index:175;width:1px;height:1px;color:#ffd75c}.worldmarble-money-flow i{position:absolute;display:grid;width:32px;height:32px;place-items:center;border:2px solid #fff4aa;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fffbd2,#e5aa22 55%,#7f4a00);color:#563000;font-size:16px;font-style:normal;font-weight:1000;box-shadow:0 0 18px #ffd84e,0 6px 12px #0009;animation:worldMoneyTransfer 1.55s cubic-bezier(.15,.7,.18,1) both}.worldmarble-money-flow i:nth-child(2){animation-delay:.12s}.worldmarble-money-flow i:nth-child(3){animation-delay:.24s}.worldmarble-money-flow.expense i{filter:saturate(.75)}.worldmarble-balance-change{position:absolute;z-index:190;left:50%;top:71%;display:flex;min-width:min(390px,86vw);padding:12px 18px;flex-direction:column;align-items:center;border:1px solid #ff7587;border-radius:14px;background:#07131ff2;color:white;box-shadow:0 18px 45px #000c,0 0 30px #ff435d35;transform:translate(-50%,-50%);animation:worldBalanceChange 2.2s both}.worldmarble-balance-change small{color:#a9c5d1;font-size:10px;font-weight:900}.worldmarble-balance-change strong{margin:2px 0;color:#ff7182;font-size:25px}.worldmarble-balance-change span{font-size:12px;font-weight:900}.worldmarble-balance-change em{margin-top:5px;color:#6ff0ad;font-size:11px;font-style:normal;font-weight:900}.worldmarble-players article.money-out{animation:worldMoneyOut 1.1s ease-out}.worldmarble-players article.money-in{animation:worldMoneyIn 1.1s ease-out} @keyframes worldMoneyTransfer{0%{opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(0)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.2) rotate(90deg)}82%{opacity:1;transform:translate(calc(-50% + var(--money-x)),calc(-50% + var(--money-y))) scale(.9) rotate(630deg)}100%{opacity:0;transform:translate(calc(-50% + var(--money-x)),calc(-50% + var(--money-y))) scale(.25) rotate(720deg)}}@keyframes worldBalanceChange{0%{opacity:0;transform:translate(-50%,25px) scale(.8)}18%,72%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-80px) scale(.9)}}@keyframes worldMoneyOut{25%{border-color:#ff5a70;box-shadow:0 0 30px #ff334f;transform:translateX(-5px)}}@keyframes worldMoneyIn{25%{border-color:#55eea4;box-shadow:0 0 30px #35e793;transform:scale(1.05)}} /* Sell one building level from the owned-property list. */ .worldmarble-my-assets-list article{grid-template-columns:6px minmax(0,1fr) auto}.worldmarble-asset-actions{display:flex!important;min-width:64px!important;align-items:flex-end;gap:4px}.worldmarble-asset-actions>span{display:flex;color:#ffd969;font-size:9px;font-weight:900;text-align:right;white-space:nowrap;flex-direction:column}.worldmarble-asset-actions>span small{color:#728f9d;font-size:7px;font-weight:700}.worldmarble-building-sell{min-height:25px;padding:3px 6px;border-color:#d99747;background:#33200f;color:#ffd89a;font-size:8px;font-weight:900;white-space:nowrap}.worldmarble-building-sell:not(:disabled):hover{border-color:#ffc76e;background:#5a3513}.worldmarble-building-sell:disabled{opacity:.48}.worldmarble-balance-change.gain{border-color:#55eca6;box-shadow:0 18px 45px #000c,0 0 30px #3ee18d45}.worldmarble-balance-change.gain strong{color:#67f0ac} @media(min-width:851px) and (max-width:1120px){.worldmarble-asset-actions>span{display:none}.worldmarble-asset-actions{min-width:54px!important}.worldmarble-building-sell{padding:3px 4px;font-size:7px}} /* Shift only the right action rail away from the room-chat edge. */ @media(min-width:851px){body.worldmarble-active .worldmarble-controls{transform:translateX(-8px)}} /* All clients receive the same large one-property-to-win warning. */ .worldmarble-win-threat-reveal{position:absolute;z-index:235;inset:0;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 50%,#64151bcf,#090712e8 64%,#02040be8);animation:worldThreatIn .28s ease-out both}.worldmarble-win-threat-content{display:flex;width:min(900px,92vw);padding:28px 34px;flex-direction:column;align-items:center;border:2px solid #ffca57;border-radius:24px;background:linear-gradient(145deg,#40140fec,#101b2bf2);box-shadow:0 0 70px #ff4d4566,inset 0 0 45px #ffcf4930;color:white;text-align:center}.worldmarble-win-threat-content small{color:#ffcf68;font-size:11px;font-weight:1000;letter-spacing:.24em}.worldmarble-win-threat-content strong{margin-top:8px;color:#fff0a0;font-size:clamp(38px,6vw,76px);font-weight:1000;letter-spacing:-.055em;line-height:1;text-shadow:0 0 14px #ff812c,0 0 38px #ff443e}.worldmarble-win-threat-content b{margin-top:14px;font-size:clamp(15px,2vw,23px);line-height:1.45}.worldmarble-win-threat-content span{margin-top:8px;color:#ffbdad;font-size:12px;font-weight:800}.worldmarble-win-threat-reveal.leaving{animation:worldThreatOut .45s ease-in both}.worldmarble-cell.win-threat-target{z-index:28;overflow:visible;outline:4px solid #ffdc62;outline-offset:-4px;filter:brightness(1.5);animation:worldThreatTile .48s ease-in-out infinite alternate} @media(max-width:700px){.worldmarble-win-threat-content{padding:20px 16px}.worldmarble-win-threat-content small{font-size:8px}.worldmarble-win-threat-content strong{font-size:34px}.worldmarble-win-threat-content b{font-size:13px}.worldmarble-win-threat-content span{font-size:9px}} @keyframes worldThreatIn{from{opacity:0;transform:scale(1.08)}to{opacity:1;transform:none}}@keyframes worldThreatOut{to{opacity:0;filter:blur(8px);transform:scale(.95)}}@keyframes worldThreatTile{to{box-shadow:inset 0 0 25px #ffe477,0 0 30px #ff5151;transform:scale(1.1)}} /* Compact personal decision summary below MY CASH. */ .worldmarble-my-overview{margin:8px 0 6px;padding:8px;border:1px solid #55e8bb24;border-radius:10px;background:#061723a8}.worldmarble-my-overview-head{display:flex;align-items:center;justify-content:space-between}.worldmarble-my-overview-head b{color:#dffbf2;font-size:10px}.worldmarble-my-overview-head span{padding:2px 6px;border-radius:999px;font-size:7px;font-weight:1000}.worldmarble-my-overview-head span.safe{background:#3be5a21d;color:#6df1bd}.worldmarble-my-overview-head span.risk{background:#ff66751d;color:#ff8e9b}.worldmarble-my-overview-grid{display:grid;margin-top:6px;grid-template-columns:1fr 1fr;gap:4px}.worldmarble-my-overview-grid article{display:flex;min-width:0;padding:5px 6px;flex-direction:column;border:1px solid #ffffff0b;border-radius:7px;background:#ffffff06}.worldmarble-my-overview-grid small{color:#6f929e;font-size:7px;font-weight:800}.worldmarble-my-overview-grid strong{overflow:hidden;margin-top:1px;color:#effdfa;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.worldmarble-my-overview-grid span{overflow:hidden;margin-top:1px;color:#86a7b2;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.worldmarble-my-colors{display:grid;margin-top:5px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px}.worldmarble-my-colors>small{color:#7897a3;font-size:7px;font-weight:900}.worldmarble-my-colors>div{display:flex;min-width:0;gap:3px;overflow-x:auto;scrollbar-width:none}.worldmarble-my-colors span{display:inline-flex;flex:0 0 auto;padding:2px 5px;align-items:center;border:1px solid color-mix(in srgb,var(--set-color) 72%,white);border-radius:999px;background:color-mix(in srgb,var(--set-color) 24%,#071723);color:#fff;font-size:7px;font-weight:900;box-shadow:inset 3px 0 var(--set-color)}.worldmarble-my-colors em{overflow:hidden;color:#5f7d89;font-size:7px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.worldmarble-my-focus{margin:6px 0 0;padding:5px 7px;border-left:3px solid #56dca9;border-radius:6px;background:#2ad69c10;color:#9feaca;font-size:8px;font-weight:900;line-height:1.35}.worldmarble-my-focus.win{border-color:#ffd052;background:#ffd05216;color:#ffe48a;box-shadow:0 0 13px #ffc53e24}.worldmarble-my-assets-list{max-height:126px} @media(min-width:851px) and (max-width:1120px){.worldmarble-my-overview{padding:6px}.worldmarble-my-overview-grid article{padding:4px}.worldmarble-my-overview-grid strong{font-size:8px}.worldmarble-my-overview-grid span{display:none}.worldmarble-my-focus{font-size:7px}.worldmarble-my-assets-list{max-height:88px}} /* Split the information rail around the board so game decisions remain readable. */ .worldmarble-controls{width:100%}.worldmarble-controls-left{grid-area:left}.worldmarble-board-shell{grid-area:board}.worldmarble-controls-right{grid-area:right} @media(min-width:1280px){body.worldmarble-active .worldmarble-layout{grid-template-columns:clamp(245px,18vw,320px) minmax(420px,1fr) clamp(245px,18vw,320px);grid-template-areas:"left board right";gap:10px}body.worldmarble-active .worldmarble-controls{height:100%;gap:10px;overflow-y:auto;transform:none}body.worldmarble-active .worldmarble-controls-left{overflow:hidden}body.worldmarble-active .worldmarble-controls-left .worldmarble-my-assets{display:flex;min-height:0;flex:1;flex-direction:column}body.worldmarble-active .worldmarble-controls-left .worldmarble-my-assets-list{max-height:none;min-height:100px;flex:1}body.worldmarble-active .worldmarble-turn-card,body.worldmarble-active .worldmarble-actions,body.worldmarble-active .worldmarble-players,body.worldmarble-active .worldmarble-rules{padding:13px 14px}body.worldmarble-active .worldmarble-turn-card small,body.worldmarble-active .worldmarble-action-title small{font-size:11px}body.worldmarble-active .worldmarble-turn-card strong{font-size:22px}body.worldmarble-active .worldmarble-turn-card span{font-size:13px}body.worldmarble-active .worldmarble-my-assets{padding:13px 14px}body.worldmarble-active .worldmarble-my-cash{min-height:86px}body.worldmarble-active .worldmarble-my-cash small{font-size:10px}body.worldmarble-active .worldmarble-my-cash strong{font-size:clamp(36px,2.4vw,44px)}body.worldmarble-active .worldmarble-my-cash span{font-size:11px}body.worldmarble-active .worldmarble-my-overview{padding:10px}body.worldmarble-active .worldmarble-my-overview-head b{font-size:13px}body.worldmarble-active .worldmarble-my-overview-head span{font-size:9px}body.worldmarble-active .worldmarble-my-overview-grid{gap:6px}body.worldmarble-active .worldmarble-my-overview-grid article{padding:7px 8px}body.worldmarble-active .worldmarble-my-overview-grid small{font-size:9px}body.worldmarble-active .worldmarble-my-overview-grid strong{font-size:12px}body.worldmarble-active .worldmarble-my-overview-grid span{font-size:9px}body.worldmarble-active .worldmarble-my-colors>small,body.worldmarble-active .worldmarble-my-colors span,body.worldmarble-active .worldmarble-my-colors em{font-size:9px}body.worldmarble-active .worldmarble-my-focus{padding:7px 9px;font-size:11px}body.worldmarble-active .worldmarble-my-assets-title b{font-size:14px}body.worldmarble-active .worldmarble-my-assets-title span{font-size:11px}body.worldmarble-active .worldmarble-my-assets-list{gap:6px}body.worldmarble-active .worldmarble-my-assets-list article{min-height:52px;padding:8px 9px}body.worldmarble-active .worldmarble-my-assets-list article>div b{font-size:13px}body.worldmarble-active .worldmarble-my-assets-list article>div small{font-size:10px}body.worldmarble-active .worldmarble-asset-actions>span{font-size:11px}body.worldmarble-active .worldmarble-asset-actions>span small{font-size:9px}body.worldmarble-active .worldmarble-building-sell{min-height:30px;padding:4px 7px;font-size:10px}body.worldmarble-active .worldmarble-action-title b{font-size:16px}body.worldmarble-active .worldmarble-action-buttons button{min-height:46px;font-size:13px}body.worldmarble-active .worldmarble-roll-console button{font-size:12px}body.worldmarble-active .worldmarble-roll-console .worldmarble-roll-main{font-size:17px}body.worldmarble-active .worldmarble-players{gap:7px}body.worldmarble-active .worldmarble-players article{min-height:48px;padding:8px 9px}body.worldmarble-active .worldmarble-players article>i{width:30px;height:30px}body.worldmarble-active .worldmarble-players article b{font-size:14px}body.worldmarble-active .worldmarble-players article small,body.worldmarble-active .worldmarble-players article>span{font-size:11px}body.worldmarble-active .worldmarble-rules summary{font-size:14px}body.worldmarble-active .worldmarble-rules p{font-size:12px}body.worldmarble-active .worldmarble-inventory{padding:12px 14px}body.worldmarble-active .worldmarble-inventory-head small{font-size:10px}body.worldmarble-active .worldmarble-inventory-head b{font-size:14px}body.worldmarble-active .worldmarble-inventory-empty{font-size:12px}body.worldmarble-active .worldmarble-inventory-card b{font-size:12px}body.worldmarble-active .worldmarble-inventory-card small{font-size:10px}} @media(min-width:851px) and (max-width:1279px){body.worldmarble-active .worldmarble-layout{grid-template-columns:minmax(390px,1fr) clamp(230px,25vw,290px);grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"board left" "board right"}body.worldmarble-active .worldmarble-board-shell{grid-row:1/3}body.worldmarble-active .worldmarble-controls{height:auto;overflow-y:auto;transform:none}} @media(max-width:850px){body.worldmarble-active .worldmarble-layout{grid-template-areas:"board" "left" "right"}body.worldmarble-active .worldmarble-controls{transform:none}} /* Country toll preview and unmistakable festival destination markers. */ .worldmarble-tile-tooltip{position:fixed;z-index:9998;width:max-content;max-width:min(280px,72vw);padding:10px 13px;border:1px solid #69e6ff;border-radius:11px;background:#06131ff2;color:#eefdff;font-size:12px;font-weight:800;line-height:1.55;white-space:pre-line;box-shadow:0 12px 32px #000b,0 0 22px #32d7f044;pointer-events:none}.worldmarble-tile-tooltip[hidden]{display:none}.worldmarble-board.festival-picking .worldmarble-cell:not(.festival-selectable){opacity:.46;filter:saturate(.35) brightness(.72)}.worldmarble-cell.festival-selectable{z-index:24;overflow:visible;opacity:1!important;filter:brightness(1.25) saturate(1.35)!important;cursor:pointer;animation:worldFestivalTarget .68s ease-in-out infinite alternate}.worldmarble-cell.festival-selectable:after{content:"🎆 개최";position:absolute;z-index:8;right:3px;bottom:3px;padding:3px 5px;border:1px solid #fff;border-radius:999px;background:#78127fea;color:white;font-size:8px;font-weight:1000;line-height:1;box-shadow:0 0 14px #ff5cf1;text-shadow:0 1px 2px #000}.worldmarble-gold-card-stage.private-card.auto-reveal,.worldmarble-gold-card-stage.private-card.auto-reveal .worldmarble-gold-card{cursor:default} @keyframes worldFestivalTarget{from{box-shadow:inset 0 0 0 3px #fff,inset 0 0 28px #ff4be366,0 0 8px #ff57e7}to{box-shadow:inset 0 0 0 6px #ff70eb,inset 0 0 38px #ff4be399,0 0 30px #ff57e7;transform:scale(1.055)}} .worldmarble-gold-card-stage.reveal .worldmarble-gold-card{animation:none} .worldmarble-gold-redraw-prompt{display:flex;padding:12px 13px;align-items:center;gap:10px;border:1px solid #ffd85c66;border-radius:13px;background:linear-gradient(135deg,#3d2a08,#151b28);box-shadow:inset 3px 0 #ffd95c,0 10px 22px #0005}.worldmarble-gold-redraw-prompt>i{font-size:28px;font-style:normal;filter:drop-shadow(0 0 8px #ffd34f)}.worldmarble-gold-redraw-prompt>div{display:flex;min-width:0;flex-direction:column}.worldmarble-gold-redraw-prompt b{color:#fff3b0;font-size:13px}.worldmarble-gold-redraw-prompt span{margin-top:3px;color:#bfcbd2;font-size:9px;line-height:1.4}.worldmarble-gold-redraw-actions{grid-template-columns:1fr 1fr}.worldmarble-gold-redraw-actions button{min-width:0} .worldmarble-gold-card-stage.reveal:not(.leaving):not(.collecting) .worldmarble-gold-card{transform:none;transition:none;animation:worldGoldReliableFlip .85s cubic-bezier(.2,.7,.2,1) both}.worldmarble-gold-card-stage.reveal .worldmarble-gold-card section:first-child{animation:worldGoldFrontSwap .85s step-end both}.worldmarble-gold-card-stage.reveal .worldmarble-gold-card section:last-child{transform:none;animation:worldGoldBackSwap .85s step-end both} @keyframes worldGoldReliableFlip{0%{transform:rotateY(0) scale(1)}48%{transform:rotateY(88deg) scale(1.04)}52%{transform:rotateY(-88deg) scale(1.04)}100%{transform:rotateY(0) scale(1)}}@keyframes worldGoldFrontSwap{0%,49%{opacity:1;visibility:visible}50%,100%{opacity:0;visibility:hidden}}@keyframes worldGoldBackSwap{0%,49%{opacity:0;visibility:hidden}50%,100%{opacity:1;visibility:visible}} /* Fit the full room at 100% browser zoom without sacrificing the split HUD. */ @media(min-width:851px){body.worldmarble-active #room>aside{flex:0 0 clamp(220px,15vw,270px);width:clamp(220px,15vw,270px)}body.worldmarble-active .worldmarble-layout{max-width:100%;overflow:hidden}} @media(min-width:1280px){body.worldmarble-active .worldmarble-layout{grid-template-columns:clamp(230px,16vw,300px) minmax(0,1fr) clamp(230px,16vw,300px)}} .worldmarble-liquidate-list{display:flex;max-height:260px;flex-direction:column;gap:6px}.worldmarble-liquidate-item{display:grid;gap:5px;padding:8px;border:1px solid #ffffff17;border-radius:10px;background:#061421b8}.worldmarble-liquidate-item>b{color:#e8f8ff;font-size:12px}.worldmarble-liquidate-item>div{display:flex;gap:5px}.worldmarble-liquidate-item button{min-height:34px;flex:1;padding:6px;font-size:10px}.worldmarble-debt{line-height:1.45} .worldmarble-board{grid-template:repeat(11,1fr)/repeat(11,1fr)}.worldmarble-center{inset:13%}.worldmarble-cell.has-token{z-index:5;box-shadow:inset 0 0 0 2px #fff8aa,0 0 15px #ffe25b66}.worldmarble-token{z-index:18;width:34px;height:34px;border:3px solid #fff;font-size:13px;font-weight:1000;box-shadow:0 0 0 2px #07101c,0 0 0 5px var(--token-color),0 5px 14px #000d;text-shadow:0 1px 2px #000;transform:translate(var(--token-x,0),var(--token-y,0))}.worldmarble-token.turn{animation:worldTokenPulse .72s ease-in-out infinite alternate}.worldmarble-token.turn:before{content:"▼";position:absolute;left:50%;top:-21px;color:#fff26d;font-size:16px;line-height:1;filter:drop-shadow(0 0 5px #ffd83d);transform:translateX(-50%)}.worldmarble-players article>span{overflow:hidden;max-width:82px;color:#c4efff!important;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.worldmarble-players article.turn>span{color:#fff184!important}@keyframes worldTokenPulse{to{filter:brightness(1.35);box-shadow:0 0 0 2px #07101c,0 0 0 6px #fff26d,0 0 25px var(--token-color),0 6px 16px #000d}} @media(max-width:700px){.worldmarble-token{width:27px;height:27px;border-width:2px;font-size:10px}.worldmarble-token.turn:before{top:-16px;font-size:12px}.worldmarble-center{inset:14%}} /* 현재 위치와 차례를 보드 위에서 즉시 구분할 수 있는 말 표식. */ .worldmarble-token { position:relative; z-index:22; width:38px; height:38px; border:4px solid #fff; font-size:14px; box-shadow:0 0 0 2px #07101c,0 0 0 6px var(--token-color),0 7px 18px #000e; isolation:isolate; } .worldmarble-token.turn { z-index:32; animation:worldTokenPulse .72s ease-in-out infinite alternate; } .worldmarble-token.turn::before { content:""; position:absolute; z-index:3; top:-25px; left:50%; width:0; height:0; border-right:9px solid transparent; border-left:9px solid transparent; border-top:14px solid #ffe55c; filter:drop-shadow(0 0 3px #111) drop-shadow(0 0 8px #ffd21f); transform:translateX(-50%); animation:worldTurnArrow .58s ease-in-out infinite alternate; } .worldmarble-token.turn::after { content:""; position:absolute; z-index:-1; inset:-11px; border:3px solid #ffe55c; border-radius:50%; box-shadow:0 0 18px #ffd21faa; animation:worldTurnHalo .85s ease-out infinite; } @keyframes worldTurnArrow { to { transform:translate(-50%,-5px) } } @keyframes worldTurnHalo { from { opacity:.9; transform:scale(.72) } to { opacity:0; transform:scale(1.28) } } @media(max-width:700px){ .worldmarble-token{width:30px;height:30px;border-width:3px;font-size:11px} .worldmarble-token.turn::before{top:-20px;border-right-width:7px;border-left-width:7px;border-top-width:11px} .worldmarble-token.turn::after{inset:-8px;border-width:2px} } /* Mobile gameplay: preserve the square board and keep decisions within the visual viewport. */ @media(max-width:850px){ body.worldmarble-active .worldmarble-play-area{ display:flex; width:100%; min-height:0; margin:0; padding:1px; flex:1; overflow:auto; overscroll-behavior:contain; } body.worldmarble-active .worldmarble-layout{ width:100%; min-height:0; grid-template-columns:minmax(0,1fr); grid-template-areas:"board" "left" "right"; gap:6px; align-content:start; } body.worldmarble-active .worldmarble-board-shell{width:100%;height:auto;padding:3px;border-radius:12px} body.worldmarble-active .worldmarble-board{ width:min(100%,calc(var(--game-viewport-height,100dvh) - 330px),520px); min-width:280px; height:auto; margin:auto; aspect-ratio:1; } body.worldmarble-active .worldmarble-controls{gap:5px;overflow:visible} body.worldmarble-active .worldmarble-controls-left{display:grid;grid-template-columns:minmax(0,1fr) minmax(118px,.42fr);gap:5px} body.worldmarble-active .worldmarble-turn-card{min-height:0;padding:7px 9px;border-radius:11px} body.worldmarble-active .worldmarble-turn-card small{font-size:7px} body.worldmarble-active .worldmarble-turn-card strong{font-size:13px} body.worldmarble-active .worldmarble-turn-card span{display:-webkit-box;overflow:hidden;margin-top:2px;font-size:8px;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2} body.worldmarble-active .worldmarble-my-assets{min-height:0;padding:7px;border-radius:11px} body.worldmarble-active .worldmarble-my-cash{min-height:0;padding:0} body.worldmarble-active .worldmarble-my-cash small{font-size:6px} body.worldmarble-active .worldmarble-my-cash strong{font-size:17px} body.worldmarble-active .worldmarble-my-cash span{font-size:7px} body.worldmarble-active .worldmarble-my-overview, body.worldmarble-active .worldmarble-my-assets-title, body.worldmarble-active .worldmarble-my-assets-list, body.worldmarble-active .worldmarble-my-assets-empty{display:none} body.worldmarble-active .worldmarble-controls-right{display:grid;grid-template-columns:minmax(0,1fr);gap:5px} body.worldmarble-active .worldmarble-actions{min-height:0;padding:8px;border-radius:11px} body.worldmarble-active .worldmarble-action-title{margin-bottom:6px} body.worldmarble-active .worldmarble-action-title small{font-size:7px} body.worldmarble-active .worldmarble-action-title b{font-size:10px} body.worldmarble-active .worldmarble-action-buttons{gap:5px} body.worldmarble-active .worldmarble-action-buttons button{min-height:40px;padding:6px;flex:1 1 92px;font-size:10px} body.worldmarble-active .worldmarble-action-empty{min-height:54px;font-size:9px} body.worldmarble-active .worldmarble-action-empty span{font-size:19px} body.worldmarble-active .worldmarble-players{display:none} body.worldmarble-active .worldmarble-inventory{max-height:94px;padding:7px;overflow:auto;border-radius:11px} body.worldmarble-active .worldmarble-inventory-head{margin-bottom:4px} body.worldmarble-active .worldmarble-inventory-card{min-height:36px;padding:5px} body.worldmarble-active .worldmarble-cell{padding:6px 1px 1px} body.worldmarble-active .worldmarble-cell b{font-size:clamp(5px,1.8vw,8px)} body.worldmarble-active .worldmarble-center{inset:14%} body.worldmarble-active .worldmarble-center h2{margin:2px 0 5px;font-size:13px} body.worldmarble-active .worldmarble-center>small{font-size:6px} body.worldmarble-active .worldmarble-center>strong, body.worldmarble-active .worldmarble-center>span{font-size:7px} body.worldmarble-active .worldmarble-dice i{width:30px;height:30px;border-radius:7px;font-size:16px} } @media(max-width:850px) and (orientation:landscape){ body.worldmarble-active .worldmarble-play-area{overflow:hidden} body.worldmarble-active .worldmarble-layout{ height:100%; grid-template-columns:minmax(145px,.56fr) minmax(265px,1fr) minmax(210px,.78fr); grid-template-areas:"left board right"; gap:5px; align-items:stretch; } body.worldmarble-active .worldmarble-board-shell{height:100%} body.worldmarble-active .worldmarble-board{width:auto;height:min(100%,calc(var(--game-viewport-height,100dvh) - 105px));min-width:0;max-width:100%;max-height:100%} body.worldmarble-active .worldmarble-controls-left{display:flex;max-height:100%;flex-direction:column;overflow:auto} body.worldmarble-active .worldmarble-controls-right{display:flex;max-height:100%;flex-direction:column;overflow:auto} body.worldmarble-active .worldmarble-inventory{max-height:120px} } /* 세금·보너스 칸은 참가자 소유 색과 혼동되지 않는 전용 재질을 사용한다. */ .worldmarble-cell.tax{color:#fff4e9;background:repeating-linear-gradient(135deg,#15171d 0 10px,#343038 10px 20px);box-shadow:inset 0 0 0 2px #ff9b5b80} .worldmarble-cell.tax .worldmarble-cell-band{background:repeating-linear-gradient(90deg,#ff9b45 0 8px,#2d2527 8px 16px)} .worldmarble-cell.bonus{color:#082a39;background:linear-gradient(145deg,#f7fdff,#b9e9f1 52%,#83c9dc);box-shadow:inset 0 0 0 2px #ffffffb8} .worldmarble-cell.bonus>small{color:#315e70} .worldmarble-cell.bonus .worldmarble-cell-band{background:linear-gradient(90deg,#ffffff,#6ee7f2,#ffffff)} /* 장착 게임 카드는 황금 카드함과 구분되는 고정 장비 영역으로 표시한다. */ .worldmarble-equipped-card{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:7px 0;padding:9px 10px;border:1px solid currentColor;border-radius:11px;background:linear-gradient(135deg,#17243a,#0b1726);box-shadow:inset 0 0 16px #ffffff08}.worldmarble-equipped-card>div{display:grid;min-width:0;gap:2px}.worldmarble-equipped-card small{font-size:8px;letter-spacing:.12em;text-transform:uppercase}.worldmarble-equipped-card b{overflow:hidden;color:#f4f8ff;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.worldmarble-equipped-card span{color:#aebdd0;font-size:9px}.worldmarble-equipped-card-use{flex:0 0 auto;min-height:34px;padding:6px 9px;border-color:currentColor!important;background:#27304c!important;font-size:9px!important} .worldmarble-equipped-inventory{display:flex;align-items:center;gap:8px;margin:8px 0;padding:9px;border:1px solid currentColor;border-radius:10px;background:#111c2d}.worldmarble-equipped-inventory>i{display:grid;width:34px;height:38px;place-items:center;border-radius:9px;background:#ffffff0d;font-style:normal;font-size:18px}.worldmarble-equipped-inventory>div{display:grid;min-width:0;gap:2px}.worldmarble-equipped-inventory small{font-size:7px;letter-spacing:.1em}.worldmarble-equipped-inventory b{overflow:hidden;color:#f4f7ff;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.worldmarble-equipped-inventory span{color:#92a3b8;font-size:8px;line-height:1.35} /* 총자산 기준 실시간 순위 */ .worldmarble-ranking-head{display:flex;min-height:22px;padding:0 3px 5px;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff10}.worldmarble-ranking-head b{color:#eaf9ff;font-size:11px}.worldmarble-ranking-head small{color:#7193a5;font-size:8px;font-weight:800}.worldmarble-players article>i{border:2px solid #ffffff52;box-shadow:0 0 0 1px #06101b,0 3px 9px #0006}.worldmarble-players article.rank-1>i{border-color:#ffe16c;box-shadow:0 0 0 1px #6c4700,0 0 13px #ffc83b70}.worldmarble-players article.rank-2>i{border-color:#d8e4ef}.worldmarble-players article.rank-3>i{border-color:#e6a168} .worldmarble-mobile-info-toggle,.worldmarble-mobile-info-backdrop,.worldmarble-mobile-info-panel{display:none} /* Mobile board view: only live decisions stay on canvas; account detail/rankings move to ≡. */ @media(max-width:850px){ body.worldmarble-active #room>.panel.grow>.section-title{padding-right:190px} body.worldmarble-active .worldmarble-play-area{position:relative;overflow:hidden} body.worldmarble-active .worldmarble-layout{ width:100%;height:100%;min-height:0;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;grid-template-areas:"board" "left" "right";gap:5px;align-content:start;overflow:hidden } body.worldmarble-active .worldmarble-board-shell{display:grid;width:100%;height:auto;min-height:0;padding:3px;place-items:center;overflow:hidden} body.worldmarble-active .worldmarble-board{width:min(100%,calc(100vw - 18px));height:auto;min-width:0;max-width:100%;max-height:100%;aspect-ratio:1} body.worldmarble-active .worldmarble-controls-left{display:grid;min-height:45px;max-height:58px;grid-template-columns:minmax(0,1fr) minmax(108px,.38fr);gap:5px;overflow:hidden} body.worldmarble-active .worldmarble-turn-card{height:100%;min-height:0} body.worldmarble-active .worldmarble-my-assets{height:100%;min-height:0;overflow:hidden} body.worldmarble-active .worldmarble-controls-right{display:grid;min-height:0;max-height:176px;grid-template-columns:minmax(0,1fr);gap:5px;overflow:hidden} body.worldmarble-active .worldmarble-actions{min-height:0;max-height:112px;overflow:auto;overscroll-behavior:contain} body.worldmarble-active .worldmarble-inventory{min-height:48px;max-height:59px;overflow:auto} body.worldmarble-active .worldmarble-inventory-head{margin:0} body.worldmarble-active .worldmarble-inventory-list{display:flex;gap:4px} body.worldmarble-active .worldmarble-inventory-card{min-width:150px} body.worldmarble-active .worldmarble-mobile-info-toggle{ position:fixed;z-index:125;top:calc(9px + env(safe-area-inset-top));right:147px;display:grid;width:36px;height:34px;place-items:center;padding:0;border:1px solid #6de7f086;border-radius:999px;color:#effeff;background:#103544ed;box-shadow:0 8px 24px #0009;font-size:22px;font-weight:900;line-height:1 } body.worldmarble-active .worldmarble-mobile-info-backdrop{position:fixed;z-index:120;inset:0;display:block;width:100%;height:100%;padding:0;border:0;border-radius:0;background:#020711a8;backdrop-filter:blur(3px)} body.worldmarble-active .worldmarble-mobile-info-backdrop[hidden]{display:none!important} body.worldmarble-active .worldmarble-mobile-info-panel{ position:fixed;z-index:123;right:6px;bottom:calc(6px + env(safe-area-inset-bottom));left:6px;display:flex;width:auto;height:min(72vh,560px);min-height:290px;padding:0;flex-direction:column;overflow:hidden;border:1px solid #4a8394;border-radius:18px;background-color:#07131f;background-image:linear-gradient(155deg,#10283a,#07131f 72%);box-shadow:0 24px 70px #000e } body.worldmarble-active .worldmarble-mobile-info-panel[hidden]{display:none!important} body.worldmarble-active .worldmarble-mobile-info-panel>header{display:flex;min-height:50px;padding:10px 12px;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12} body.worldmarble-active .worldmarble-mobile-info-panel>header>div{display:grid;gap:2px} body.worldmarble-active .worldmarble-mobile-info-panel>header small{color:#61e9ef;font-size:7px;font-weight:900;letter-spacing:.16em} body.worldmarble-active .worldmarble-mobile-info-panel>header b{color:#eefcff;font-size:13px} body.worldmarble-active .worldmarble-mobile-info-panel>header button{display:grid;width:34px;height:34px;place-items:center;padding:0;border-radius:50%;font-size:20px} body.worldmarble-active #worldmarble-mobile-info-content{display:grid;min-height:0;padding:10px;gap:8px;flex:1;overflow:auto;overscroll-behavior:contain} body.worldmarble-active .worldmarble-mobile-assets-copy{display:flex;height:auto;padding:10px;gap:8px;flex-direction:column;overflow:visible} body.worldmarble-active .worldmarble-mobile-assets-copy .worldmarble-my-overview{display:block} body.worldmarble-active .worldmarble-mobile-assets-copy .worldmarble-my-assets-title{display:flex} body.worldmarble-active .worldmarble-mobile-assets-copy .worldmarble-my-assets-list{display:grid;max-height:none;overflow:visible} body.worldmarble-active .worldmarble-mobile-assets-copy .worldmarble-my-assets-empty{display:block} body.worldmarble-active .worldmarble-mobile-players-copy{display:grid!important;padding:10px;gap:5px} } @media(max-width:850px) and (max-height:680px){ body.worldmarble-active .worldmarble-layout{grid-template-rows:auto auto auto} body.worldmarble-active .worldmarble-board{width:min(100%,calc(var(--game-viewport-height,100dvh) - 285px))} body.worldmarble-active .worldmarble-controls-left{max-height:48px} body.worldmarble-active .worldmarble-controls-right{max-height:139px} body.worldmarble-active .worldmarble-actions{max-height:92px;padding:6px} body.worldmarble-active .worldmarble-action-buttons button{min-height:34px} body.worldmarble-active .worldmarble-inventory{min-height:40px;max-height:42px;padding:5px} body.worldmarble-active .worldmarble-equipped-inventory,body.worldmarble-active .worldmarble-inventory-empty{display:none} } @media(max-width:850px) and (orientation:landscape){ body.worldmarble-active .worldmarble-layout{grid-template-columns:minmax(130px,.45fr) minmax(240px,1fr) minmax(190px,.68fr);grid-template-rows:minmax(0,1fr);grid-template-areas:"left board right";gap:4px;align-content:stretch} body.worldmarble-active .worldmarble-board-shell{height:100%} body.worldmarble-active .worldmarble-board{width:auto;height:min(100%,calc(100vh - 58px))} body.worldmarble-active .worldmarble-controls-left,body.worldmarble-active .worldmarble-controls-right{display:flex;max-height:100%;flex-direction:column;overflow:auto} body.worldmarble-active .worldmarble-controls-right{max-height:100%} body.worldmarble-active .worldmarble-actions{max-height:none} body.worldmarble-active .worldmarble-inventory{max-height:100px} }