/* The live game is a viewport-sized scene. Only opened menus may scroll. */
body:has(.play-screen){height:100dvh;overflow:hidden;background:#bcdbdf}
.play-screen{position:relative;isolation:isolate;width:100%;height:100dvh;min-height:0;overflow:hidden;color:#2c4b56;background:radial-gradient(ellipse at 52% 37%,#e6f1d947 0,transparent 58%),linear-gradient(160deg,#95c6d9 0%,#bbdce1 48%,#dce9d8 100%);font-family:ui-rounded,"Segoe UI",sans-serif}
.play-screen:before{position:absolute;content:'';inset:0;z-index:-1;background-image:radial-gradient(#fff9 1px,transparent 1px);background-size:41px 41px;opacity:.09;mask-image:linear-gradient(transparent,#000)}
.sky-cloud{position:absolute;width:270px;height:90px;border-radius:50%;background:#fff;filter:blur(35px);opacity:.17;pointer-events:none}
.cloud-one{top:17%;left:-70px;transform:rotate(-25deg)}.cloud-two{right:-50px;top:54%;width:330px;opacity:.23}
.sky-sparkles{position:absolute;inset:35% auto auto 6%;color:#f1fffd80;font-size:50px;pointer-events:none;font-weight:200;transform:rotate(16deg)}.sky-sparkles span{position:absolute;left:81vw;top:15vh;font-size:35px}.sky-sparkles i{position:absolute;top:26vh;left:13vw;font-size:24px;font-style:normal}
.play-header{position:absolute;z-index:5;inset:0 0 auto;height:74px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(#ffffff25,transparent)}
.play-identity{display:flex;align-items:center;gap:20px;min-width:0;flex:1}.play-header .brand{color:#264e5a;font-size:32px;text-shadow:0 2px 0 #ffffff40;letter-spacing:-2px}.play-header .brand i{display:none}
.play-room{font-size:10px;max-width:185px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border-left:1px solid #4e7c882c;padding-left:19px;color:#577e88}
.play-turn-indicator{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:700;color:#416c74;background:#eff9ed96;box-shadow:0 3px 0 #6f979b12,inset 0 1px 0 #ffffffa8;padding:11px 19px;border:1px solid #ffffff81;border-radius:30px;max-width:35%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.turn-light{width:6px;height:6px;background:#6aa782;border-radius:50%;box-shadow:0 0 0 4px #77ae8124;flex-shrink:0}
.play-header-tools{display:flex;align-items:center;gap:10px;justify-content:flex-end;flex:1}.play-header .connection{font-size:9px;color:#557984;margin-right:7px}.play-header .connection.offline{color:#a87240}
.hud-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #ffffff91;border-radius:12px;background:#eff7f373;color:#456874;box-shadow:0 3px 0 #5b86951a;transition:background .15s,transform .15s}.hud-icon:hover{background:#f6ffffcc;transform:translateY(-1px)}.menu-toggle{flex-direction:column;gap:4px}.menu-toggle span{width:14px;height:2px;background:#456874;border-radius:2px}
.players-hud{position:absolute;inset:0;pointer-events:none;z-index:4}.hud-player{position:absolute;top:calc(102px + var(--seat-row) * 91px);width:184px;height:76px;padding:10px;display:flex;align-items:center;gap:10px;text-align:left;background:#f7f9f0d9;border:1px solid #ffffffef;border-radius:16px;box-shadow:0 5px 0 #65879422,0 8px 20px #4b899512;pointer-events:auto;transition:transform .18s,background .18s;backdrop-filter:blur(8px)}.hud-player:hover{background:#fffcf1;transform:translateY(-2px)}.seat-left{left:24px}.seat-right{right:24px}.hud-player.is-current{border-color:#fff7ca;background:#fff8e4f5;box-shadow:0 5px 0 #92a18536,0 0 0 3px #fff4bd66}.hud-player.is-bankrupt{opacity:.5;filter:grayscale(.7)}
.hud-avatar{display:flex;align-items:center;justify-content:center;width:46px;height:49px;border-radius:12px;background:color-mix(in srgb,var(--player-color) 22%,#fff5df);color:var(--player-color);font-size:35px;flex-shrink:0;box-shadow:inset 0 2px 0 #fff6,0 3px 0 color-mix(in srgb,var(--player-color) 30%,transparent);text-shadow:0 2px 0 #fff9}.hud-player-copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.hud-player-name{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#53717b;font-weight:600}.hud-player-name b{font-size:5.5px;padding:2px 4px;letter-spacing:.5px;background:#8cbab324;border-radius:3px;margin-left:4px;vertical-align:middle}.hud-player-copy>strong{font-size:20px;line-height:1.15;letter-spacing:-.6px;color:#2e5059;font-variant-numeric:tabular-nums}.hud-player-detail{font-size:8px;color:#8a9a91;display:flex;align-items:center;gap:4px}.hud-player-detail .presence{height:4px;width:4px}.turn-crown{position:absolute;right:10px;top:-11px;width:23px;height:23px;display:flex;align-items:center;justify-content:center;background:#e9b94b;color:#fff9d7;border-radius:50%;border:2px solid #fff0b8;font-size:12px;box-shadow:0 2px 0 #b1975866}
.island-stage{position:absolute;inset:70px 18px 160px;display:flex;justify-content:center;align-items:center;min-width:0;min-height:0;z-index:2;pointer-events:none}.island-scene{display:block;width:100%;height:100%;overflow:visible;pointer-events:none;filter:drop-shadow(0 11px 1px #2f647508)}.scene-tile{cursor:pointer;pointer-events:visiblePainted;outline:none}.scene-tile .tile-surface{transition:fill .15s,stroke .15s}.scene-tile:hover .tile-surface,.scene-tile:focus .tile-surface{fill:#fffdd1;stroke:#fffbce;stroke-width:4;filter:drop-shadow(0 0 5px #ffffffaa)}.scene-tile-label{fill:#4e6665;font-family:"Segoe UI",sans-serif;font-weight:650;pointer-events:none;paint-order:stroke;stroke:#fff8e7;stroke-width:1.2px;stroke-linejoin:round}.scene-price{fill:#596f67;font-size:8px;font-weight:600;pointer-events:none}.scene-symbol{font-family:Georgia,serif;font-weight:700;font-size:23px;pointer-events:none}.scene-building{filter:drop-shadow(2px 3px 1px #234f3619)}.park-logo{font-family:"Segoe UI",sans-serif;font-size:49px;font-weight:900;letter-spacing:3px;fill:#f5f4d2;stroke:#739d5d;stroke-width:1.2px;paint-order:stroke;opacity:.83}.park-caption{font-family:"Segoe UI",sans-serif;font-size:9px;letter-spacing:5px;font-weight:700;fill:#527747;opacity:.65}.pawn-active .pawn-figurine{animation:pawn-breathe 2.4s ease-in-out infinite;transform-origin:0 0}.pawn-ring{animation:ring-pulse 2.4s ease-in-out infinite}.selected-tile{filter:drop-shadow(0 0 4px #fff7bb)}
.scene-caption{position:absolute;left:50%;bottom:146px;transform:translateX(-50%);display:flex;align-items:center;gap:9px;white-space:nowrap;color:#5d879084;font-size:7px;letter-spacing:2px;font-weight:650;z-index:3;pointer-events:none}.scene-caption>span:first-child{color:#456b71ad;font-size:8px}.scene-caption .caption-separator{color:#729b97}.scene-caption i{height:1px;width:24px;background:#71989738;margin:0 5px}.scene-caption small{font-size:8px;letter-spacing:0;font-weight:400;color:#66878e9c}
.hud-incoming{position:absolute;bottom:165px;right:26px;z-index:6;padding:12px 15px;display:flex;align-items:center;gap:9px;border:1px solid #fff4c1;border-radius:13px;background:#fff2cbed;box-shadow:0 4px 0 #b29e6822;font-size:11px;color:#8a7748}.hud-incoming b{font-size:10px}
.play-footer{position:absolute;bottom:0;left:0;right:0;z-index:5;padding:0 24px 13px}.play-controls{display:flex;align-items:stretch;gap:12px;width:100%;max-width:1320px;margin:auto}.dice-tray{flex:0 0 135px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px}.dice-pair{display:flex;align-items:center;gap:0;filter:drop-shadow(0 5px 4px #52829422)}.hud-die{width:49px;height:53px;transform:rotate(-12deg)}.hud-die.die-1{transform:rotate(13deg);margin-top:7px}.dice-tray>span{font-size:6px;letter-spacing:1.1px;color:#6c9091;font-weight:700;white-space:nowrap}.is-rolling .hud-die{animation:roll-die .65s cubic-bezier(.2,.7,.3,1)}.is-rolling .die-1{animation-delay:.065s}
.action-dock{flex:1;min-width:0;display:flex}.play-screen .turn-panel{width:100%;min-height:86px;flex-wrap:nowrap;gap:16px;padding:16px 22px;background:#f8fbefec;border:1px solid #fffdf5;border-radius:19px;box-shadow:0 5px 0 #71979622,0 9px 28px #57818d10;backdrop-filter:blur(12px)}.play-screen .turn-panel h2{font-family:ui-rounded,"Segoe UI",sans-serif;font-size:17px;letter-spacing:-.5px;font-weight:730;margin:5px 0 0;color:#335563}.play-screen .turn-panel p{font-size:10px;color:#8b9d98;line-height:1.5;margin-top:5px;max-width:430px}.play-screen .turn-panel .overline{font-size:7px;letter-spacing:1.6px;color:#75a290;font-weight:750}.play-screen .turn-identity{gap:12px}.play-screen .turn-identity>.pawn{display:none}.play-screen .turn-panel .action-row{flex-wrap:wrap;justify-content:flex-end;flex-shrink:0;max-width:56%}.play-screen .turn-panel .btn{font-size:11px;min-height:42px;border-radius:12px;padding:11px 15px;font-weight:750;gap:8px}.play-screen .primary{background:linear-gradient(#fbd778,#efbf56);color:#675127;border:1px solid #fff1b4;box-shadow:0 4px 0 #c6a052,0 6px 10px #bf9e5130;text-shadow:0 1px 0 #fff6}.play-screen .primary:hover:not(:disabled){background:linear-gradient(#ffe397,#f3c867);transform:translateY(-1px)}.play-screen .primary:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 #c6a052}.play-screen .secondary{background:#ecf1e5;border:1px solid #d7e1d0;color:#648078;box-shadow:0 3px 0 #c9d7c755}.play-screen .ghost{color:#729087;background:transparent}.play-screen .danger{font-size:9px!important;color:#ae6959;background:#f6e5dc;border-color:#ecd2c3;box-shadow:0 3px 0 #cead9940}.play-screen .winner-panel{background:#fff3caed}.play-screen .winner-panel>div{display:flex;flex-wrap:wrap;align-items:center;gap:9px}.play-screen .winner-panel p{display:none}.play-screen .debt-panel{background:#fff0e3f5}.play-screen .debt-panel .overline{color:#c17a56}.play-screen .auction-panel{background:#fff6dfeF}.play-screen .bid-form{min-width:0}.play-screen .bid-form .action-row{max-width:none;flex-wrap:nowrap}.play-screen .bid-form input{width:85px;min-height:40px;font-size:12px;border-radius:10px;border-color:#e0d8b8;background:#fffdf2}.play-screen .bid-form select{padding:5px 9px;min-height:30px;margin-bottom:5px;font-size:10px}.play-screen .status-tag{font-size:9px;white-space:nowrap;background:#e1ead6;color:#6a8a64}
.play-quick-tools{display:flex;align-items:center;gap:7px;flex:0 0 auto}.play-quick-tools button{width:60px;height:67px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;background:#edf6ec8c;border:1px solid #fbfff0bd;border-radius:15px;box-shadow:0 4px 0 #71999720;color:#557c80;transition:background .15s,transform .15s}.play-quick-tools button:hover:not(:disabled){background:#fffced;transform:translateY(-2px)}.play-quick-tools span{font-size:8px;font-weight:600;white-space:nowrap}.play-bottomline{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1285px;margin:14px auto 0;font-size:8px;color:#648689b3;min-height:17px}.play-bottomline>span,.play-bottomline>button{display:flex;align-items:center;gap:6px}.play-bottomline button{font:inherit;color:inherit;border:0;background:transparent;padding:0}.play-bottomline button:hover{color:#315f68}.play-bottomline>button:last-child{letter-spacing:1px;font-size:7px}
body:has(.play-screen) dialog{background:#f9faf0;border:2px solid #fffef4;border-radius:20px;box-shadow:0 14px 0 #4a737529,0 25px 95px #244b6340;color:#335462}body:has(.play-screen) dialog::backdrop{background:#1a4a6038;backdrop-filter:blur(4px)}body:has(.play-screen) .modal-header h2{font-family:ui-rounded,"Segoe UI",sans-serif;font-weight:750;font-size:22px;letter-spacing:-.7px}body:has(.play-screen) .modal-header .icon-btn{border-radius:11px;background:#eaf0e4;color:#7d9589;font-size:25px}body:has(.play-screen) dialog .btn{border-radius:10px}body:has(.play-screen) .deed{border:0;padding:0}body:has(.play-screen) .deed-title{border-radius:12px;padding:22px 15px;box-shadow:inset 0 -5px 0 #0000000c}body:has(.play-screen) .deed-title h3{font-family:ui-rounded,"Segoe UI",sans-serif;font-weight:700;font-size:24px}body:has(.play-screen) .deed-actions{padding-top:20px}body:has(.play-screen) .deed-status{padding:20px 8px}
dialog.game-drawer{position:fixed;inset:14px 14px 14px auto;margin:0;width:380px;max-width:calc(100vw - 28px);height:calc(100dvh - 28px);max-height:none;padding:24px 23px 17px;overflow:hidden;display:flex;flex-direction:column;border-radius:22px;background:#f7f9ee;animation:drawer-in .2s ease-out}dialog.game-drawer:not([open]){display:none}.game-drawer .modal-header{flex-shrink:0;margin-bottom:23px}.game-menu-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;background:#e9efe1;border:1px solid #dce6d3;border-radius:12px;padding:5px;flex-shrink:0}.game-menu-tabs button{display:flex;flex-direction:column;align-items:center;gap:7px;background:transparent;border:0;border-radius:9px;padding:11px 4px;color:#829784;font-size:9px}.game-menu-tabs button.active{background:#fffdf0;color:#3e6965;box-shadow:0 2px 4px #52714410;font-weight:700}.game-menu-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:18px 1px 0;scrollbar-width:thin;scrollbar-color:#c5d8bd transparent}.game-menu-content .journal{padding:8px 6px;max-height:none;overflow:visible}.game-menu-content .log-entry p{font-size:11px;line-height:1.75;color:#738777}.game-menu-content .log-entry:first-child p{color:#375b57}.game-menu-content .log-entry time{font-size:8px;margin-top:5px;color:#a1ac95}.game-menu-content .log-entry{padding-bottom:21px}.game-menu-content .asset-row{padding:17px 3px}.game-menu-content .asset-row>span:nth-child(2){font-size:12px}.game-menu-footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #dde5d5;padding-top:17px;margin-top:10px;flex-shrink:0;color:#7b917c}.game-menu-footer .text-link{font-size:10px}.menu-last-card{border:1px solid #e6d4a1;border-radius:12px;background:#fff2c8;padding:18px;margin-bottom:19px}.menu-last-card>span{font-size:8px;letter-spacing:2px;color:#b39853;font-weight:700}.menu-last-card p{font-size:12px;line-height:1.7;margin:9px 0;color:#8b794e}.menu-last-card small{font-size:9px;color:#b2a17b}.menu-total{background:#e5eddd;padding:20px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.menu-total span{font-size:11px;color:#839976}.menu-total strong{font-size:25px;font-weight:750;letter-spacing:-1px;color:#467965}.menu-player{width:100%;display:flex;align-items:center;gap:11px;padding:18px 0;background:transparent;border:0;border-bottom:1px solid #e4eadc;text-align:left}.menu-player>span:nth-child(2){font-size:12px;flex:1;min-width:0;overflow-wrap:anywhere}.menu-player small{display:block;font-size:9px;color:#8ea17e;margin-top:4px}.menu-player strong{font-size:15px}.menu-bank{text-align:center;padding:25px 7px;color:#71937f}.menu-bank h3{font-size:17px;margin:20px 0 13px;color:#426a61}.menu-bank p{font-size:12px;line-height:1.8;color:#8b9b80}.menu-bank>div{display:flex;justify-content:center;gap:65px;margin:35px 0}.menu-bank strong{font-size:38px;font-weight:700;color:#64886b}.menu-bank strong small{display:block;font-size:10px;font-weight:400;margin-top:6px;color:#8b9b80}body:has(.play-screen) #toast{bottom:145px;background:#315f6aee;border-radius:13px;box-shadow:0 5px 0 #2a51571f}
@keyframes pawn-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes ring-pulse{0%,100%{opacity:.7}50%{opacity:1}}@keyframes roll-die{0%{transform:translateY(0) rotate(-20deg)}25%{transform:translateY(-23px) rotate(65deg)}55%{transform:translateY(-8px) rotate(180deg)}80%{transform:translateY(-15px) rotate(280deg)}100%{transform:translateY(0) rotate(348deg)}}@keyframes drawer-in{from{transform:translateX(25px);opacity:0}to{transform:translateX(0);opacity:1}}
@media(min-width:1500px){.play-header{padding:0 38px;height:86px}.hud-player{width:207px;height:83px;top:calc(121px + var(--seat-row)*103px);padding:12px}.seat-left{left:34px}.seat-right{right:34px}.hud-avatar{width:51px;height:55px;font-size:40px}.hud-player-copy>strong{font-size:24px}.hud-player-name{font-size:12px}.hud-player-detail{font-size:9px}.play-footer{padding:0 38px 20px}.play-controls{max-width:1500px;gap:18px}.dice-tray{flex-basis:150px}.hud-die{width:56px;height:60px}.play-screen .turn-panel{min-height:100px;padding:19px 26px}.play-screen .turn-panel h2{font-size:20px}.play-screen .turn-panel p{font-size:12px}.play-screen .turn-panel .btn{font-size:13px;min-height:48px;padding:14px 23px}.play-quick-tools button{width:69px;height:77px}.play-quick-tools span{font-size:9px}.play-bottomline{max-width:1460px}.island-stage{inset:85px 30px 191px}.scene-caption{bottom:172px}.hud-incoming{bottom:190px}.play-screen:has(.hud-player:nth-child(5)) .island-stage{left:240px;right:240px}}
@media(min-width:851px) and (max-width:1499px){.play-screen:has(.hud-player:nth-child(5)) .island-stage{left:200px;right:200px}}
@media(max-width:1150px){.play-header{padding:0 21px;height:66px}.play-header .brand{font-size:28px}.play-room{font-size:9px;max-width:120px;padding-left:12px}.play-identity{gap:12px}.play-header-tools{gap:7px}.play-header .connection{font-size:8px;margin-right:3px}.play-turn-indicator{font-size:10px;padding:10px 14px}.hud-player{width:158px;height:70px;top:calc(88px + var(--seat-row)*84px);gap:8px;padding:9px;border-radius:14px}.seat-left{left:19px}.seat-right{right:19px}.hud-avatar{width:39px;height:44px;font-size:31px;border-radius:10px}.hud-player-name{font-size:9px}.hud-player-copy>strong{font-size:18px}.hud-player-detail{font-size:7px}.hud-player-name b{font-size:5px;padding:2px}.turn-crown{right:9px;width:20px;height:20px;font-size:10px}.play-footer{padding:0 18px 11px}.play-controls{gap:9px}.dice-tray{flex-basis:96px}.hud-die{width:40px;height:44px}.dice-tray>span{font-size:5px}.play-screen .turn-panel{padding:13px 16px;min-height:84px;gap:12px;border-radius:16px}.play-screen .turn-panel h2{font-size:15px}.play-screen .turn-panel p{font-size:9px;max-width:310px}.play-screen .turn-panel .btn{font-size:10px;padding:10px 12px;min-height:39px;gap:6px;border-radius:10px}.play-screen .turn-panel .btn svg{width:16px}.play-screen .turn-panel .overline{font-size:6px;letter-spacing:1.3px}.play-quick-tools{gap:5px}.play-quick-tools button{width:48px;height:61px;border-radius:12px}.play-quick-tools span{font-size:7px}.play-quick-tools svg{width:18px}.play-bottomline{font-size:7px;margin-top:12px}.play-bottomline>button:last-child{font-size:6px}.island-stage{inset:67px 12px 151px}.scene-caption{bottom:134px;font-size:6px;letter-spacing:1.5px}.scene-caption small{font-size:7px}.scene-caption>span:first-child{font-size:7px}.hud-incoming{bottom:153px;right:20px;font-size:9px;padding:10px 12px}}
@media(max-width:850px){.play-header{height:59px;padding:0 17px}.play-header .brand{font-size:27px}.play-header .connection{display:none}.play-room{display:none}.play-turn-indicator{font-size:9px;max-width:43%;padding:9px 12px;gap:6px}.turn-light{width:5px;height:5px}.hud-icon{width:32px;height:32px;border-radius:10px}.play-header-tools{gap:7px}.hud-player{width:139px;height:65px;top:calc(76px + var(--seat-row)*77px);padding:8px;gap:7px}.seat-left{left:17px}.seat-right{right:17px}.hud-avatar{width:32px;height:38px;font-size:27px}.hud-player-copy>strong{font-size:17px}.hud-player-name{font-size:8px}.hud-player-detail{font-size:6px}.hud-player-name b{display:none}.play-screen:has(.hud-player:nth-child(5)) .island-stage{left:154px;right:154px}.play-controls{gap:8px}.dice-tray{flex-basis:74px}.hud-die{width:34px;height:39px}.dice-tray>span{display:none}.play-quick-tools button{width:38px;height:49px;border-radius:11px}.play-quick-tools span{display:none}.play-quick-tools svg{width:17px}.play-screen .turn-panel{padding:12px 15px;gap:12px;flex-wrap:wrap;min-height:91px}.play-screen .turn-panel>div:first-child{flex:1;min-width:160px}.play-screen .turn-panel h2{font-size:14px}.play-screen .turn-panel p{font-size:8px}.play-screen .turn-panel .action-row{max-width:100%;flex-wrap:wrap}.play-screen .turn-panel .btn{font-size:9px;min-height:36px;padding:9px 12px}.play-screen .bid-form input{width:72px}.play-screen .bid-form .action-row{flex-wrap:nowrap}.island-stage{inset:65px 10px 181px}.scene-caption{bottom:160px}.play-bottomline{margin-top:11px;font-size:6px}.play-bottomline>button:last-child{font-size:5.5px;letter-spacing:.5px}.play-bottomline svg{width:10px}.hud-incoming{bottom:180px}}
@media(max-width:600px) and (orientation:portrait){.play-header{height:62px;padding:0 14px;gap:8px}.play-header .brand{font-size:26px}.play-turn-indicator{position:absolute;top:calc(87px + var(--player-rows)*61px);left:50%;transform:translateX(-50%);max-width:90%;padding:7px 12px;font-size:9px;background:#edf8ec91}.play-header-tools{gap:8px}.hud-icon{width:34px;height:34px}.players-hud{position:absolute;inset:74px 14px auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 13px}.hud-player{position:relative;inset:auto;width:100%;height:53px;gap:8px;padding:7px;border-radius:13px}.hud-avatar{height:35px;width:35px;font-size:27px;border-radius:9px}.hud-player-copy{gap:1px}.hud-player-name{font-size:9px;line-height:1.15}.hud-player-copy>strong{font-size:17px}.hud-player-detail{font-size:6px}.hud-player-name b{display:inline;font-size:4.5px;margin-left:3px}.turn-crown{width:17px;height:17px;font-size:8px;right:7px;top:-7px}.island-stage,.play-screen:has(.hud-player:nth-child(5)) .island-stage{inset:calc(135px + var(--player-rows)*61px) -5px 191px}.scene-caption{bottom:190px;font-size:5px;letter-spacing:1.5px;gap:7px}.scene-caption small,.scene-caption i{display:none}.scene-caption>span:first-child{font-size:6px}.play-footer{padding:0 13px 12px}.play-controls{display:grid;grid-template-columns:80px 1fr;gap:12px 9px;align-items:center}.action-dock{grid-row:1;grid-column:1/-1}.play-screen .turn-panel{min-height:96px;padding:14px 16px;border-radius:17px;flex-wrap:wrap;gap:10px}.play-screen .turn-panel>div:first-child{min-width:0;flex-basis:100%}.play-screen .turn-panel p{display:none}.play-screen .turn-panel .overline{font-size:6px}.play-screen .turn-panel h2{font-size:15px;margin-top:4px}.play-screen .turn-panel .action-row{width:100%;max-width:none;flex-wrap:wrap;justify-content:flex-start}.play-screen .turn-panel .btn{font-size:10px;min-height:36px;padding:9px 12px}.play-screen .turn-panel .action-row>.primary{flex:1}.play-screen .turn-panel .action-row>.secondary{flex:0 1 auto}.dice-tray{grid-row:2;grid-column:1}.dice-pair{gap:3px}.hud-die{width:32px;height:36px}.play-quick-tools{grid-row:2;grid-column:2;justify-content:flex-end;gap:8px}.play-quick-tools button{height:36px;width:auto;min-width:65px;border-radius:10px;flex-direction:row;gap:6px;padding:7px 9px}.play-quick-tools span{display:block;font-size:7px}.play-quick-tools svg{width:14px;height:14px}.play-bottomline{margin-top:9px;font-size:5px;min-height:13px;gap:9px}.play-bottomline>button:last-child{font-size:5px;gap:4px;letter-spacing:.3px}.play-bottomline>span,.play-bottomline>button{gap:3px}.play-bottomline svg{width:8px;height:8px}.play-bottomline>button:nth-child(2) svg{display:none}.hud-incoming{bottom:201px;right:50%;transform:translateX(50%);font-size:9px;padding:9px 12px;border-radius:10px;white-space:nowrap}.hud-incoming b{font-size:8px}.play-screen .bid-form{width:100%}.play-screen .bid-form input{width:82px}.play-screen .status-tag{font-size:8px}body:has(.play-screen) #toast{bottom:208px}dialog.game-drawer{inset:8px 8px 8px auto;width:calc(100vw - 16px);max-width:none;height:calc(100dvh - 16px);padding:22px 20px 16px}.sky-sparkles{font-size:30px;left:8%;top:24%}.sky-sparkles span{left:75vw;font-size:23px}.sky-sparkles i{display:none}}
@media(max-height:580px) and (orientation:landscape){.play-header{height:46px;padding:0 15px}.play-header .brand{font-size:24px}.play-room{font-size:8px}.play-turn-indicator{font-size:8px;padding:7px 11px}.hud-icon{height:29px;width:29px;border-radius:9px}.play-header .connection{font-size:7px}.hud-player{top:calc(59px + var(--seat-row)*58px);height:49px;width:128px;padding:6px;gap:7px;border-radius:11px}.seat-left{left:15px}.seat-right{right:15px}.hud-avatar{height:31px;width:28px;font-size:25px;border-radius:8px}.hud-player-copy{gap:1px}.hud-player-name{font-size:7px}.hud-player-copy>strong{font-size:15px}.hud-player-detail{font-size:6px}.turn-crown{width:17px;height:17px;font-size:8px;top:-6px}.island-stage,.play-screen:has(.hud-player:nth-child(5)) .island-stage{inset:40px 147px 110px}.play-footer{padding:0 14px 8px}.play-controls{gap:9px}.dice-tray{flex-basis:72px}.hud-die{width:33px;height:38px}.dice-tray>span{display:none}.play-screen .turn-panel{min-height:66px;padding:10px 14px;border-radius:14px;flex-wrap:nowrap;gap:10px}.play-screen .turn-panel h2{font-size:13px}.play-screen .turn-panel p{display:none}.play-screen .turn-panel .overline{font-size:5px;letter-spacing:1px}.play-screen .turn-panel>div:first-child{min-width:0}.play-screen .turn-panel .action-row{width:auto;max-width:62%;flex-wrap:wrap;justify-content:flex-end}.play-screen .turn-panel .btn{min-height:32px;font-size:9px;padding:8px 10px}.play-quick-tools button{height:42px;width:37px;border-radius:10px}.play-quick-tools span{display:none}.play-bottomline{margin-top:10px;font-size:6px;min-height:12px}.play-bottomline>button:last-child{font-size:5px}.scene-caption{bottom:100px;font-size:5px}.scene-caption small,.scene-caption i{display:none}.scene-caption>span:first-child{font-size:6px}.hud-incoming{bottom:113px;right:16px;font-size:8px;padding:8px 10px}.play-screen .bid-form .action-row{max-width:none}.play-screen .bid-form input{min-height:31px;padding:7px 9px;font-size:10px;width:65px}.play-screen .bid-form select{min-height:23px;font-size:8px;margin-bottom:3px}.play-screen .turn-panel .status-tag{font-size:7px}.game-menu-content .journal{padding-top:0}body:has(.play-screen) #toast{bottom:110px}}
@media(prefers-reduced-motion:reduce){.play-screen *,.game-drawer{animation:none!important;transition:none!important}}
.play-screen .island-stage,.play-screen:has(.hud-player:nth-child(5)) .island-stage{bottom:calc(var(--footer-space,140px) + 29px)}
.play-screen .scene-caption{bottom:calc(var(--footer-space,140px) + 10px)}
.play-screen .hud-incoming{bottom:calc(var(--footer-space,140px) + 32px)}
@media(max-width:850px){.play-screen .auction-panel p,.play-screen .debt-panel p,.play-screen .jailed-panel p{display:block;font-size:9px;line-height:1.5;margin:4px 0 0}}
@media(max-width:600px) and (max-height:740px) and (orientation:portrait){.play-screen{--player-rows:1!important}.players-hud .hud-player:not(.is-you):not(.is-current){display:none}.play-screen .island-stage,.play-screen:has(.hud-player:nth-child(5)) .island-stage{top:171px}.play-screen .turn-panel{padding:12px 15px;min-height:90px}.play-screen .play-controls{gap:9px}.play-screen .play-turn-indicator{top:137px}.play-screen .scene-caption{display:none}}
@media(max-width:360px) and (orientation:portrait){.play-screen .play-controls{grid-template-columns:62px minmax(0,1fr)}.play-quick-tools{gap:5px}.play-quick-tools button{min-width:60px;padding:6px;gap:4px}.play-quick-tools span{font-size:6px}.play-quick-tools svg{width:12px}.hud-die{width:27px;height:31px}.dice-pair{gap:1px}.play-screen .turn-panel .action-row{gap:6px}.play-screen .turn-panel .btn{font-size:9px;padding:8px 10px}}
.hud-player-copy>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}