/* Canva build 6 is the complete tawla surface. The site shell only supplies
   identity, room state and the real voice controls while this game is open. */
body.tawla-active{background:radial-gradient(circle at 12% 0,#ffe8b4cc,transparent 28%),radial-gradient(circle at 92% 8%,#e2a45852,transparent 32%),linear-gradient(130deg,#b66f38,#7c4020 55%,#3b190d)!important}
body.tawla-active .site-header,body.tawla-active #roomView>.game-toolbar,body.tawla-active .play-stage>.table-head,body.tawla-active .play-stage>.scoreboard,body.tawla-active .play-stage>.game-table,body.tawla-active .play-stage>.table-controls,body.tawla-active .play-stage>[data-feedback]{display:none!important}
body.tawla-active main.container.game-room{width:100%;max-width:none;margin:0;padding:0}
body.tawla-active .play-stage{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important}
body.tawla-active #kahwa-game-stage{width:100%;max-width:none!important;margin:0!important}
.canva-tawla-app{min-height:100vh;padding:18px;color:#2a170c;font-family:"DM Sans","Noto Kufi Arabic",sans-serif}
.canva-game-header,.canva-match-heading,.canva-game-grid{width:min(1500px,100%);margin-inline:auto}
.canva-game-header,.canva-match-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.canva-game-header{margin-bottom:20px}.canva-brand{display:flex;align-items:center;gap:12px}.canva-brand>span:nth-child(2){display:flex;flex-direction:column}.canva-brand small,.canva-match-heading small{color:#88512f;font-size:.72rem;font-weight:800;letter-spacing:.08em}.canva-brand strong{font-size:2rem}.canva-brand>b{padding:5px 11px;border-radius:99px;background:#284b37;color:#fbf2d4}.canva-brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;color:#fff8e7;background:conic-gradient(from 40deg,#f5d68a,#833817,#f3c770,#4b1c0b);box-shadow:inset 0 0 0 3px #391306,0 7px 14px #3b160a55;font-size:26px}
.canva-header-actions button,.canva-side-panel>button{border:0;border-radius:12px;padding:.72rem .92rem;font-weight:800;cursor:pointer;background:#1b709d;color:#f4fbff;box-shadow:0 4px 0 #0c415e}.canva-match-heading{margin-bottom:16px}.canva-match-heading h2{margin:2px 0 0;font-size:1.5rem}.canva-match-heading>span{padding:7px 12px;border-radius:99px;background:#284b37;color:#fff8e9;font-weight:800;font-size:.78rem}
.canva-game-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px;align-items:start}.canva-turn-card,.canva-side-panel{background:#fff8e9f5;border:1px solid #4f230c38;box-shadow:0 16px 40px #2d12063d;border-radius:20px}.canva-turn-card{display:flex;align-items:center;gap:12px;padding:14px 18px;margin-bottom:14px}.canva-turn-card div{display:flex;flex-direction:column}.canva-turn-card small{color:#704126;margin-top:3px}.canva-status-dot{width:10px;height:10px;border-radius:50%;background:#4f9d68;box-shadow:0 0 0 4px #4f9d6822}.canva-side-panel{padding:20px}.canva-side-panel h3{margin:0 0 15px}.canva-player-list>div{display:flex;flex-direction:column;padding:12px 0;border-bottom:1px dashed #d9c5a7}.canva-player-list small{color:#80533b}.canva-connection{display:flex;flex-direction:column;gap:6px;margin:18px 0;padding:13px;border:1px solid #e3c69d;background:#fffdf7;border-radius:14px}.canva-connection span{color:#3e875c;font-weight:800}.canva-connection small{line-height:1.6;color:#704126}.canva-side-panel>button{width:100%;background:#7d321f;box-shadow:0 4px 0 #421508}.canva-side-panel>button:disabled{opacity:.45;cursor:not-allowed}
.board-scroll{width:100%;overflow-x:auto;padding:5px 3px 18px}.canva-board-frame{width:max(900px,100%);padding:15px;border-radius:16px;background:repeating-linear-gradient(8deg,#ffc67721 0 1px,transparent 1px 11px),linear-gradient(135deg,#2c0e04,#c47a3d 21%,#55210c 48%,#bd7034 76%,#301006);box-shadow:inset 0 0 0 2px #e5ad67,inset 0 0 0 7px #3a1306,0 20px 42px #260c0385,0 5px 0 #321105}
.canva-board-frame .tawla-table{margin:0!important;max-width:none!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}.canva-board-frame .tawla-players{margin-bottom:10px}
@media(max-width:950px){.canva-game-grid{grid-template-columns:1fr}.canva-side-panel{display:none}.canva-tawla-app{padding:10px}.canva-brand>b{display:none}.canva-brand strong{font-size:1.55rem}.canva-board-frame{padding:8px;border-radius:11px}}