.game-room{max-width:1240px;margin:28px auto 90px}.azawi-hero,.game-toolbar,.game-picker,.spectator-panel{padding:20px;border:1px solid var(--line);border-radius:22px;background:rgba(15,25,21,.9);box-shadow:var(--shadow)}.azawi-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;background:linear-gradient(135deg,rgba(25,217,160,.13),rgba(124,92,255,.11)),#0f1915}.azawi-hero h1{margin:.25rem 0}.azawi-hero p,.game-toolbar p,.form-message{color:var(--muted)}.eyebrow,.back-lobby{color:#43e0be}.game-picker,.game-actions,.table-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.game-picker{margin-top:14px}.game-chip{border:1px solid var(--line);background:#121d19;color:#fff;border-radius:14px;padding:10px 14px;cursor:pointer;transition:.2s transform,.2s background,.2s box-shadow}.game-chip:hover,.icon-button:hover,.mini-control:hover{transform:translateY(-2px)}.game-chip.active{background:#19d9a0;color:#03110c;box-shadow:0 0 0 3px rgba(25,217,160,.12)}.rooms-grid{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.room-card{padding:17px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(155deg,rgba(255,255,255,.04),rgba(25,217,160,.04));transition:.25s transform,.25s border-color}.room-card:hover{transform:translateY(-4px);border-color:rgba(25,217,160,.35)}.room-card .room-top,.room-card .room-meta,.room-card .room-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.room-card .room-top{justify-content:space-between}.room-card .room-meta{margin:10px 0;color:var(--muted);font-size:.74rem}.game-symbol{font-size:32px}.room-empty{text-align:center;padding:45px;color:var(--muted)}.game-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px}.back-lobby{text-decoration:none}.play-stage{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:24px;background:#08110e}.table-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:4px 5px 12px}.room-game-badge{display:flex;gap:8px;align-items:center}.room-game-badge b{font-size:25px}.mini-control{border:1px solid var(--line);border-radius:10px;padding:7px 10px;background:#12201a;color:#fff;cursor:pointer;transition:.2s}.scoreboard{max-width:520px;margin:0 auto 12px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-align:center;border:1px solid rgba(25,217,160,.25);border-radius:18px;background:#10221b;overflow:hidden}.scoreboard div{padding:9px}.scoreboard b{display:block;font-size:1.45rem;color:#43e0be}.scoreboard small{color:var(--muted)}.game-table{position:relative;min-height:min(66vh,650px);border:9px solid #5b3923;border-radius:44px;background:radial-gradient(circle at center,#17744f,#0d5338 55%,#093a29);box-shadow:inset 0 0 55px rgba(0,0,0,.45),0 18px 45px rgba(0,0,0,.28);overflow:hidden}.table-center{position:absolute;z-index:1;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:5px;text-align:center;padding:18px 28px;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:rgba(4,27,19,.7);color:#fff;transition:.2s opacity}.table-center span,.table-center small{color:#c6ddd5}.table-center.domino-center-hidden{opacity:0;pointer-events:none}.players{position:absolute;inset:0}.player{position:absolute;width:150px;min-height:74px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:9px;border:1px solid rgba(255,255,255,.22);border-radius:18px;background:#101b17;color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.3);transition:.25s transform,.25s box-shadow,.25s border-color}.player:nth-child(1){bottom:15px;left:50%;transform:translateX(-50%)}.player:nth-child(2){top:15px;left:50%;transform:translateX(-50%)}.player:nth-child(3){left:15px;top:50%;transform:translateY(-50%)}.player:nth-child(4){right:15px;top:50%;transform:translateY(-50%)}.player:nth-child(5){left:14%;top:18%}.player:nth-child(6){right:14%;bottom:18%}.player.is-empty{opacity:.68;border-style:dashed}.player.is-reserved{border-color:#ffb347}.player.is-me,.player.is-turn{border-color:#19d9a0;box-shadow:0 0 24px rgba(25,217,160,.3)}.player.is-turn{animation:turnPulse 1.4s ease-in-out infinite}.player small{color:#91a39d}.seat-number{position:absolute;top:6px;right:7px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#243b32;font-size:.68rem}.table-controls{justify-content:center;margin-top:12px}.spectator-panel{margin-top:14px}.spectator-list{display:flex;gap:8px;flex-wrap:wrap}.participant{padding:8px 10px;border-radius:11px;background:rgba(255,255,255,.06)}.game-modal[hidden],.spectator-panel[hidden]{display:none}.game-modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:18px;background:rgba(3,5,12,.84);animation:modalIn .18s ease-out}.game-modal-card{width:min(500px,100%);max-height:85vh;overflow:auto;padding:22px;border:1px solid var(--line);border-radius:22px;background:#101914;box-shadow:0 30px 80px rgba(0,0,0,.42)}.game-modal-card label{display:block;margin:12px 0;color:var(--muted)}.game-modal-card select,.game-modal-card input{width:100%;box-sizing:border-box;margin-top:7px;padding:12px;color:#fff;border:1px solid var(--line);border-radius:11px;background:#09120f}.people-head{display:flex;justify-content:space-between;align-items:center}.people-list{display:grid;gap:8px;margin-top:12px}.person-row{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:14px;transition:.2s}.person-row.invite-sent{border-color:rgba(25,217,160,.45);background:rgba(25,217,160,.08)}.person-row img,.person-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;background:#20352c}.person-row .person-info{flex:1}.person-row small{display:block;color:var(--muted)}.icon-button{transition:.18s transform,.18s filter,.18s box-shadow}.icon-button.is-loading,.icon-button.is-success,.icon-button.is-error{pointer-events:none}.icon-button.is-success{background:#15966f!important;color:#fff!important;box-shadow:0 0 0 3px rgba(25,217,160,.15)}.icon-button.is-error{background:#a93c4c!important;color:#fff!important}.btn-spinner{display:inline-block;width:14px;height:14px;margin-left:6px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;vertical-align:-2px;animation:spin .65s linear infinite}.feedback-pop{animation:feedbackPop .35s ease}.game-toast{position:fixed;z-index:9999;left:50%;bottom:28px;transform:translate(-50%,25px);opacity:0;pointer-events:none;max-width:min(90vw,520px);padding:12px 18px;border-radius:14px;background:#13231d;color:#fff;border:1px solid rgba(25,217,160,.35);box-shadow:0 18px 55px rgba(0,0,0,.4);transition:.25s}.game-toast.show{transform:translate(-50%,0);opacity:1}.game-toast.error{background:#3b161d;border-color:#b94b5b}.domino-live{position:absolute;z-index:8;inset:90px 145px 100px;display:flex;flex-direction:column;gap:12px;pointer-events:auto}.domino-status{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 13px;border-radius:16px;background:rgba(3,18,13,.75);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px)}.domino-status strong,.domino-status small{display:block}.domino-status small{margin-top:3px;color:#a9c8bc}.domino-counts{display:flex;gap:8px;flex-wrap:wrap;font-size:.72rem}.domino-counts span{padding:5px 7px;border-radius:10px;background:rgba(255,255,255,.07)}.domino-chain{flex:1;min-height:130px;display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;padding:15px;border-radius:24px;background:rgba(1,24,15,.28);overflow:auto}.domino-empty-board{color:#b7d1c6;font-size:.85rem}.domino-hand-title{display:flex;justify-content:space-between;align-items:center;color:#fff}.domino-hand-title small{color:#b8ccc4}.domino-hand{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.domino-tile{width:42px;height:70px;display:flex;flex-direction:column;justify-content:space-around;align-items:center;border:2px solid #e9e2cf;border-radius:8px;background:#f7f1df;color:#161616;font-weight:900;font-size:1rem;box-shadow:0 5px 12px rgba(0,0,0,.28);cursor:pointer;transition:.15s transform,.15s box-shadow,.15s border-color}.domino-tile i{width:75%;height:2px;background:#222}.domino-hand .domino-tile:hover{transform:translateY(-6px)}.domino-tile.selected{transform:translateY(-10px);border-color:#19d9a0;box-shadow:0 0 0 4px rgba(25,217,160,.2),0 8px 18px rgba(0,0,0,.35)}.domino-chain .domino-tile{cursor:default;transform:rotate(90deg);margin:12px 7px}.domino-controls{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.domino-controls button{padding:9px 13px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:#14271f;color:#fff;cursor:pointer}.domino-controls button:disabled{opacity:.38;cursor:not-allowed}.game-table:fullscreen{border-radius:0;border-width:12px;min-height:100vh}.game-table:fullscreen .player{transform:scale(1.12)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes modalIn{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@keyframes feedbackPop{0%{transform:scale(.98);opacity:.4}100%{transform:scale(1);opacity:1}}@keyframes turnPulse{50%{box-shadow:0 0 34px rgba(25,217,160,.6)}}@media(max-width:900px){.domino-live{inset:90px 110px 95px}.domino-tile{width:36px;height:62px}}@media(max-width:700px){.azawi-hero,.game-toolbar{align-items:flex-start;flex-direction:column}.rooms-grid{grid-template-columns:1fr}.game-table{min-height:68vh;border-radius:30px}.player{width:105px;min-height:64px;font-size:.78rem}.player:nth-child(3){left:5px}.player:nth-child(4){right:5px}.player:nth-child(5){left:4%;top:15%}.player:nth-child(6){right:4%;bottom:15%}.scoreboard{max-width:100%}.table-head{font-size:.75rem}.game-room{margin-top:16px}.domino-live{inset:88px 14px 94px}.domino-status{align-items:flex-start;flex-direction:column}.domino-chain{min-height:120px}.domino-tile{width:34px;height:58px;font-size:.88rem}.domino-chain .domino-tile{margin:10px 5px}.game-toast{bottom:18px}}
.current-player-badge{display:inline-flex;align-items:center;max-width:260px;padding:7px 11px;border:1px solid rgba(25,217,160,.4);border-radius:999px;background:rgba(25,217,160,.1);color:#b9ffe9;font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:700px){.current-player-badge{order:-1;max-width:190px;padding:5px 8px;font-size:10px}.nav-actions{flex-wrap:wrap}}

.room-player-names{margin:8px 0;padding:7px 9px;border-radius:10px;background:rgba(25,217,160,.08);color:#b9ffe9;font-size:12px;line-height:1.6;white-space:normal}