@charset "UTF-8";
:root{color-scheme:dark;--bg:#131824;--panel:#1b2230;--panel2:#222b3b;--border:#303849;--text:#f6f4ee;--muted:#a3abbc;--coral:#ff826d;--teal:#67cbb2;--gold:#f6ce76;--violet:#b4a0ed;--blue:#82b5de;--cream:#f3e8cd;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--teal);outline-offset:4px}button{border:0}.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}.skip-link{position:fixed;left:20px;top:-80px;z-index:1000;background:var(--coral);color:#141925;padding:12px;border-radius:8px}.skip-link:focus{top:15px}.brand{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:800;letter-spacing:-1.1px}.brand-mark{width:43px;height:43px;border-radius:13px;background:var(--coral);color:#1b2330;font-family:"Trebuchet MS",sans-serif;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:28px;letter-spacing:-4px;padding-right:4px;position:relative;flex-shrink:0}.brand-mark:after{content:"";position:absolute;right:3px;top:-3px;width:10px;height:10px;border:2px solid var(--bg);border-radius:50%;background:var(--gold)}.brand-mark span{transform:translateY(3px)}.brand>span>span{color:var(--coral)}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;border-right:1px solid #2a3140;background:#151b27;padding:31px 23px;display:flex;flex-direction:column;z-index:30}.sidebar .brand{margin-bottom:46px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.8px;color:var(--muted);text-transform:uppercase}.nav-section{margin-bottom:28px}.nav-section>.eyebrow{padding-left:14px;margin:0 0 12px}.nav-link{height:47px;display:flex;align-items:center;gap:14px;margin:4px 0;padding:0 15px;border-radius:11px;color:#b0b9c9;font-size:13px;font-weight:600;background:transparent;width:100%;text-align:left}.nav-link:hover{background:#222a38;color:var(--text)}.nav-link.active{background:#ff826d15;color:var(--coral)}.nav-link .badge{margin-left:auto}.sidebar-bottom{margin-top:auto}.daily-card{background:#242b36;border:1px solid #39414b;border-radius:15px;padding:18px 15px;position:relative;overflow:hidden}.daily-card>.icon{color:var(--gold);width:30px;height:30px;float:right;margin-top:-4px}.daily-card h4{font-size:14px;margin:1px 0 4px}.daily-card p{font-size:11px;color:var(--muted);margin:0 0 13px}.daily-card button{width:100%;padding:9px;font-size:12px;background:var(--gold);border-radius:8px;color:#352c1b;font-weight:800}.sidebar-note{font-size:10px;color:#778397;margin:19px 0 0 3px}.sidebar-note span{color:var(--teal);margin-right:4px}.shell{margin-left:230px;min-height:100vh}.topbar{height:94px;padding:0 43px;display:flex;align-items:center;justify-content:space-between;gap:25px}.search-wrap{position:relative;max-width:440px;width:43%;color:#8d99ae;display:flex;align-items:center;gap:11px}.search-wrap input{background:transparent;border:0;color:var(--text);width:100%;padding:13px 0;outline-offset:0;font-size:13px}.search-wrap input::placeholder{color:#8f99ac}.search-key{font-size:10px;border:1px solid #394251;border-radius:4px;padding:1px 6px;white-space:nowrap}.top-actions{display:flex;align-items:center;gap:17px}.coin-pill{display:flex;align-items:center;gap:7px;background:#282b31;border:1px solid #464137;padding:7px 13px;border-radius:25px;color:var(--gold);font-size:13px;font-weight:700}.coin-pill .icon{width:19px;height:19px}.separator{height:27px;width:1px;background:var(--border)}.avatar{height:38px;width:38px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;color:#192029;font-weight:900;flex-shrink:0;font-size:15px;background:var(--coral);position:relative}.avatar.teal{background:var(--teal)}.avatar.gold{background:var(--gold)}.avatar.violet{background:var(--violet)}.avatar.blue{background:var(--blue)}.profile-button{display:flex;gap:10px;align-items:center;background:transparent;padding:0;text-align:left;font-size:12px}.profile-button small{display:block;color:var(--muted);font-size:10px}.profile-button>.icon{width:13px;color:var(--muted);transform:rotate(90deg)}.icon-button{display:inline-flex;align-items:center;justify-content:center;background:transparent;width:35px;height:35px;border-radius:9px;color:var(--muted)}.icon-button:hover{background:#ffffff0b;color:var(--text)}#main{padding:0 43px 36px;min-height:calc(100vh - 175px)}.page-greeting{display:flex;align-items:center;justify-content:space-between;margin:5px 0 21px}.page-greeting h1{font-size:24px;font-weight:750;letter-spacing:-.7px;margin:0}.page-greeting p{margin:4px 0 0;color:var(--muted);font-size:12px}.tiny-tag{font-size:10px;letter-spacing:.5px;border:1px solid #434958;padding:5px 10px;border-radius:20px;color:#c7cbd5;display:inline-flex;gap:6px;align-items:center}.tiny-tag .icon{width:13px;height:13px}.hero{background:var(--cream);color:#283c36;min-height:318px;border-radius:22px;display:flex;position:relative;overflow:hidden;margin-bottom:30px}.hero-copy{position:relative;z-index:2;padding:36px 37px;width:55%}.hero .eyebrow{color:#637465;display:flex;gap:8px;align-items:center;font-size:10px}.hero .eyebrow:before{content:"";width:6px;height:6px;background:#78a38b;border-radius:50%}.hero h2{font-family:"Trebuchet MS","Segoe UI",sans-serif;font-size:clamp(36px,3.1vw,53px);line-height:1.06;letter-spacing:-2px;font-weight:900;margin:13px 0 14px}.hero h2 span{color:#bd6553}.hero p{font-size:12px;line-height:1.7;max-width:330px;color:#6b7364;margin:0 0 22px}.hero-art{position:absolute;right:-12px;top:-11px;width:53%;height:calc(100% + 25px)}.hero-actions{display:flex;gap:10px}.btn{padding:12px 19px;border-radius:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:12px;line-height:1.3;min-height:41px;background:var(--coral);color:#1b2630;transition:transform .16s,background .16s;white-space:nowrap}.btn:hover{transform:translateY(-2px);background:#ff9786}.btn .icon{width:16px;height:16px}.btn.secondary{background:var(--panel2);color:var(--text);border:1px solid #3a4353}.hero .btn.secondary{background:transparent;border:1px solid #b5b89e;color:#364a40}.btn.teal{background:var(--teal)}.btn.gold{background:var(--gold)}.btn.violet{background:var(--violet)}.btn.ghost{background:transparent;color:var(--muted);border:1px solid var(--border)}.btn.small{padding:8px 12px;min-height:34px;font-size:11px}.btn.full{width:100%}.text-button{background:transparent;color:var(--muted);padding:0;font-size:12px}.text-button:hover{color:var(--coral)}.section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px}.section-head h2{font-size:19px;letter-spacing:-.45px;margin:0}.section-head p{color:var(--muted);font-size:12px;margin:4px 0 0}.section-head .text-button{display:flex;gap:7px;align-items:center;font-size:11px}.section-head .text-button .icon{width:14px;height:14px}.categories{display:flex;gap:10px;overflow:auto;scrollbar-width:none;margin-bottom:29px;padding-bottom:5px}.categories::-webkit-scrollbar{display:none}.category{display:flex;align-items:center;gap:9px;white-space:nowrap;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:12px 17px;flex:1;color:#b8c1d0;font-weight:650;font-size:11px}.category:hover{border-color:#718078}.category .icon{width:18px;height:18px;color:var(--teal)}.category.active{background:var(--coral);border-color:var(--coral);color:#19232b}.category.active .icon{color:#25332f}.category .count{opacity:.55;font-size:10px;margin-left:4px}.content-with-aside{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:26px}.games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.game-card{border-radius:15px;background:var(--panel);border:1px solid #303748;overflow:hidden;position:relative;transition:transform .2s,border-color .2s}.game-card:hover{transform:translateY(-4px);border-color:#687466}.art-wrap{position:relative;height:158px;overflow:hidden;background:#5b746e}.art-wrap.coral{background:#ad6a5b}.art-wrap.gold{background:#9e854e}.art-wrap.violet{background:#756390}.art-wrap.teal{background:#467f73}.art-wrap.blue{background:#4f7291}.game-art{width:100%;height:100%;display:block;transition:transform .3s}.game-card:hover .game-art{transform:scale(1.04)}.favorite{position:absolute;right:10px;top:10px;border-radius:50%;background:#15223138;color:#fff5de;width:28px;height:28px;display:flex;align-items:center;justify-content:center;z-index:2}.favorite .icon{width:14px;height:14px}.favorite.chosen{color:var(--coral);background:#111b2cba}.favorite.chosen .icon{fill:currentColor}.card-tag{position:absolute;left:10px;top:11px;background:#192a30af;color:#f6efdf;font-size:8px;letter-spacing:.9px;text-transform:uppercase;font-weight:800;border-radius:4px;padding:4px 7px}.game-card-body{padding:15px 15px 13px}.game-title{display:flex;align-items:center;justify-content:space-between;gap:6px}.game-title h3{font-size:15px;margin:0;font-weight:750;letter-spacing:-.3px}.rules-link{background:transparent;color:#8d99ad;padding:2px}.rules-link .icon{width:15px;height:15px}.game-card-body p{font-size:10px;color:#a2aec0;height:30px;line-height:1.5;margin:5px 0 11px}.game-meta{display:flex;align-items:center;gap:10px;font-size:9px;color:#b4becd;margin-bottom:13px}.game-meta span{display:inline-flex;align-items:center;gap:4px}.game-meta .icon{width:12px;height:12px}.card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #303847;padding-top:11px}.mode-tags{display:flex;gap:4px;flex-wrap:wrap}.mode-tag{font-size:8px;letter-spacing:.2px;padding:3px 5px;border-radius:4px;background:#273c38;color:#9edac6}.mode-tag.chaos{color:#c9b4f5;background:#3a304b}.play-link{color:var(--coral);background:transparent;display:flex;align-items:center;gap:5px;font-size:10px;font-weight:800;padding:3px 0}.play-link .icon{width:13px;height:13px}.side-card{border:1px solid #353c4b;border-radius:15px;padding:20px;background:var(--panel);margin-bottom:19px}.side-card h3{margin:0 0 7px;font-size:15px;letter-spacing:-.3px}.side-card>p{color:#a6b0c0;font-size:11px;line-height:1.7;margin:0 0 16px}.side-card .badge-top{display:inline-flex;align-items:center;gap:5px;border-radius:4px;background:#383947;color:var(--gold);font-size:9px;padding:4px 7px;margin-bottom:14px}.side-card .badge-top .icon{width:12px;height:12px}.side-card .btn{font-size:11px}.join-mini{border-top:1px solid #323a48;padding-top:15px;margin-top:15px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted)}.join-mini button{color:var(--coral);font-size:10px}.rank-mini{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #2e3747;font-size:11px}.rank-mini .avatar{height:29px;width:29px;font-size:12px;border-radius:9px}.rank-mini>strong{margin-left:auto;color:var(--gold);font-size:11px}.rank-mini>span:first-child:not(.avatar){color:var(--muted);width:12px;font-size:10px}.empty-small{text-align:center;padding:17px 5px 10px;color:#a3aec0;font-size:11px;line-height:1.7}.empty-small>.icon{width:32px;height:32px;color:var(--gold);display:block;margin:0 auto 10px}.chaos-spotlight{border:1px solid #504263;border-radius:15px;background:#292538;padding:19px;position:relative;overflow:hidden}.chaos-spotlight>.icon{position:absolute;right:14px;top:16px;color:#bfa4eb;width:36px;height:36px;transform:rotate(10deg)}.chaos-spotlight .eyebrow{color:#baa2dc;font-size:9px}.chaos-spotlight h3{font-size:19px;line-height:1.2;letter-spacing:-.4px;margin:10px 0}.chaos-spotlight p{font-size:10px;color:#b0a8c1;max-width:185px}.chaos-spotlight .text-button{color:#d1b6fa;font-size:11px;display:flex;align-items:center;gap:6px;margin-top:15px}.roadmap{margin-top:26px;border-top:1px solid var(--border);padding-top:23px}.roadmap summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}.roadmap summary .icon{width:15px}.roadmap[open] summary{margin-bottom:17px}.game-card.planned{opacity:.72}.planned .art-wrap{height:125px;filter:saturate(.55)}.planned .play-link{color:var(--muted);font-size:9px}.planned .card-bottom{justify-content:flex-start}.footer{margin:0 43px;padding:22px 0 26px;border-top:1px solid #2a3240;display:flex;gap:15px;align-items:center;justify-content:space-between;color:#7e8a9e;font-size:9px}.footer .text-button{font-size:9px}.mobile-nav{display:none}.boot{display:flex;flex-direction:column;align-items:center;justify-content:center;height:70vh;color:var(--muted)}.boot .brand-mark{transform:scale(1.4);margin-bottom:20px}.filter-bar{display:flex;align-items:center;gap:10px;margin-bottom:21px;flex-wrap:wrap}.filter-bar select,.filter-bar input{width:auto;min-height:37px;padding:7px 11px;font-size:11px}.filter-bar .count-label{color:var(--muted);font-size:11px;margin-right:auto}.segmented{display:inline-flex;border:1px solid var(--border);padding:4px;border-radius:10px;gap:3px;background:#171e2a}.segmented button{border-radius:7px;background:transparent;color:var(--muted);padding:8px 13px;font-size:11px;font-weight:650}.segmented button.active{background:#3b344c;color:#ddc9ff}.segmented button[data-value="normal"].active{background:#2a423c;color:#a1deca}.library-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.empty-state{padding:55px 20px;border:1px dashed #414c60;border-radius:18px;text-align:center;color:var(--muted);grid-column:1/-1}.empty-state>.icon{width:42px;height:42px;color:var(--teal);margin-bottom:10px}.empty-state h3{color:var(--text);font-size:18px;margin:5px 0}.empty-state p{font-size:12px;margin:8px auto 20px;max-width:340px}.empty-state .btn{margin-top:10px}.page-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:10px 0 27px}.page-title h1{font-size:29px;letter-spacing:-1px;margin:0}.page-title p{font-size:12px;color:var(--muted);margin:6px 0 0}.panel{border:1px solid var(--border);background:var(--panel);border-radius:var(--radius);padding:25px}.panel h2{font-size:18px;margin:0 0 15px;letter-spacing:-.3px}.panel h3{font-size:15px;margin:0 0 12px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.muted{color:var(--muted)}.caption{font-size:11px;color:var(--muted)}.mt{margin-top:22px}.row{display:flex;align-items:center;gap:12px}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:13px}.badge{border-radius:5px;background:#313b4a;padding:3px 7px;font-size:9px;font-weight:700;color:#bbc8d8;white-space:nowrap}.badge.success{background:#29423a;color:#91d6be}.badge.purple{background:#3c3051;color:#d8c1ff}.badge.gold{background:#443c2b;color:var(--gold)}.badge.coral{background:#482f31;color:var(--coral)}.room-code{font-size:23px;letter-spacing:5px;font-family:monospace;font-weight:800;color:var(--gold)}.seat{padding:14px 16px;border:1px solid var(--border);border-radius:12px;display:flex;align-items:center;gap:12px;background:#17202b}.seat.open{border-style:dashed;color:var(--muted);justify-content:center;min-height:71px;font-size:12px}.seat .seat-info{flex:1}.seat .seat-info strong{font-size:13px}.seat .seat-info small{display:block;color:var(--muted);font-size:10px}.seat.current{border-color:var(--teal)}.ready-dot{height:7px;width:7px;border-radius:50%;background:var(--teal);display:inline-block;margin-right:4px}.ready-dot.waiting{background:#747c8e}.room-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px}.rules-box{padding:16px;border:1px solid #4d465b;border-radius:12px;background:#2c2637;color:#cec0df;font-size:12px;line-height:1.85}.rules-box.normal{border-color:#36564b;background:#1d302d;color:#b1cdbf}.rules-box h3{font-size:12px;color:var(--text);margin:0 0 8px}.chat-list{height:200px;overflow:auto;padding:0 0 10px}.chat-message{font-size:12px;margin:10px 0;overflow-wrap:anywhere}.chat-message strong{color:var(--teal);font-size:10px;display:block}.chat-form{display:flex;gap:7px}.chat-form input{min-width:0;font-size:11px}.chat-form .btn{padding:8px 10px}.form-field{display:block;margin-bottom:17px}.form-field>span{display:block;font-size:11px;color:#c3cbda;margin-bottom:7px;font-weight:600}input,select,textarea{background:#151c28;border:1px solid #414c5e;color:var(--text);border-radius:9px;padding:11px 12px;width:100%;min-height:42px}textarea{min-height:80px;resize:vertical}input::placeholder,textarea::placeholder{color:#78869d}input[type="checkbox"]{min-height:0;width:auto;accent-color:var(--coral)}.checkbox{display:flex;gap:9px;align-items:center;font-size:12px;color:var(--muted);margin:12px 0}.form-error{color:#ffb2a5;font-size:12px;margin:10px 0}.field-note{font-size:10px;color:var(--muted);margin-top:6px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.modal-description{font-size:12px;color:var(--muted);margin:7px 0 22px}dialog{background:var(--panel);color:var(--text);border:1px solid #465066;border-radius:21px;padding:30px;max-width:540px;width:calc(100% - 32px);box-shadow:0 30px 120px #0008;max-height:90vh;overflow:auto}dialog::backdrop{background:#080d18bf;backdrop-filter:blur(5px)}.modal-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.modal-heading h2{font-size:25px;letter-spacing:-.8px;margin:0}.modal-heading .icon-button{margin-right:-6px}.modal-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:24px}.dialog-art{height:150px;border-radius:12px;margin:18px 0;background:#48796d}.dialog-art .game-art{height:100%}.rules-text{font-size:13px;line-height:1.9;color:#bac5d5;white-space:pre-line}.toasts{position:fixed;bottom:25px;right:25px;z-index:100;max-width:370px;display:flex;flex-direction:column;gap:10px}.toast{background:#283c36;color:#c9f4df;border:1px solid #4e8c74;box-shadow:0 8px 30px #0005;padding:13px 20px;border-radius:12px;font-size:12px;animation:toast-in .2s ease-out}.toast.error{background:#482e32;border-color:#905c62;color:#ffd2cc}.score-number{font-size:40px;line-height:1.2;letter-spacing:-1.5px;color:var(--gold);font-weight:800}.balance-card{background:#273729;border:1px solid #526041;border-radius:18px;padding:28px;position:relative;overflow:hidden}.balance-card>.icon{position:absolute;right:25px;top:32px;width:65px;height:65px;color:#c3c086;opacity:.55;transform:rotate(-15deg)}.balance-card h2{font-size:12px;color:#bdc4a3;margin:0 0 12px;font-weight:600}.balance-card p{font-size:10px;color:#b1bc9f;margin:12px 0 0}.transactions{width:100%;border-collapse:collapse}.transactions th{text-align:left;font-size:10px;letter-spacing:.4px;color:var(--muted);padding:13px 10px;border-bottom:1px solid var(--border)}.transactions td{padding:14px 10px;border-bottom:1px solid #2c3544;font-size:12px}.transactions td small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.transactions td:last-child{text-align:right;white-space:nowrap}.positive{color:var(--teal)}.negative{color:var(--coral)}.shop-item{padding:18px;border:1px solid var(--border);border-radius:13px;background:#171f2c}.shop-preview{height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:15px;border-radius:10px;background:#232c3c}.shop-preview .avatar{height:48px;width:48px;border:4px double var(--gold);border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px #f6ce7620}.shop-preview.coral .avatar{border-color:var(--coral);background:var(--coral);box-shadow:0 0 0 4px #ff826d20}.shop-preview.violet .avatar{border-color:var(--violet);background:var(--violet);box-shadow:0 0 0 4px #b4a0ed20}.shop-preview.table{background:#2d5e4c;border:5px solid #866d4e;border-radius:35px;height:80px}.shop-preview.table.violet{background:#473766;border-color:#76618f}.shop-preview.table.coral{background:#6c3b43;border-color:#ad7760}.shop-item h3{font-size:13px;margin:0}.shop-item p{font-size:10px;color:var(--muted);margin:4px 0 12px}.shop-item .row strong{font-size:12px;color:var(--gold)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:23px}.stat-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:19px}.stat-card small{display:block;color:var(--muted);font-size:10px;margin-bottom:8px}.stat-card strong{font-size:28px;letter-spacing:-1px}.stat-card>.icon{float:right;color:var(--teal)}.podium{display:flex;justify-content:center;align-items:flex-end;gap:14px;padding:25px 0 35px}.podium-item{text-align:center;min-width:140px}.podium-item .avatar{height:55px;width:55px;border-radius:19px;font-size:22px;margin-bottom:12px}.podium-item h3{font-size:13px;margin:0 0 8px}.podium-item .place{background:#2b3446;padding:22px 15px 10px;border-radius:12px 12px 0 0;color:var(--gold);font-size:21px;font-weight:800}.podium-item.first .place{padding-top:43px;background:#4b4130}.podium-item.first .avatar{box-shadow:0 0 0 3px var(--gold)}.podium-item small{font-size:10px;display:block;color:var(--muted)}.rank-row{display:grid;grid-template-columns:40px minmax(140px,1fr) 90px 90px 90px;align-items:center;padding:15px 17px;border-bottom:1px solid var(--border);gap:13px;font-size:12px}.rank-row.heading{color:var(--muted);font-size:10px}.rank-row.me{background:#ff826d0e;border:1px solid #ff826d45;border-radius:10px}.rank-row .avatar{width:31px;height:31px;border-radius:10px;font-size:12px}.friend-card{display:flex;gap:14px;align-items:center;padding:20px;background:#192231;border:1px solid var(--border);border-radius:14px}.friend-card h3{font-size:14px;margin:0 0 5px}.friend-card p{font-size:10px;color:var(--muted);margin:0}.friend-card>div:nth-child(2){flex:1}.settings-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:23px}.settings-nav button{background:var(--panel2);color:var(--muted);padding:9px 17px;border-radius:9px;font-size:12px}.settings-nav button.active{color:#1b2630;background:var(--coral)}.audit-row{padding:14px 0;border-bottom:1px solid var(--border);font-size:12px}.audit-row p{font-size:10px;color:var(--muted);margin:4px 0}.audit-row code{font-size:10px;color:var(--teal)}.admin-user{padding:12px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}.admin-user>div:nth-child(2){flex:1}.admin-user strong{font-size:12px}.admin-user small{display:block;color:var(--muted);font-size:10px}.status-dot{height:6px;width:6px;background:var(--teal);border-radius:50%;display:inline-block;margin-right:5px}.status-dot.offline{background:#788195}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:20px}.game-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:7px 0 20px}.game-header h1{font-size:22px;letter-spacing:-.6px;margin:0}.game-header .row{gap:9px}.game-header .caption{font-size:10px}.game-table{border-radius:25px;background:#214438;border:6px solid #4b5545;box-shadow:inset 0 0 70px #10271f70,0 8px 0 #151c21;min-height:410px;padding:25px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.game-table:before{content:"";position:absolute;inset:14px;border:1px solid #78a28735;border-radius:15px;pointer-events:none}.game-table.theme-violet{background:#3c2b56;border-color:#695579}.game-table.theme-coral{background:#5c3540;border-color:#91605b}.table-wordmark{position:absolute;font-size:28px;font-weight:900;letter-spacing:-1px;color:#98c1a713;top:48%;pointer-events:none}.opponents{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;position:relative;z-index:1;margin-bottom:23px}.opponent{display:flex;align-items:center;gap:8px;background:#0e211c70;padding:7px 11px;border:1px solid #5e7a5840;border-radius:10px}.opponent.active{border-color:var(--gold);box-shadow:0 0 0 3px #f6ce7610}.opponent .avatar{width:28px;height:28px;font-size:11px;border-radius:9px}.opponent small{display:block;color:#aec4b6;font-size:9px}.opponent strong{font-size:10px}.opponent>.badge{font-size:8px}.table-center{display:flex;align-items:center;justify-content:center;gap:7px;min-height:135px;position:relative;z-index:1;flex-wrap:wrap;margin:10px 0 20px}.table-message{color:#b9d2be;font-size:12px;text-align:center;max-width:350px}.turn-banner{text-align:center;font-size:12px;font-weight:650;color:var(--gold);background:#151f2690;padding:9px 20px;border:1px solid #f6ce7630;border-radius:10px;position:relative;z-index:1}.turn-banner.waiting{color:#aac5b7;border-color:#a3b29d30}.hand-area{padding:23px 0 12px;text-align:center}.hand-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;color:var(--muted);font-size:11px}.hand-label strong{color:var(--text);font-size:12px}.playing-hand{display:flex;justify-content:center;flex-wrap:wrap;gap:5px;padding-top:15px;min-height:105px}.playing-card{width:63px;height:90px;flex-shrink:0;border-radius:7px;background:#fcf7e9;color:#253841;position:relative;box-shadow:0 3px 3px #0003;border:2px solid #e4d8bb;padding:0;transition:transform .15s,border-color .15s;text-align:left}.playing-card.red{color:#d55d54}.playing-card .rank{position:absolute;left:6px;top:2px;font-size:17px;line-height:1.3;font-weight:800}.playing-card .suit{position:absolute;left:7px;top:24px;font-size:13px;line-height:1}.playing-card .big-suit{position:absolute;right:8px;bottom:5px;font-size:30px}.playing-card.selected{transform:translateY(-15px);border-color:var(--gold);box-shadow:0 0 0 2px var(--gold)}.playing-card.playable:hover{transform:translateY(-7px)}.playing-card.selected:hover{transform:translateY(-15px)}.playing-card.color-card{text-align:center;display:flex;align-items:center;justify-content:center;color:#fff7e6;border-color:#ffedc7}.playing-card.color-card:before{content:"";border:2px solid #ffedc7aa;position:absolute;inset:8px;border-radius:50%;transform:rotate(25deg)}.color-card .color-value{font-size:29px;font-weight:900;position:relative;z-index:1}.color-card.coral{background:#e97562}.color-card.blue{background:#508bb6}.color-card.green{background:#439b7b}.color-card.gold{background:#c59d3f}.color-card.wild{background:#675094}.game-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:20px 0 10px}.game-actions .btn{min-width:95px}.game-side .side-card{padding:17px}.game-log{max-height:190px;overflow:auto;font-size:10px;color:var(--muted)}.game-log p{padding:8px 0;border-bottom:1px solid var(--border);margin:0}.game-log p:last-child{color:var(--teal)}.game-hint{font-size:10px;line-height:1.7;color:var(--muted);text-align:center;margin:13px auto 0;max-width:600px}.board{display:grid;gap:0;border:6px solid #8a7856;border-radius:8px;overflow:hidden;max-width:420px;width:100%;box-shadow:0 9px 20px #0003;position:relative;z-index:1}.board.eight{grid-template-columns:repeat(8,1fr);aspect-ratio:1}.board button{padding:0;background:#d8c7a0;position:relative;aspect-ratio:1}.board button.dark{background:#537c65}.board button.legal:after{content:"";height:20%;width:20%;border-radius:50%;background:#d4eda380;position:absolute;top:40%;left:40%}.board button.selected{box-shadow:inset 0 0 0 4px var(--gold)}.piece{height:72%;width:72%;position:absolute;left:14%;top:14%;border-radius:50%;box-shadow:0 3px 1px #0004,inset 0 0 0 3px #ffffff20;background:#e6d8b6;border:2px solid #b8aa88;display:flex;align-items:center;justify-content:center;color:#82723e;font-size:23px}.piece.p2{background:#233a36;border-color:#172e2c;color:#aac3ad}.piece.king:before{content:"♛";position:absolute;line-height:1;font-size:22px}.four-board{grid-template-columns:repeat(7,1fr);gap:8px;padding:12px;background:#537aa0;border-color:#315774;max-width:420px;aspect-ratio:7/6}.four-board button{border-radius:50%;background:#223746;box-shadow:inset 0 3px 4px #0003}.four-board button.p1{background:#f4cb6a;box-shadow:inset 0 0 0 4px #ffe6a555}.four-board button.p2{background:#ed7c69;box-shadow:inset 0 0 0 4px #ffb69a55}.sungka-board{background:#b98750;border:5px solid #d6aa71;border-radius:60px;display:grid;grid-template-columns:50px repeat(7,1fr) 50px;grid-template-rows:70px 70px;gap:7px;width:100%;max-width:640px;padding:15px;position:relative;z-index:1}.sungka-pit{background:#755234;border:2px solid #9a6a3c;box-shadow:inset 0 5px 8px #0004;border-radius:50%;color:#fff0ce;padding:0;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:800;position:relative}.sungka-pit.own{border-color:#ecd28d;background:#795937}.sungka-pit:before{content:"";width:10px;height:15px;background:#e9dbaf;border-radius:60% 40%;position:absolute;top:10px;left:8px;transform:rotate(23deg);opacity:.8}.sungka-home{grid-row:1/3;display:flex;align-items:center;justify-content:center;border-radius:35px;background:#704c31;box-shadow:inset 0 5px 8px #0005;border:2px solid #9b6d41;font-size:26px;font-weight:900;color:#ffe6ad}.bingo-wrap{max-width:350px;width:100%;position:relative;z-index:1}.bingo-letters{display:grid;grid-template-columns:repeat(5,1fr);text-align:center;font-size:24px;font-weight:900;letter-spacing:1px;color:var(--gold);margin-bottom:10px}.bingo-board{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.bingo-cell{aspect-ratio:1;border-radius:9px;background:#f5eed8;color:#38473a;font-size:21px;font-weight:800;border:2px solid #ddd6ba;padding:0;position:relative}.bingo-cell.called{border-color:#e3b34e}.bingo-cell.marked{background:#ffcf77;color:#3c492d;border-color:#ffe5ae}.bingo-cell.marked:before{content:"";position:absolute;inset:6px;border:2px solid #a97a39;border-radius:50%;opacity:.6}.bingo-cell.free{font-size:11px;line-height:1.2}.called-balls{display:flex;gap:7px;align-items:center;justify-content:center;flex-wrap:wrap;margin-bottom:18px}.bingo-ball{width:36px;height:36px;border-radius:50%;background:var(--gold);color:#344333;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;border:4px solid #e0af57}.bingo-ball.latest{width:48px;height:48px;font-size:19px;background:var(--coral);border-color:#ec9d77}.number-history{display:flex;gap:5px;flex-wrap:wrap;font-size:10px;max-height:150px;overflow:auto}.number-history span{padding:3px 5px;background:#2d3745;border-radius:4px;color:var(--gold)}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;width:100%;max-width:540px;position:relative;z-index:1;margin:20px 0}.choice-button{background:#17372f;border:1px solid #708969;border-radius:12px;color:#ecedce;padding:20px 16px;font-weight:650;font-size:14px;min-height:63px;display:flex;align-items:center;justify-content:center;gap:10px}.choice-button:hover{border-color:var(--gold);background:#385340}.choice-button.picked{background:#736741;border-color:var(--gold)}.choice-button .choice-letter{background:#ffffff14;border-radius:7px;padding:5px 9px;font-size:11px;color:#c5d4b9}.choice-button.gesture{font-size:36px;min-width:95px;min-height:100px;flex-direction:column;gap:6px}.choice-button.gesture small{font-size:12px}.choice-buttons{display:flex;gap:15px;justify-content:center;margin:30px 0;position:relative;z-index:1;flex-wrap:wrap}.question-text{font-size:23px;text-align:center;line-height:1.45;max-width:520px;margin:12px 0;color:#f1efd2;position:relative;z-index:1;font-weight:700;letter-spacing:-.5px}.round-label{font-size:10px;letter-spacing:1.8px;color:#b7c9ab;text-transform:uppercase;font-weight:750;position:relative;z-index:1}.round-reveal{padding:14px;border-radius:10px;background:#263429;border:1px solid #59634b;color:#d1d8b4;font-size:11px;margin:15px 0;line-height:1.7}.dice-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:380px;width:100%;margin:20px 0;position:relative;z-index:1}.color-choice{padding:16px 12px;min-height:68px;border-radius:13px;background:#f77d69;color:#1f2d31;font-weight:750;border:3px solid #ffffff30}.color-choice.blue{background:var(--blue)}.color-choice.green{background:var(--teal)}.color-choice.gold{background:var(--gold)}.color-choice.violet{background:var(--violet)}.color-choice.white{background:#e8e3d1}.color-choice.picked{border-color:white;box-shadow:0 0 0 3px #0004}.color-choice .icon{display:block;margin:0 auto 6px}.result-hero{text-align:center;padding:30px 20px;position:relative;z-index:1}.result-hero>.icon{width:57px;height:57px;color:var(--gold);margin-bottom:14px}.result-hero h2{font-size:32px;letter-spacing:-1px;color:#f5e6b4;margin:0 0 10px}.result-hero p{color:#b5c9b8;font-size:12px}.results-list{display:flex;gap:12px;justify-content:center;margin:20px 0;flex-wrap:wrap}.result-player{border:1px solid #a0b28c55;padding:12px 20px;border-radius:12px;color:#d2debe;font-size:12px}.result-player.winner{border-color:var(--gold);background:#f6ce7610}.result-player strong{display:block}.result-player .score{color:var(--gold);font-size:20px;display:block;margin-top:6px}.status-pill{display:flex;align-items:center;gap:5px;color:var(--teal);font-size:10px}.disconnected{color:var(--coral)}.toast-in{opacity:1}.mobile-brand{display:none}.table-scroll{overflow:auto}.profile-frame-coral{box-shadow:0 0 0 3px var(--coral)}.profile-frame-gold{box-shadow:0 0 0 3px var(--gold)}.profile-frame-violet{box-shadow:0 0 0 3px var(--violet)}.avatar-options{display:flex;gap:11px;flex-wrap:wrap;margin:10px 0 20px}.avatar-option{background:transparent;border:2px solid transparent;border-radius:15px;padding:4px}.avatar-option.selected{border-color:var(--teal)}.rules-modal-notice{padding:10px 13px;border:1px solid #715c3e;border-radius:8px;background:#443c29;font-size:11px;color:var(--gold);margin:15px 0}.admin-warning{padding:15px;border:1px solid #625344;border-radius:12px;background:#352e26;color:#d9c493;font-size:12px;line-height:1.8;margin-bottom:20px}.inline-link{color:var(--coral);text-decoration:underline;text-underline-offset:3px}.small-table{font-size:11px}.setting-line{padding:12px 0;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;justify-content:space-between}.setting-line strong{font-size:12px}.setting-line small{display:block;color:var(--muted);font-size:10px}.setting-line input{max-width:105px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes toast-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){#main{max-width:1510px;margin:auto}.topbar{max-width:1510px;margin:auto}.hero-copy{padding:40px 46px}.hero{min-height:350px}.art-wrap{height:185px}}
@media(max-width:1250px){.sidebar{width:200px;padding:28px 17px}.shell{margin-left:200px}.brand{font-size:21px;gap:8px}.topbar{padding:0 28px}#main{padding:0 28px 30px}.footer{margin:0 28px}.content-with-aside{grid-template-columns:minmax(0,1fr) 220px;gap:18px}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category{padding:12px 13px;flex:initial}.hero-copy{width:58%;padding:31px}.hero h2{font-size:40px}.hero-art{width:52%;right:-30px}.hero{min-height:302px}.hero p{max-width:270px}.room-layout{grid-template-columns:minmax(0,1fr) 270px}.game-layout{grid-template-columns:minmax(0,1fr) 215px}.game-table{padding:20px 14px}.playing-card{width:55px;height:81px}.playing-card .big-suit{font-size:27px}.shop-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1000px){.sidebar{width:83px;padding:28px 16px}.sidebar .brand>span{display:none}.sidebar .brand{margin-bottom:36px}.sidebar .brand-mark{width:43px;height:43px}.sidebar .eyebrow,.sidebar .nav-link>span,.sidebar .nav-link .badge,.sidebar .daily-card,.sidebar-note{display:none}.nav-link{padding:0;justify-content:center}.nav-link .icon{width:22px;height:22px}.sidebar .nav-section{margin-bottom:20px}.shell{margin-left:83px}.topbar{height:85px}.content-with-aside{grid-template-columns:minmax(0,1fr) 220px}.hero h2{font-size:38px}.hero-copy{padding:28px}.hero{min-height:294px}.hero-actions .btn{font-size:11px;padding:11px 13px}.hero p{font-size:11px}.game-layout{grid-template-columns:1fr}.game-side{display:grid;grid-template-columns:1fr 1fr;gap:18px}.game-side>.side-card{margin-bottom:0}.game-log{max-height:120px}.playing-card{width:59px;height:85px}.room-layout{grid-template-columns:1fr 260px}.stats-grid{grid-template-columns:repeat(2,1fr)}.game-table{min-height:400px}.profile-button>span:not(.avatar){display:none}.top-actions{gap:12px}.search-wrap{width:50%}.sungka-board{grid-template-columns:40px repeat(7,1fr) 40px;gap:5px;padding:12px}.sungka-pit{font-size:17px}.two-col{gap:17px}}
@media(max-width:780px){.content-with-aside{grid-template-columns:1fr}.home-aside{display:grid;grid-template-columns:1fr 1fr;gap:16px}.home-aside>.side-card,.home-aside>.chaos-spotlight{margin:5px 0 0}.home-aside>.side-card:nth-child(2){display:none}.games-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.art-wrap{height:135px}.game-card-body{padding:12px}.game-title h3{font-size:13px}.game-card-body p{font-size:9px}.game-meta{font-size:8px;gap:7px}.game-meta span:last-child{display:none}.mode-tag{font-size:7px}.play-link{font-size:9px}.hero-art{right:-40px;opacity:.95}.hero-copy{width:65%;padding:28px}.hero p{max-width:230px}.hero h2{font-size:35px}.hero .btn{padding:11px 12px;font-size:10px;gap:5px}.room-layout{grid-template-columns:1fr}.room-layout>.panel:last-child{display:grid;grid-template-columns:1fr 1fr;gap:20px}.room-layout>.panel:last-child>h2{grid-column:1/-1}.room-layout>.panel:last-child>.rules-box{margin:0}.room-layout>.panel:last-child>.mt{margin:0}.two-col{grid-template-columns:1fr}.three-col{grid-template-columns:repeat(2,1fr)}.rank-row{grid-template-columns:25px minmax(110px,1fr) 55px 50px 65px;font-size:11px;gap:8px;padding:13px 9px}.footer{font-size:8px;flex-wrap:wrap}.footer .text-button{font-size:8px}.page-title h1{font-size:25px}.page-greeting h1{font-size:22px}.page-title{align-items:flex-start}.hero{min-height:280px}.tiny-tag{font-size:9px;padding:4px 8px}.page-title .btn{font-size:11px;padding:10px 13px}}
@media(max-width:600px){body{font-size:13px}.sidebar{display:none}.shell{margin-left:0}.topbar{height:77px;padding:0 20px;gap:10px}.mobile-brand{display:flex;font-size:20px;gap:7px}.mobile-brand .brand-mark{width:33px;height:33px;border-radius:10px;font-size:24px}.mobile-brand .brand-mark:after{width:8px;height:8px;right:0}.search-wrap{width:30px;margin-left:auto;max-width:30px}.search-wrap input{width:100%;position:absolute;inset:0;opacity:0;cursor:pointer}.search-wrap .search-key{display:none}.search-wrap .icon{width:19px}.search-wrap:focus-within{position:absolute;left:18px;right:18px;max-width:none;width:auto;height:44px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:0 12px;z-index:3}.search-wrap:focus-within input{position:static;opacity:1;padding-left:10px}.top-actions{gap:9px}.top-actions>.separator{display:none}.profile-button .avatar{width:33px;height:33px;font-size:12px;border-radius:11px}.profile-button>.icon{display:none}.coin-pill{padding:6px 9px;font-size:11px;gap:4px}.coin-pill .icon{width:16px}.top-actions>.icon-button{display:none}#main{padding:0 18px 25px}.page-greeting{margin:7px 0 19px}.page-greeting h1{font-size:23px}.page-greeting p{font-size:10px;max-width:230px}.page-greeting>.tiny-tag{display:none}.hero{border-radius:18px;min-height:364px;margin-bottom:26px}.hero-copy{padding:25px;width:100%}.hero h2{font-size:37px;letter-spacing:-1.4px;margin-top:12px;max-width:250px}.hero p{max-width:225px;font-size:11px;margin-bottom:18px}.hero .eyebrow{font-size:9px;letter-spacing:1.7px}.hero-art{width:75%;height:64%;top:auto;bottom:-38px;right:-50px;opacity:.94;transform:rotate(-4deg)}.hero-actions{position:relative;z-index:2;gap:8px;max-width:270px;flex-wrap:wrap}.hero .btn{font-size:11px;padding:11px 13px}.hero .btn.secondary{background:#f3e8cdd9}.hero h2 span{color:#b96353}.section-head h2{font-size:18px}.section-head p{font-size:10px}.section-head{margin-bottom:14px}.categories{margin-left:-18px;margin-right:-18px;padding:0 18px 6px;gap:8px;margin-bottom:20px}.category{font-size:10px;padding:11px 13px;border-radius:10px}.category .count{font-size:9px;margin-left:0}.category .icon{width:16px;height:16px}.games-grid,.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.art-wrap{height:127px}.game-card{border-radius:13px}.game-card-body{padding:12px 11px}.game-title h3{font-size:13px}.game-card-body p{height:30px;font-size:9px;line-height:1.55;margin:5px 0 8px}.game-meta{font-size:8px;gap:7px;margin-bottom:9px}.game-meta .icon{width:11px;height:11px}.game-meta span:last-child{display:none}.mode-tag{font-size:7px;padding:2px 4px}.mode-tags{gap:3px}.play-link{font-size:9px;gap:3px}.play-link .icon{width:11px}.card-bottom{padding-top:9px}.rules-link .icon{width:13px;height:13px}.card-tag{font-size:7px;letter-spacing:.5px;padding:3px 6px;left:8px;top:9px}.favorite{height:25px;width:25px;right:8px;top:8px}.favorite .icon{width:12px}.content-with-aside{gap:20px}.home-aside{display:grid;grid-template-columns:1fr;gap:15px}.home-aside .side-card:nth-child(2){display:block}.home-aside .side-card{padding:20px}.chaos-spotlight h3{font-size:22px}.chaos-spotlight p{max-width:250px;font-size:11px}.chaos-spotlight{padding:21px}.chaos-spotlight>.icon{width:61px;height:61px;right:20px;top:32px;opacity:.7}.roadmap{margin-top:22px}.footer{margin:0 18px;padding:22px 0 100px;font-size:8px;gap:8px;display:block;line-height:1.8}.footer>span{display:block}.footer .text-button{display:inline-block;margin-top:8px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:70px;padding:7px 13px max(8px,env(safe-area-inset-bottom));background:#161e2bf5;border-top:1px solid #333e50;display:flex;justify-content:space-around;z-index:40;backdrop-filter:blur(12px)}.mobile-nav a{width:19%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;font-size:8px;color:#8d9bb1;font-weight:650}.mobile-nav a .icon{width:20px;height:20px}.mobile-nav a.active{color:var(--coral)}.toasts{bottom:85px;left:18px;right:18px;max-width:none}.toast{font-size:12px;padding:13px 15px}.page-title{margin:8px 0 21px;gap:12px}.page-title h1{font-size:25px}.page-title p{font-size:11px;max-width:250px}.page-title .btn{font-size:10px;padding:10px 12px;min-height:36px}.page-title .btn .icon{width:14px}.panel{padding:20px;border-radius:15px}.panel h2{font-size:17px}.two-col{gap:16px}.three-col{gap:13px}.filter-bar{gap:7px;margin-bottom:18px}.filter-bar select{font-size:10px;padding:8px;max-width:calc(50% - 4px)}.filter-bar .count-label{font-size:10px;width:100%}.filter-bar .segmented{margin-bottom:2px}.segmented button{font-size:10px;padding:7px 10px}.stats-grid{grid-template-columns:1fr 1fr;gap:12px}.stat-card{padding:16px}.stat-card small{font-size:9px}.stat-card strong{font-size:25px}.stat-card>.icon{width:19px}.podium{gap:8px;padding:15px 0 25px}.podium-item{min-width:0;flex:1}.podium-item .avatar{height:42px;width:42px;font-size:17px;border-radius:14px}.podium-item h3{font-size:11px}.podium-item .place{font-size:18px;padding:19px 8px 8px}.podium-item.first .place{padding-top:35px}.podium-item small{font-size:8px}.rank-row{grid-template-columns:20px minmax(100px,1fr) 38px 43px 50px;font-size:10px;gap:5px;padding:12px 3px}.rank-row .avatar{height:26px;width:26px;border-radius:8px;font-size:10px}.rank-row .row{gap:7px}.rank-row.heading{font-size:8px}.balance-card{padding:24px}.shop-item{padding:14px}.shop-item .btn{font-size:9px;padding:7px 8px}.shop-item h3{font-size:12px}.shop-item .row strong{font-size:10px}.shop-preview{height:70px}.shop-item .row{gap:5px}.transactions td{font-size:11px;padding:12px 6px}.transactions th{font-size:9px;padding:11px 6px}.transactions td small{font-size:9px}.friend-card{padding:16px;gap:10px}.friend-card h3{font-size:12px}.friend-card .btn{font-size:9px;padding:8px 10px}.room-layout{gap:16px}.room-layout>.panel:last-child{display:block}.room-layout>.panel:last-child>.mt{margin-top:20px}.room-code{font-size:20px;letter-spacing:4px}.room-layout>.panel>.row{flex-wrap:wrap}.seat{padding:12px}.game-header{align-items:flex-start;flex-wrap:wrap;margin:6px 0 18px}.game-header h1{font-size:20px}.game-header .btn{padding:8px 11px;font-size:10px;min-height:34px}.game-layout{gap:15px}.game-table{border-width:4px;border-radius:19px;padding:17px 10px;min-height:370px}.game-table:before{inset:10px;border-radius:11px}.opponents{gap:7px;margin-bottom:15px}.opponent{gap:6px;padding:6px 7px;border-radius:8px}.opponent strong{font-size:9px}.opponent small{font-size:8px}.opponent .avatar{width:23px;height:23px;border-radius:8px;font-size:10px}.opponent>.badge{display:none}.table-center{min-height:125px;gap:4px;margin-bottom:15px}.playing-card{width:46px;height:70px;border-radius:6px}.playing-card .rank{font-size:14px;left:4px;top:1px}.playing-card .suit{font-size:11px;left:5px;top:20px}.playing-card .big-suit{font-size:24px;right:5px;bottom:2px}.playing-hand{gap:4px;row-gap:20px;justify-content:center}.playing-card.color-card .color-value{font-size:23px}.color-card:before{inset:6px}.hand-label{font-size:9px;margin-bottom:12px}.hand-label strong{font-size:11px}.hand-area{padding:19px 0 5px}.game-actions{margin:18px 0 8px;gap:7px}.game-actions .btn{font-size:11px;padding:11px 14px;min-width:0}.game-hint{font-size:9px}.turn-banner{font-size:11px;padding:8px 14px}.game-side{grid-template-columns:1fr;gap:13px}.game-side .side-card{padding:17px}.game-side>.side-card:last-child{display:none}.game-log{max-height:130px}.board{max-width:340px;border-width:4px}.four-board{padding:9px;gap:6px}.sungka-board{grid-template-columns:27px repeat(7,1fr) 27px;grid-template-rows:51px 51px;gap:3px;padding:9px 7px;border-width:3px;border-radius:45px}.sungka-pit{border-width:1px;font-size:13px}.sungka-pit:before{width:5px;height:8px;top:7px;left:5px;opacity:.5}.sungka-home{font-size:18px;border-width:1px}.bingo-wrap{max-width:285px}.bingo-letters{font-size:21px}.bingo-cell{font-size:19px;border-radius:7px}.bingo-cell.free{font-size:9px}.bingo-cell.marked:before{inset:4px}.called-balls{gap:5px}.bingo-ball{width:30px;height:30px;font-size:12px}.bingo-ball.latest{height:42px;width:42px;font-size:17px}.choice-grid{gap:9px;margin:17px 0}.choice-button{font-size:12px;padding:15px 10px;min-height:63px;gap:7px}.choice-button .choice-letter{font-size:10px;padding:4px 6px}.question-text{font-size:20px;padding:0 5px;margin:8px 0}.choice-button.gesture{font-size:30px;min-width:83px;min-height:95px;padding:15px 10px}.choice-buttons{gap:9px;margin:20px 0}.round-label{font-size:9px}.dice-choices{gap:9px;max-width:290px}.color-choice{font-size:11px;min-height:65px;padding:12px 9px;border-width:2px}.round-reveal{font-size:10px;padding:12px}.result-hero{padding:22px 10px}.result-hero h2{font-size:27px}.result-hero p{font-size:11px}.result-player{padding:10px 13px;font-size:10px}.result-player .score{font-size:18px}.results-list{gap:8px}.result-hero>.icon{width:45px;height:45px}dialog{padding:24px 21px;border-radius:18px}.modal-heading h2{font-size:23px}.modal-description{font-size:11px}.form-grid{gap:12px}.form-field>span{font-size:10px}.form-field input,.form-field select{font-size:12px}.form-grid>.form-field{margin-bottom:13px}.rules-text{font-size:12px}.modal-actions{flex-wrap:wrap}.modal-actions>.btn{flex:1;font-size:11px}.admin-user{padding:12px 0;gap:9px;flex-wrap:wrap}.admin-user .btn{font-size:9px;padding:7px 8px}.admin-user>.avatar{height:31px;width:31px;font-size:12px}.admin-user strong{font-size:11px}.admin-user small{font-size:9px}.room-code-field{font-size:20px;letter-spacing:4px;text-align:center;text-transform:uppercase}.settings-nav{gap:6px}.settings-nav button{font-size:10px;padding:8px 12px}.empty-state{padding:35px 15px}.empty-state h3{font-size:16px}.empty-state p{font-size:11px}.tiny-tag .icon{width:12px}.boot{height:65vh}}
.arrangement{width:100%;max-width:580px;position:relative;z-index:1}.arrangement-row{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #8fab8040}.arrangement-row>span{font-size:10px;color:#b2ccaf;width:95px}.arrangement-row>.row{gap:4px;min-height:70px;flex:1;justify-content:center}.arrangement-row .playing-card{width:43px;height:64px}.arrangement-row .rank{font-size:12px}.arrangement-row .suit{top:17px;font-size:10px}.arrangement-row .big-suit{font-size:24px}.meld-display{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1}.meld-display .row{gap:3px;margin:5px 0}.meld-display .playing-card{width:36px;height:53px}.meld-display .rank{font-size:10px;left:4px}.meld-display .suit{top:16px;left:4px;font-size:9px}.meld-display .big-suit{font-size:18px;right:4px}.mahjong-tile{background:#f6f0dc;color:#32694e;border:1px solid #d4ceaf;border-bottom:5px solid #73a186;border-radius:5px;height:59px;min-width:37px;padding:5px 7px;font-size:20px;font-weight:800;box-shadow:0 2px 3px #0002;flex-shrink:0}.mahjong-tile.tile-2,.mahjong-tile.tile-3{color:#c1574c}.mahjong-tile.tile-1{color:#426e88}.mahjong-tile.selected{transform:translateY(-10px);box-shadow:0 0 0 3px var(--gold)}.tile-hand{display:flex;gap:5px;justify-content:center;flex-wrap:wrap;padding-top:15px;row-gap:17px}.mahjong-discards{display:flex;gap:4px;flex-wrap:wrap;max-width:500px;justify-content:center;margin:17px 0;position:relative;z-index:1}.mahjong-discards .mahjong-tile,.meld-display .mahjong-tile{height:40px;min-width:28px;font-size:14px;padding:3px;border-bottom-width:3px}.chess-piece{font-family:"Segoe UI Symbol",serif;font-size:clamp(28px,3.4vw,45px);line-height:1;position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.chess-piece.white{color:#fff8dc;text-shadow:0 1px 1px #17292c,1px 0 1px #17292c,-1px 0 1px #17292c}.chess-piece.black{color:#203932;text-shadow:0 1px 1px #f6edcc}.generals-board{grid-template-columns:repeat(9,1fr);max-width:480px}.generals-board button{aspect-ratio:1}.general-piece{position:absolute;inset:10%;border-radius:5px;background:#c56b5d;color:#fff0d6;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:10px;box-shadow:0 2px 1px #0004;border:1px solid #f2a18a}.general-piece.own{background:#233e39;color:#d3e4c1;border-color:#9dbea0}.ludo-track{width:350px;max-width:100%;aspect-ratio:1;position:relative;z-index:1;margin:10px 0 20px}.ludo-square{position:absolute;transform:translate(-50%,-50%);width:32px;height:32px;background:#e8d9af;border:1px solid #aaa17b;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;color:#6f6b50;font-size:8px}.ludo-square.safe{border:3px solid var(--gold)}.ludo-square>small{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:.5}.ludo-token{height:13px;width:13px;background:var(--coral);border-radius:50%;color:#172425;font-size:9px;font-weight:900;display:flex;align-items:center;justify-content:center;z-index:2;border:1px solid #ffe6b0}.ludo-token.player-1{background:var(--gold)}.ludo-token.player-2{background:var(--blue)}.ludo-token.player-3{background:var(--violet)}.ludo-center{position:absolute;inset:29%;border:1px solid #b8c89140;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.ludo-center>.icon{color:var(--gold);width:30px;height:30px}.ludo-center>strong{color:var(--gold);font-size:35px;line-height:1}.ludo-center>span{font-size:9px;color:#c1d1ac;max-width:90px;text-align:center}.property-board{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;max-width:580px;width:100%;position:relative;z-index:1}.property-space{border:2px solid #b6aa85;border-radius:6px;min-height:85px;padding:16px 6px 6px;background:#e2dbbb;color:#3b5145;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:5px;align-items:center;text-align:center}.property-space.current{border-color:var(--coral);box-shadow:0 0 0 2px var(--coral)}.property-space strong{font-size:9px}.property-space small{font-size:8px}.property-space .row{gap:3px}.property-space .avatar{height:19px;width:19px;font-size:8px;border-radius:50%}.property-color{position:absolute;top:0;left:0;right:0;height:8px;background:#e98a73}.property-color.color-1{background:#6ca58a}.property-color.color-2{background:#9a87c0}.property-color.color-3{background:#d8ae56}.secret-word{font-size:35px;color:var(--gold);padding:10px 20px;letter-spacing:3px;font-weight:900;position:relative;z-index:1}.secret-word.small{font-size:19px;letter-spacing:0}.question-history{max-width:100%;position:relative;z-index:1;max-height:130px;overflow:auto;color:#b8cebb;font-size:11px}.question-history p{margin:5px 0}.question-history strong{color:var(--gold);text-transform:uppercase}.drawing-canvas{width:100%;max-width:550px;background:#f3eedb;border-radius:12px;position:relative;z-index:1;border:4px solid #9aa47e;margin:15px 0;touch-action:none}.drawing-canvas.artist{cursor:crosshair}.arcade-scene{width:100%;max-width:480px;position:relative;z-index:1;max-height:210px}.arcade-slider{width:180px;accent-color:var(--coral)}.timing-track{width:80%;max-width:400px;height:28px;background:#162e28;border:2px solid #74936c;border-radius:12px;position:relative;z-index:1;margin:16px 0 20px;overflow:hidden}.timing-zone{position:absolute;left:30%;width:40%;inset-block:0;background:#eac26099}.timing-track #timing-marker{position:absolute;inset-block:0;width:6px;background:#fff5c8;box-shadow:0 0 10px #fff2b6;border-radius:2px}.patintero-grid{display:grid;grid-template-columns:repeat(7,1fr);max-width:310px;width:100%;aspect-ratio:1;position:relative;z-index:1;gap:3px;background:#9b9670;border:4px solid #c1b38a;margin:15px 0}.lane-cell{background:#2b5745;position:relative;display:flex;align-items:center;justify-content:center}.lane-cell.guard-lane{background:#a0915b}.guard{font-size:21px;position:absolute}.runner{position:absolute;font-size:29px;color:#f0a18a;text-shadow:0 2px 2px #0008}.direction-pad{display:grid;grid-template-columns:repeat(3,50px);gap:6px}.direction-pad [data-direction="up"]{grid-column:2}.direction-pad [data-direction="left"]{grid-row:2;grid-column:1}.direction-pad [data-direction="down"]{grid-row:2;grid-column:2}.direction-pad [data-direction="right"]{grid-row:2;grid-column:3}.piko-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;width:240px;position:relative;z-index:1;margin:18px 0}.piko-square{aspect-ratio:1;background:#e3d4a8;color:#425b49;border:3px solid #9d9d71;font-size:27px;font-weight:800;border-radius:7px}.piko-square.marker{background:var(--coral);color:#683e38}.takeover-banner{background:#4a3d28;color:var(--gold);border:1px solid #82714b;border-radius:10px;padding:9px 13px;font-size:11px;margin-bottom:14px}.takeover-label{color:var(--gold)!important}.game-table .caption{color:#b9ccba}.game-table .btn.secondary{background:#173b31;border-color:#74886a;color:#e4ebce}.game-table .btn.ghost{color:#bfd0b5;border-color:#8b9b7855}
@media(max-width:600px){.arrangement-row{gap:5px;flex-wrap:wrap}.arrangement-row>span{width:100%;font-size:9px}.arrangement-row>.row{justify-content:flex-start;min-height:60px}.arrangement-row .btn{font-size:8px;padding:7px}.arrangement-row .playing-card{width:36px;height:54px}.arrangement-row .rank{font-size:10px}.arrangement-row .suit{font-size:8px;top:15px}.arrangement-row .big-suit{font-size:19px}.mahjong-tile{height:48px;min-width:31px;font-size:16px;padding:4px}.tile-hand{gap:4px}.chess-piece{font-size:34px}.general-piece{font-size:8px;inset:8%}.ludo-track{width:290px}.ludo-square{width:28px;height:28px}.property-board{gap:5px}.property-space{min-height:75px;padding:14px 3px 4px}.property-space strong{font-size:8px}.property-space small{font-size:7px}.property-space .avatar{width:16px;height:16px;font-size:7px}.arcade-scene{max-height:170px}.secret-word{font-size:29px}.piko-grid{width:210px}.patintero-grid{max-width:270px}.game-actions input[type="number"]{font-size:11px;min-height:36px}.takeover-banner{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}body.reduce-motion *,body.reduce-motion *:before,body.reduce-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}

.hand-tools{display:flex;gap:6px;flex-wrap:wrap;align-items:center;justify-content:center;margin-top:16px}.hand-tools .caption{width:100%;margin-bottom:4px;font-size:10px}.playing-card[draggable="true"]{cursor:grab}.playing-card.dragging{opacity:.35}.playing-card.drag-over{outline:3px dashed var(--teal);outline-offset:2px}.playing-hand{touch-action:pan-y}.hand-tools .btn{min-height:31px;padding:6px 12px;font-size:10px}

.bingo-caller-controls{width:100%;display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.bingo-caller-controls>.caption{display:block;width:100%;text-align:center;font-size:10px}.bingo-ball{flex-direction:column;line-height:1.1}.bingo-ball small{font-size:8px;opacity:.75}.bingo-ball.latest small{font-size:9px}

.player-card-count{display:inline-flex;align-items:center;justify-content:center;gap:5px;background:#102c25;border:1px solid #719e7880;color:#d8ead5;border-radius:8px;padding:6px 8px;flex-shrink:0;margin-left:auto;white-space:nowrap}.player-card-count>.icon{width:13px;height:13px}.player-card-count>strong{font-size:19px!important;line-height:1;font-variant-numeric:tabular-nums}.player-card-count>span{font-size:8px;line-height:1.2;max-width:22px;white-space:normal}.player-card-count.few-cards{background:#573b21;border-color:#edc06b;color:#ffe2a3}.opponent-identity{min-width:0}.opponent-identity>strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:145px}.rank-mini>.player-card-count{margin-left:auto}.opponent:has(.player-card-count){max-width:100%}.opponent:has(.player-card-count)>.badge{display:none}
@media(max-width:600px){.opponents:has(.player-card-count){gap:7px}.opponent:has(.player-card-count){width:calc(50% - 4px);min-width:0}.opponent:has(.player-card-count)>.avatar{flex-shrink:0}.opponent-identity{flex:1}.player-card-count{gap:3px;padding:5px;border-radius:6px}.player-card-count>strong{font-size:17px!important}.player-card-count>.icon{display:none}.player-card-count>span{font-size:7px}.rank-mini .player-card-count>.icon{display:block}}
.game-side .rank-mini>span:not(.avatar):not(.player-card-count){min-width:0;overflow-wrap:anywhere}

[hidden]{display:none!important}

.coin-room-options{margin:16px 0;padding:14px;border:1px solid #465969;border-radius:12px;background:#ffffff04}.coin-mode-summary{border-radius:10px;padding:12px 16px;margin:10px 0 18px;font-size:11px}.coin-mode-summary.classic{background:#1d3029;color:#b6d3bd}.coin-mode-summary.wager,.coin-result{background:#403321;border:1px solid #8a7147;color:#ffe1a3}.coin-mode-summary.wager{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap}.coin-mode-summary .icon{width:15px;height:15px;vertical-align:middle}.coin-mode-summary>span{font-size:10px}.coin-result{padding:16px;border-radius:12px;margin:18px 0}.coin-result>p{font-size:11px;margin:6px 0 0}

.card-play-target.card-drop-hover{outline:3px dashed var(--gold);outline-offset:-8px;box-shadow:inset 0 0 50px #edc06b30}.card-play-target.card-drop-hover:after{content:"Release to play selected cards";position:absolute;left:50%;top:15px;transform:translateX(-50%);z-index:8;background:#172820f2;color:#ffe1a3;padding:10px 16px;border-radius:20px;font-size:12px;white-space:nowrap;pointer-events:none}.arrangement-row.card-drop-hover{position:relative}.arrangement-row.card-drop-hover:after{content:"Release to place cards";top:0;font-size:10px}.card-drag-ghost{position:fixed!important;pointer-events:none!important;z-index:10000!important;margin:0!important;opacity:.9;transform:rotate(-6deg);box-shadow:0 6px 20px #0008}.card-drag-ghost:after{content:attr(data-stack-count);position:absolute;right:-10px;top:-10px;width:23px;height:23px;border-radius:50%;background:var(--gold);color:#1b241d;display:grid;place-items:center;font-size:12px;font-weight:800}