:root{color:#f7f3e8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#121212;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}button,a{color:inherit;font:inherit}button{cursor:pointer}.home-shell{background:radial-gradient(circle at 15% 25%,#32c09342,#0000 28%),linear-gradient(135deg,#151515 0%,#252018 48%,#0f1b1c 100%);place-items:center;min-height:100vh;padding:32px;display:grid}.home-panel{width:min(780px,100%)}.brand-row,.controller-title{color:#7be0bc;align-items:center;gap:12px;font-weight:800;display:flex}.home-panel h1{letter-spacing:0;max-width:760px;margin:28px 0 16px;font-size:clamp(42px,8vw,88px);line-height:.96}.home-panel p{color:#d8d0bf;max-width:610px;margin:0;font-size:20px;line-height:1.45}.start-actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.primary-button,.secondary-button,.restart-button{border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 18px;font-weight:800;display:inline-flex}.primary-button{color:#10201b;background:#7be0bc}.secondary-button,.restart-button{color:#fff9ec;background:#ffffff1f}.game-shell{background:linear-gradient(135deg,#151515,#1d2724 46%,#261b22);grid-template-rows:auto minmax(0,1fr) auto;gap:10px;height:100vh;padding:12px;display:grid}.game-header{grid-template-columns:44px 1fr 44px;align-items:center;gap:14px;min-height:54px;display:grid}.game-header div{flex-direction:column;min-width:0;display:flex}.game-header strong{font-size:22px}.game-header span,.player-topline span,.player-footer,.status-row{color:#d3cab7}.icon-link,.icon-button{background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;place-items:center;width:44px;height:44px;text-decoration:none;display:grid}.arena{justify-content:center;align-items:center;gap:14px;min-height:0;display:grid}.arena.solo{grid-template-columns:minmax(280px,440px)}.arena.duo{grid-template-columns:repeat(2,minmax(220px,min(31vw,310px)))}.player-panel{grid-template-rows:auto minmax(0,1fr) auto;gap:8px;height:100%;min-height:0;display:grid}.player-topline,.player-footer,.status-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.player-topline>div:first-child{flex-direction:column;display:flex}.player-topline strong{font-size:20px}.connected{color:#7be0bc!important}.waiting{color:#e9b36b!important}.score-box{text-align:right;min-width:92px}.score-box span{text-transform:uppercase;font-size:12px;display:block}.board-wrap{aspect-ratio:10/20;background:#00000047;border:1px solid #ffffff2e;border-radius:8px;justify-self:center;width:auto;max-width:100%;height:100%;position:relative;overflow:hidden}.board{grid-template-rows:repeat(20,1fr);grid-template-columns:repeat(10,1fr);width:100%;height:100%;display:grid}.cell{background:#ffffff09;border:1px solid #ffffff0e}.cyan{background:#5fd4d6}.blue{background:#4c7ff0}.orange{background:#ec9657}.yellow{background:#f2dc68}.green{background:#72d878}.purple{background:#b983e6}.red{background:#e85d5d}.overlay{background:#000000a3;place-items:center;font-size:34px;font-weight:900;display:grid;position:absolute;inset:0}.next-piece{border-radius:4px;width:18px;height:18px;display:inline-block}.qr-panel{grid-template-columns:auto 1fr;align-items:center;gap:12px;display:grid}.qr-card{align-items:center;min-width:0;display:flex}.qr-card img{border-radius:8px;width:clamp(72px,10vh,90px);height:clamp(72px,10vh,90px)}.status-row{min-width:0}.controller-shell{touch-action:manipulation;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#121212,#26342f);place-items:center;min-height:100vh;padding:18px;display:grid}.controller-card{gap:24px;width:min(560px,100%);display:grid}.controller-title strong{color:#f7f3e8;font-size:26px;display:block}.controller-title span{color:#d3cab7}.controller-pad{grid-template-columns:repeat(2,minmax(130px,1fr));gap:14px;display:grid}.pad-button,.restart-button{color:#fff9ec;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:8px}.pad-button{-webkit-tap-highlight-color:transparent;align-content:center;place-items:center;gap:8px;min-height:124px;padding:16px;display:grid}.pad-button span{text-transform:uppercase;font-size:15px;font-weight:900}.pad-button:active,.restart-button:active{background:#7be0bc42;transform:scale(.98)}.hard-drop-button{color:#10201b;background:#7be0bc}.rotate-button{background:#b983e638}.movement-row{grid-column:1/-1;grid-template-columns:repeat(3,minmax(86px,1fr));gap:14px;display:grid}.move-button{min-height:138px}.soft-drop-button{background:#ffffff29;transform:translateY(18px)}.soft-drop-button:active{transform:translateY(18px)scale(.98)}.restart-button{width:100%}@media (width<=860px){body{overflow:auto}.arena.duo{grid-template-columns:1fr}.game-shell{height:auto;min-height:100dvh}.qr-panel{grid-template-columns:auto 1fr}}@media (width<=520px){.home-shell{place-items:start;padding:24px}.home-panel h1{font-size:46px}.start-actions,.primary-button,.secondary-button{width:100%}.controller-card{gap:18px}.controller-pad{gap:12px}.pad-button{min-height:112px}.movement-row{gap:10px}.move-button{min-height:128px}}.room-full-card{align-content:center;min-height:min(520px,100dvh - 36px)}.room-full-message{color:#d3cab7;margin:0;font-size:20px;line-height:1.4}