/* Materials and hierarchy follow the user-approved RUMMIKUBE reference. */
.tile-game{--tile-cyan:#00bbdf;--tile-navy:#081a2c;--tile-border:#3c566e;color:#edf5ff;font-family:Heebo,Arial,sans-serif;background:#07172a url('../design/rummy-table-teal.webp') center/cover no-repeat!important}
.tile-game .felt-bg{background:transparent!important}.tile-game .felt-bg:before{display:none!important}
.tile-game .rummy-rack{background:#372317 url('../design/walnut-rack.webp') center/cover!important;border:2px solid #795337;border-bottom:7px solid #322218;border-radius:10px;box-shadow:0 8px 16px #0008,inset 0 1px 0 #b28859;color:#f3e6d1}
.tile-game .rummy-rack:after{display:none}.tile-game .rummy-rack [style*="color: rgb"],.tile-game .rummy-rack [style*="color: #"]{color:inherit}.tile-game .rummy-rack>div:first-child{color:#e9dbc2}.tile-game .rummy-rack>div:first-child span:not(.text-emerald-900){color:#e9dbc2!important}
.tile-game .rummy-tile{background:#f5ecdc!important;border:1px solid #fff5df;border-bottom:4px solid #b4a38a;border-radius:6px;box-shadow:0 2px 3px #0007,inset 0 0 0 1px #dbcdb5;font-family:Georgia,'Times New Roman',serif;font-weight:700;text-shadow:none}
.tile-game .rk-combo-glow{box-shadow:inset 0 -3px 0 #36c9c0!important;background:transparent!important;animation:none!important}
.tile-game [data-meld-start="true"]{border-left:7px solid transparent;padding-left:3px}
.tile-game .rack-slot{background:transparent!important;border-color:transparent!important}.tile-game .rack-slot.is-hover{background:#08b9d02b!important;border-color:#15d9ed!important}
.game-sound-controls{background:#071526ed!important;border-color:#30445b!important;min-height:42px;flex-wrap:wrap;z-index:40}
.tile-brand{font:600 clamp(17px,2vw,29px)/1 Georgia,serif;letter-spacing:.8px;margin-inline-end:auto;color:#f4f0e6}
.tile-control,.tile-game .rk-btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 15px;background:#0b1b2c!important;border:1px solid #637c95;border-radius:10px;color:#f3f7fc!important;font-size:14px;font-weight:700;line-height:1.15;box-shadow:inset 0 1px 0 #ffffff1f,0 3px 7px #0005;white-space:nowrap;cursor:pointer}
.tile-control:hover{background:#152e46!important}.tile-control:disabled{opacity:.4;cursor:default}.tile-control:focus-visible{outline:3px solid #59dbe9;outline-offset:3px}
.tile-control-primary{background:#007ab8!important;border-color:#2bcbf4;color:#fff!important}.tile-control-primary:hover{background:#098dc8!important}
.tile-sort-controls,.tile-sort-options{display:flex;gap:6px;align-items:stretch}.tile-sort-options .tile-control{flex-direction:column;padding:5px 10px;gap:1px;min-width:44px}.tile-sort-options span{font:700 19px/1 Georgia,serif;letter-spacing:1px}.tile-sort-options small{font-size:10px;color:#b5cce0}
.tile-action-bar{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px max(10px,env(safe-area-inset-bottom));background:#071626e8;border-top:1px solid #304b65;z-index:35;min-width:0}
.tile-self-pod{display:flex;align-items:center;gap:9px;margin-inline-end:auto;min-width:0}.tile-self-pod>img{width:48px;height:48px;object-fit:cover;border:2px solid #24d4ee;border-radius:50%;box-shadow:0 0 12px #00bcd44d}.tile-self-pod strong{display:block;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-self-pod small{display:block;color:#a6bdd2;font-size:12px}.tile-turn-clock{min-width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:3px solid #17c9e9;border-radius:50%;font-size:22px;font-variant-numeric:tabular-nums;background:#091d30}
.tile-more{position:relative}.tile-more>summary{list-style:none}.tile-more>summary::-webkit-details-marker{display:none}.tile-more-panel{position:absolute;bottom:calc(100% + 10px);left:0;display:grid;gap:8px;width:190px;background:#08182c;padding:12px;border:1px solid #4b6a83;border-radius:12px;box-shadow:0 10px 35px #000a;z-index:100}
.tile-opponent-row{display:flex;justify-content:space-around;gap:12px;padding:8px 5%;min-height:70px;min-width:0;align-items:flex-start}
.tile-opponent-pod{background:#071a2eea!important;border:1px solid #61717c!important;position:relative;min-width:120px;max-width:210px;box-shadow:0 3px 8px #0005}.tile-opponent-pod>.text-center{display:none}.tile-opponent-avatar{width:42px;height:42px;object-fit:cover;border-radius:50%;border:2px solid #c1a675;margin-left:7px}.tile-opponent-pod .font-black.text-xs{font-size:14px}
.rami-approved-layout{display:grid;grid-template-rows:auto minmax(65px,1fr) auto auto;flex:1;min-height:0;min-width:0}.rami-approved-playfield{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:0}.rami-approved-rack{width:min(90%,980px);max-height:46dvh;margin:0 auto 14px;overflow:auto}.rami-approved-rack [data-slot]{max-height:clamp(42px,11dvh,82px)}
.tile-game .rami-turn-status{background:#071c2dde;border:1px solid #3f758c;color:#dceff8;font-size:13px}.tile-game .rami-turn-status.is-active{color:#7fe9ff;border-color:#12c4e7;background:#073245}.tile-game .rami-pool button:first-child{background:#007ab8!important;color:#fff;border-color:#4bddff!important;animation:none!important;transform:none!important}
.rummikub-game{display:grid!important;grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);position:relative}.rummikub-game>.game-sound-controls{grid-row:1}.rummikub-opponents{grid-row:2;width:100%!important;flex-direction:row!important;background:transparent!important;border:0!important;min-height:66px;padding:4px 5%!important}.rummikub-opponents>button{display:none}.rummikub-opponents>div{flex-direction:row!important;justify-content:space-around!important;width:100%!important;overflow:visible!important}.rummikub-opponents>div>div{width:auto!important;min-width:125px;background:#071a2eea;border:1px solid #61717c;border-radius:12px;display:grid;grid-template-columns:42px auto;column-gap:10px;padding:5px 12px;opacity:1}.rummikub-opponents .pl-ring{grid-row:span 2;width:40px;height:40px}.rummikub-opponents .pl-avatar{width:36px;height:36px}.rummikub-game>.felt-bg{grid-row:3}.rummikub-game>.tile-action-bar{grid-row:4}.rummikub-game .fab-actions{display:none!important}.rummikub-game .rummy-rack{height:clamp(110px,30dvh,190px)!important;width:min(90%,980px);margin-bottom:12px}.rummikub-game .board-flow{padding:14px 6%;gap:16px;align-content:start}.rummikub-game .board-group{padding:6px;gap:2px;background:#071e2d30;border:1px solid #71d2e027;border-radius:8px}
@media(max-height:520px) and (orientation:landscape){.game-sound-controls{min-height:32px;padding-top:0;padding-bottom:0}.game-sound-controls button{min-height:30px!important}.tile-opponent-row{min-height:56px;padding-top:4px;padding-bottom:3px}.tile-opponent-pod>div:last-child:not(:first-child){font-size:10px}.tile-opponent-pod .mt-1.pt-1{display:none}.tile-opponent-avatar{width:32px;height:32px}.tile-action-bar{gap:6px;padding:5px 10px}.tile-self-pod>img{width:36px;height:36px}.tile-self-pod strong{font-size:12px}.tile-self-pod small{font-size:10px}.tile-control{min-height:38px;padding:6px 10px;font-size:12px}.tile-turn-clock{width:34px;height:34px;min-width:34px;font-size:18px}.rami-approved-rack{margin-bottom:6px;max-height:43dvh}.rami-approved-playfield{gap:2px}.rami-approved-playfield .rami-pool button:first-child{height:44px}.rami-approved-playfield .rami-pool .rummy-tile{max-height:42px}.tile-game .rami-turn-status{font-size:11px;padding:3px 9px}.rummikub-opponents{min-height:54px}.rummikub-game .rummy-rack{margin-bottom:5px}.rummikub-game .rummy-rack>div:first-child{font-size:10px;padding-bottom:0}}
@media(max-width:720px){.tile-self-pod>div{display:none}.tile-action-bar{gap:5px;padding-inline:6px}.tile-sort-options small{display:none}.tile-control{padding-inline:8px}.tile-brand{font-size:17px}.tile-opponent-pod{min-width:95px}.tile-game .game-sound-controls label{font-size:10px}}
@media(prefers-reduced-motion:reduce){.tile-game *{animation:none!important;transition:none!important}}