:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:#091317;color:#f2f3ed}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.mint{color:#adf9cb}.shell{min-height:100vh;display:grid;grid-template-columns:244px 1fr}.sidebar{background:#0a171b;border-right:1px solid #253037;padding:29px 19px;display:flex;flex-direction:column;gap:8px}.brand{display:flex;align-items:center;font-size:19px;font-weight:900;letter-spacing:-.9px;margin:0 0 48px 9px}.brandmark{display:grid;place-items:center;background:#d0f5af;color:#152322;border-radius:11px;width:36px;height:36px;font-size:23px;margin-right:11px}.sidebar-label{font-size:10px;letter-spacing:2.1px;color:#819a9c;font-weight:800;margin:0 11px 12px}.side{color:#b2bdba;border-radius:10px;padding:13px 12px;font-size:13px;font-weight:600}.side.active{background:#1a3435;color:#cff8de;border:1px solid #365c51}.side.dim{opacity:.55;display:flex;justify-content:space-between}.side small{font-size:9px}.sideline{height:1px;background:#25353a;margin:22px 6px}.sidebar-foot{margin-top:auto;color:#bed1bd;font-size:11px;line-height:2;letter-spacing:1px;padding:20px 10px}.sidebar-foot span{color:#718784;letter-spacing:0}main{min-width:0;padding:0 5.2%}header{height:91px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #243338}.crumb,.overline{color:#90a9a5;font-size:11px;letter-spacing:2px;font-weight:750}.crumb span{margin:0 10px;color:#536965}.header-right{display:flex;align-items:center;gap:19px}.status{font-size:12px;color:#c3d3ca;display:flex;align-items:center;gap:7px}.status i{width:8px;height:8px;border-radius:100%;background:#f2ad62}.status i.good{background:#92e6a0;box-shadow:0 0 10px #4baf80}.avatar{width:36px;height:36px;border-radius:50%;background:#263e3d;display:grid;place-items:center;color:#c8eed8;font-size:12px;font-weight:800}.mobilelogo{display:none}.hero{min-height:365px;background:radial-gradient(ellipse at 92% 35%,#2d5a4a 0%,transparent 36%),linear-gradient(112deg,#172b2c,#0b2024 75%);border:1px solid #2d4640;border-radius:20px;margin:30px 0 20px;padding:55px 5%;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:5%;top:-25%;width:42%;height:165%;border-radius:50%;border:1px solid #426d5a;box-shadow:0 0 0 38px #173d3540,0 0 0 78px #173d3528,0 0 0 120px #173d351b;transform:rotate(18deg)}.hero-kicker{position:relative;z-index:1;font-size:10px;letter-spacing:2.2px;font-weight:900;color:#c2e5bc;display:flex;align-items:center;gap:11px}.hero-kicker .line{height:2px;width:24px;background:#b9efae}.hero h1{position:relative;z-index:1;font-size:clamp(34px,4.2vw,65px);line-height:1.09;margin:22px 0 17px;letter-spacing:-2.5px;max-width:780px}.hero h1 em{font-style:normal;color:#c6efb8}.hero p{position:relative;z-index:1;color:#b3c5bd;max-width:490px;font-size:14px;line-height:1.75}.hero-actions{position:relative;z-index:1;display:flex;align-items:center;gap:24px;margin-top:26px;flex-wrap:wrap}.primary{border:0;border-radius:10px;background:#c7edb1;color:#132a22;padding:15px 19px;font-weight:800;font-size:13px;display:inline-flex;justify-content:space-between;gap:24px}.primary:hover{background:#e0ffd2}.demotag{font-size:11px;color:#92aca5}.hero-symbol{position:absolute;right:13%;top:15%;font-size:205px;color:#bce6b5;opacity:.08;transform:rotate(-18deg);pointer-events:none}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.metrics>div{border:1px solid #26383b;border-radius:14px;background:#0e1c20;padding:20px;display:grid;grid-template-columns:30px 1fr;gap:3px 14px}.metric-icon{grid-row:span 2;color:#a8dcaf;font-size:21px}.metrics b{font-size:25px;line-height:1}.metrics small{color:#92aaa4;font-size:11px}.section{margin-top:50px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:23px}.section h2{font-size:28px;letter-spacing:-.9px;margin:7px 0 0}.hint{font-size:12px;color:#829791}.games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.game{min-height:188px;padding:20px;border-radius:15px;border:1px solid #294040;background:linear-gradient(140deg,var(--bg1),var(--bg2));display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.game .symbol{font-size:49px;position:absolute;top:21px;right:24px;opacity:.75;filter:drop-shadow(0 8px 10px #0007)}.game .label{font-size:10px;letter-spacing:1.6px;color:#d0e1d2;font-weight:800}.game h3{margin:34px 0 4px;font-size:22px;letter-spacing:-.5px}.game p{font-size:11px;color:#c7d6ce;margin:0}.game .open{position:absolute;bottom:19px;right:20px;font-size:18px;color:#d5f8c9}.rooms-section{padding-bottom:70px}.outline{border:1px solid #476956;background:#1b312d;border-radius:9px;color:#d9f5df;font-size:12px;font-weight:700;padding:11px 15px}.outline:hover{background:#2c5141}.note{background:#142323;border-left:2px solid #7bc28e;padding:13px 17px;border-radius:6px;font-size:12px;color:#b6c8c0;line-height:1.6;margin-bottom:18px}.rooms{display:grid;gap:11px}.room{padding:18px;border:1px solid #2d403d;border-radius:12px;background:#101e21;display:flex;gap:15px;align-items:center}.room .room-icon{height:45px;width:45px;border-radius:11px;background:#203d36;display:grid;place-items:center;font-size:24px}.room .info{flex:1}.room .info b{display:block;font-size:14px}.room .info small{font-size:11px;color:#97aaa5}.room .outline{min-width:103px}.empty{padding:40px 20px;text-align:center;border:1px dashed #36504a;border-radius:13px;color:#92aaa1;font-size:13px}footer{padding:25px 0;border-top:1px solid #263638;display:flex;justify-content:space-between;color:#7d9791;font-size:11px}dialog{background:#132426;color:white;border:1px solid #426457;border-radius:17px;width:min(430px,calc(100vw - 30px));box-shadow:0 40px 120px #000b;padding:28px}dialog::backdrop{background:#020d0edb}.dialog-head{display:flex;justify-content:space-between;align-items:start}.dialog-head h2{margin:8px 0 20px}.close{background:none;color:#d0e2db;border:0;font-size:24px}dialog label{display:block;color:#b4c7c0;font-size:12px;margin:16px 0}dialog input,dialog select{width:100%;margin-top:8px;border:1px solid #456057;background:#0b191c;color:white;padding:13px;border-radius:8px;outline:none}.full{width:100%;justify-content:center;margin-top:7px}#toast{position:fixed;bottom:25px;right:25px;z-index:30;background:#c9ebbd;color:#1b3025;padding:12px 18px;border-radius:10px;font-size:12px;font-weight:700;opacity:0;transition:opacity .2s}#toast.show{opacity:1}@media(max-width:1000px){.shell{grid-template-columns:190px 1fr}.games{grid-template-columns:repeat(2,minmax(0,1fr))}main{padding:0 4%}.hero{padding:40px 5%}}@media(max-width:700px){.shell{display:block}.sidebar{display:none}header{height:68px}.mobilelogo{display:block;font-size:14px;font-weight:900}.crumb{display:none}.hero{margin-top:17px;min-height:auto;padding:36px 25px}.hero h1{letter-spacing:-1.5px}.hero:after{opacity:.4}.hero-actions{gap:13px}.metrics{gap:7px}.metrics>div{padding:13px 9px;display:block;text-align:center}.metric-icon{display:none}.metrics b{display:block;font-size:20px}.metrics small{font-size:10px}.games{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.game{padding:14px;min-height:162px}.game h3{font-size:17px}.game .symbol{font-size:33px;top:16px;right:14px}.game .open{right:12px;bottom:11px}.section{margin-top:36px}.section h2{font-size:24px}.hint{display:none}.section-head{align-items:center}.section-head .outline{font-size:10px;padding:10px}.room{gap:9px;padding:12px}.room .outline{min-width:auto;padding:9px 11px}footer span{display:none}}
/* v0.2 rooms */
[hidden]{display:none!important}.nick{width:126px;max-width:31vw;background:#18302d;color:#e7f7e5;border:1px solid #345649;border-radius:10px;padding:10px;font-size:12px}.room-page{padding:30px 0 60px}.room-top,.room-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.room-heading h1{font-size:clamp(25px,4vw,42px);margin:7px 0}.room-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,.75fr);gap:18px}.premium-table{background:linear-gradient(145deg,#493321,#221b16);border:9px solid #6f4e2f;border-radius:34px;padding:20px;box-shadow:0 17px 60px #0009,inset 0 0 0 3px #a1844c;min-height:450px}.table-inner{height:100%;border-radius:135px;background:radial-gradient(ellipse at 50% 40%,#256a58,#0d403a 72%,#082923);box-shadow:inset 0 0 0 5px #294d3c,inset 0 0 40px #0009;position:relative;padding:32px 22px;display:flex;flex-direction:column;justify-content:center;gap:35px}.table-insignia{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a2d1b533;font-size:75px;pointer-events:none}.table-insignia small{font-size:9px;letter-spacing:4px}.seats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.seat{display:flex;gap:10px;align-items:center;background:#09251dd9;border:1px solid #507961;border-radius:13px;padding:13px;min-width:0}.seat-avatar{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:#274e41;color:#caf0d2;font-weight:800}.seat.occupied .seat-avatar{background:#d3edb7;color:#192820}.seat b{font-size:13px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seat small{font-size:10px;color:#95afa0}.room-message{position:relative;text-align:center;font-size:11px;line-height:1.6;color:#cae2d0;margin:0}.table-chat{border:1px solid #294b41;background:#102321;border-radius:18px;padding:22px;display:flex;flex-direction:column;min-height:450px}.chat-messages{min-height:200px;flex:1;overflow-y:auto;margin:18px 0;font-size:12px;line-height:1.6}.chatline{padding:10px 0;border-bottom:1px solid #2b403a;overflow-wrap:anywhere}.chatline b{color:#c4eab1}.chat-form{display:flex;gap:7px}.chat-form input{min-width:0;flex:1;background:#0b191a;color:white;border:1px solid #39584d;border-radius:8px;padding:11px}.chat-form .primary{padding:11px 12px}.chat-disclaimer{color:#859f98;font-size:10px;line-height:1.5}@media(max-width:960px){.room-layout{grid-template-columns:1fr}.table-chat{min-height:260px}.chat-messages{max-height:240px}}@media(max-width:520px){.room-heading{align-items:start}.premium-table{padding:8px;border-width:6px;border-radius:24px;min-height:340px}.table-inner{padding:18px 9px;border-radius:72px;gap:20px}.seats{gap:8px}.seat{gap:6px;padding:8px}.seat-avatar{flex-basis:30px;width:30px;height:30px}.seat b{font-size:11px}.seat small{font-size:9px}.room-top .overline{font-size:9px}}

/* v0.3 Okey hand */
.okey-area{z-index:2;position:relative;background:#0b261fe8;border:1px solid #759a6d;border-radius:16px;padding:15px;box-shadow:0 10px 32px #0006}.okey-state{font-size:12px;line-height:1.6;color:#e2f4df;font-weight:700;margin-bottom:11px}.okey-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.okey-actions button:disabled{opacity:.4;cursor:not-allowed}.my-tiles{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin:8px 0}.okey-tile{width:34px;height:51px;border-radius:5px;background:linear-gradient(#fffdf2,#e2dcc6);border:1px solid #bfb79c;box-shadow:0 4px 0 #a79b7b;color:#182c31;font-weight:900;font-size:19px;cursor:pointer}.okey-tile.color0{color:#df3227}.okey-tile.color1{color:#245eac}.okey-tile.color2{color:#1a2426}.okey-tile.color3{color:#e59e17}.okey-tile.color4{color:#3f855f}.okey-tile:disabled{opacity:.93;cursor:default}.okey-tile:not(:disabled):hover{transform:translateY(-5px);box-shadow:0 9px 0 #a79b7b}.tile-help{display:block;color:#bdd6c2;line-height:1.6;font-size:10px}@media(max-width:520px){.okey-tile{width:27px;height:40px;font-size:15px}.okey-area{padding:10px}}

/* v0.3.1 independent rack sorting */
.okey-tile{touch-action:manipulation;user-select:none;transition:transform .12s,border-color .12s;flex-shrink:0}.okey-tile.selected{transform:translateY(-9px);outline:3px solid #99f6ad;outline-offset:2px}.my-tiles{align-content:start;min-height:55px}.okey-actions .primary:disabled{opacity:.4;cursor:not-allowed}#startGame:disabled{opacity:.45;cursor:not-allowed}.okey-area .tile-help{margin-top:8px}