:root{color-scheme:dark;--bg:#0b0f16;--surface:#121822;--surface2:#171f2b;--surface3:#1d2633;--line:#29313e;--muted:#96a0b2;--text:#f3f5f9;--accent:#a491ff;--accent2:#68d5c5;--warn:#ffc78a;--danger:#f596a0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}*:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#363e4d;border-radius:20px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.18;letter-spacing:-.035em}p{color:var(--muted)}.shell{min-height:100vh;display:grid;grid-template-columns:236px minmax(520px,1fr) 310px}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#0c1119;padding:28px 18px 18px}.brand{display:flex;align-items:center;gap:11px;font-weight:900;letter-spacing:.018em;font-size:17px;padding:0 8px 42px}.brand-light{color:var(--accent)}.brand small{font-size:9px;font-weight:650;display:block;letter-spacing:.22em;color:#738196;margin-top:1px}.brand-mark{height:39px;width:39px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(130deg,#9e85ff,#6b55c8);color:white;box-shadow:0 7px 26px #8870f836}.sidebar-section{color:#68768c;font-size:10px;letter-spacing:.20em;font-weight:800;margin:13px 13px 12px}.nav-list{display:grid;gap:3px;margin-bottom:22px}.nav{display:flex;align-items:center;gap:14px;text-align:left;width:100%;border:1px solid transparent;border-radius:10px;padding:12px;color:#a5adbd;background:transparent;font-weight:640}.nav:hover{background:#19202d;color:white}.nav.active{background:linear-gradient(90deg,#282641,#191d2a);color:#dfd6ff;border-color:#423967}.nav-glyph{font-size:20px;width:21px;text-align:center;font-weight:500}.side-note{margin-top:auto;background:#141c26;border:1px solid var(--line);border-radius:10px;padding:12px;display:flex;align-items:center;gap:11px}.side-note-dot{height:9px;width:9px;background:var(--accent2);box-shadow:0 0 14px #68d5c58c;border-radius:50%}.side-note strong{font-size:10px;letter-spacing:.15em;display:block}.side-note small,.side-account small{display:block;font-size:11px;color:var(--muted)}.side-account{display:flex;align-items:center;gap:10px;margin-top:16px;padding:6px 4px}.avatar,.top-avatar{display:grid;place-items:center;flex-shrink:0;width:39px;height:39px;color:white;border-radius:11px;background:linear-gradient(135deg,#665c9c,#a18ae4);font-size:19px}.side-account strong{display:block}.side-account-more{margin-left:auto;border:0;background:none;color:var(--muted);font-size:20px}.main-area{min-width:0}.topbar{height:77px;border-bottom:1px solid var(--line);padding:0 35px;display:flex;align-items:center;justify-content:space-between;background:#0f141df0}.crumb{font-size:11px;letter-spacing:.15em;font-weight:750;color:#8492a5}.crumb span{padding:0 14px;color:#576576}.crumb strong{color:#e7e6f6}.top-actions{display:flex;align-items:center;gap:17px}.online-pill{background:#143126;border:1px solid #29684a;border-radius:40px;padding:7px 13px;color:#9ce1b9;font-size:10px;font-weight:850;letter-spacing:.10em;text-transform:uppercase}.live-dot{display:inline-block;height:7px;width:7px;border-radius:50%;background:#4ee19b;box-shadow:0 0 10px #4ee19b70;margin-right:6px}.top-avatar{border:0;width:37px;height:37px;border-radius:10px}.content{max-width:1550px;padding:32px 35px 80px;margin:0 auto}.view{display:none}.view.active{display:block}.eyebrow{font-size:10px;font-weight:850;letter-spacing:.20em;color:#a9a0c8}.hero{border:1px solid #39344e;border-radius:17px;min-height:330px;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 39%;background:radial-gradient(circle at 90% 60%,#302e4f 0,transparent 34%),linear-gradient(115deg,#1a2030,#1d192d 57%,#161d2e);isolation:isolate}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 20%,#a593ff05 70%,#a593ff15 100%);pointer-events:none}.hero-content{padding:44px 45px;z-index:1;display:flex;flex-direction:column;align-items:flex-start}.hero-kicker{margin:0 0 20px;color:#b9b4db}.tiny-square{display:inline-block;background:#a68eff;width:6px;height:6px;margin-right:8px;transform:rotate(45deg)}.hero h1{font-size:clamp(37px,4vw,59px);font-weight:850;margin:0 0 16px;letter-spacing:-.065em}.hero h1 em{font-style:normal;color:#baa8ff}.hero p{max-width:440px;line-height:1.75;color:#aeb6c7;font-size:14px}.hero-actions{display:flex;gap:10px;margin-top:13px;flex-wrap:wrap}.btn{min-height:43px;display:inline-flex;align-items:center;justify-content:center;gap:17px;padding:11px 17px;border-radius:9px;border:1px solid #42495a;font-weight:750;font-size:12px;transition:.2s ease;background:transparent;color:#e2e7ee}.btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.1)}.btn.primary{background:#a28af5;color:#120f1d;border-color:#a28af5;box-shadow:0 8px 29px #a28af529}.btn.subdued{background:#262638;border-color:#4c485f}.btn.full{width:100%}.hero-visual{position:relative;display:grid;place-items:center;min-height:310px;color:#bcb0ff}.orbit{position:absolute;width:205px;height:205px;border-radius:27%;border:2px solid #a88df2;transform:rotate(23deg);box-shadow:0 0 65px #c08aff28,inset 0 0 30px #b287ff15}.orbit-two{height:170px;width:170px;transform:rotate(58deg);border-color:#62cdca}.orbit-center{z-index:1;filter:drop-shadow(0 0 20px #b7a1ff99)}.corner-coord{position:absolute;bottom:26px;right:28px;font-size:10px;letter-spacing:.2em;color:#8d93ad}.stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 36px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 20px;display:grid;gap:1px}.stat>span{font-size:10px;font-weight:800;letter-spacing:.15em;color:#8894a9}.stat strong{font-size:27px;letter-spacing:-.045em}.stat small{font-size:11px;color:#8e9cad}.section-head{display:flex;justify-content:space-between;align-items:end;margin:36px 0 18px}.section-head h2{font-size:23px;margin:8px 0 0}.text-link{background:none;border:0;color:#b9a8ff;font-size:12px;font-weight:800}.text-link span{margin-left:8px}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.game-card{min-width:0;overflow:hidden;border:1px solid var(--line);background:var(--surface);border-radius:13px;transition:.2s}.game-card:hover{border-color:#6f648e;transform:translateY(-2px)}.game-cover{height:146px;position:relative;overflow:hidden;display:grid;place-items:center}.game-cover:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 32px,#ffffff08 33px 34px),repeating-linear-gradient(0deg,transparent 0 32px,#ffffff08 33px 34px);mask-image:linear-gradient(to top,black,transparent)}.cover-tictactoe{background:radial-gradient(ellipse at 55% 30%,#4a426c,#28243d 80%)}.cover-quiz{background:radial-gradient(ellipse at 52% 35%,#3c5365,#1a2939 80%)}.cover-draw{background:radial-gradient(ellipse at 50% 35%,#514b37,#292a24 80%)}.cover-cards{background:radial-gradient(ellipse at 50% 35%,#503d4f,#272132 80%)}.cover-snake{background:radial-gradient(ellipse at 50% 38%,#27544f,#15282c 80%)}.game-icon{position:relative;z-index:1;font-size:68px;font-weight:250;color:#eae2ff;line-height:1;text-shadow:0 0 30px #e5baff65}.cover-snake .game-icon{color:#83e2cb}.cover-quiz .game-icon{color:#b6daf0}.cover-draw .game-icon{color:#e9d1a9}.game-badge{position:absolute;z-index:2;left:14px;top:14px;font-size:9px;font-weight:850;letter-spacing:.08em;background:#162a28;color:#91ebc9;border:1px solid #3d7970;border-radius:5px;padding:4px 8px}.game-badge.solo{background:#27263f;color:#c4b4ff;border-color:#625185}.game-details{padding:17px}.game-details h3{margin:0 0 3px;font-size:16px;letter-spacing:-.03em}.game-details p{font-size:12px;margin:0 0 17px}.game-footer{display:flex;justify-content:space-between;align-items:center;gap:5px}.game-footer small{font-size:10px;color:#8e9bad}.small-btn{border:1px solid #49445f;background:#292638;color:#d5cbff;border-radius:7px;padding:8px 10px;font-size:11px;font-weight:790}.small-btn:hover{border-color:#a38af6;background:#3a3155}.page-title{margin:12px 0 28px}.page-title h1{font-size:clamp(28px,3.6vw,43px);margin:9px 0 8px}.page-title p{margin:0;font-size:14px}.filter-bar{display:flex;gap:8px;margin:0 0 22px}.filter{border:1px solid #343f4c;border-radius:8px;background:var(--surface);color:#a3adbd;padding:9px 14px;font-size:12px;font-weight:750}.filter.selected{color:#d4c7ff;background:#2a2741;border-color:#625787}.room-toolbar{display:flex;gap:12px;justify-content:space-between;margin:0 0 21px;flex-wrap:wrap}.join-code{display:flex;background:#171e29;border:1px solid var(--line);border-radius:9px;overflow:hidden}.join-code input{width:150px;border:0!important;background:transparent!important;letter-spacing:.10em!important}.join-code button{border:0;background:#2c2a41;color:#d7cafa;padding:0 17px;font-weight:800;font-size:12px}.rooms-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.room-card,.empty{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:20px}.room-card-top,.room-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px}.room-card-top{font-size:10px;letter-spacing:.08em;font-weight:800;color:var(--accent)}.room-card h3{margin:19px 0 5px;font-size:18px}.room-card p{font-size:12px}.room-card-bottom{margin-top:18px}.room-card-bottom span{font-size:11px;color:var(--muted)}.empty{color:#9ea9b9;grid-column:1/-1;line-height:1.8}.rightbar{position:sticky;top:0;height:100vh;border-left:1px solid var(--line);background:#0e141d;padding:28px 16px 16px;display:flex;flex-direction:column;min-width:0}.right-title,.chat-divider{display:flex;justify-content:space-between;align-items:center;letter-spacing:.14em;font-size:10px;font-weight:900;color:#d4d5e2}.chat-person{margin-top:21px;border:1px solid var(--line);border-radius:11px;padding:12px;display:flex;align-items:center;gap:10px;background:#171e2a}.avatar.big{width:43px;height:43px}.chat-person strong{font-size:13px}.chat-person small{display:block;color:#8ad9a9;font-size:11px}.chat-divider{margin:28px 0 12px;padding-bottom:11px;border-bottom:1px solid var(--line)}.chat-divider span:last-child{color:#74dcbf}.chat-messages{min-height:100px;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:13px}.chat-item{background:#151d29;border-radius:9px;padding:10px 11px;border:1px solid #242e3d}.chat-item>div{display:flex;justify-content:space-between;gap:6px}.chat-item strong{color:#cebfff;font-size:11px}.chat-item time{font-size:10px;color:#77849a}.chat-item p{margin:5px 0 0;color:#ced4e0;font-size:12px;line-height:1.6;word-break:break-word}.chat-form{display:flex;border:1px solid #3f3a58;border-radius:10px;padding:4px;background:#181d2b}.chat-form input{background:transparent;border:0;min-width:0;flex:1;padding:8px 9px;color:white;outline:0}.chat-form button{background:#a28af5;color:#171024;border:0;border-radius:7px;width:35px;font-size:15px}.chat-disclaimer{color:#68778d;font-size:10px;padding:8px 2px;margin:0}.modal-overlay{position:fixed;inset:0;z-index:15;background:#050910d9;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:22px}.modal-overlay.hidden{display:none}.panel{background:#151b27;border:1px solid #3c4455;border-radius:16px;box-shadow:0 24px 90px #0009}.modal{width:min(460px,100%);padding:30px;position:relative;max-height:calc(100vh - 35px);overflow-y:auto}.auth-panel{width:min(440px,100%);padding:32px}.auth-brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.13em;margin-bottom:30px}.auth-brand .brand-mark{font-size:23px}.auth-panel h1,.modal h2{font-size:30px;margin:8px 0 12px;letter-spacing:-.045em}.muted,.micro{color:#8995a7}.auth-panel .muted{line-height:1.75}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#101722;padding:5px;border-radius:9px;margin:23px 0}.auth-tab{padding:10px;background:transparent;color:#99a3b2;border:0;border-radius:6px;font-weight:800}.auth-tab.selected{background:#2f2c49;color:#d9caff}.auth-panel form,.modal form{display:grid;gap:9px}.auth-panel label,.modal label{display:block;color:#9eabc0;font-size:10px;letter-spacing:.15em;font-weight:850;margin-top:9px}input,select{color:#e9ecf3;background:#111823;border:1px solid #394353;border-radius:8px;padding:12px 13px;outline:0;min-width:0}input:focus,select:focus{border-color:#ad97ff}input::placeholder{color:#728096}.micro{font-size:10px;line-height:1.65;margin:17px 0 0}.toggle{display:flex!important;align-items:center;gap:10px;letter-spacing:0!important;font-size:12px!important}.toggle input{accent-color:var(--accent)}.modal-close{position:absolute;right:19px;top:16px;font-size:27px;font-weight:400;color:#a2afc0;border:0;background:transparent}.room-modal{width:min(890px,100%);padding:25px 30px}.room-modal-header{display:flex;justify-content:space-between;padding-right:32px}.room-modal-header h2{font-size:26px}.room-code-row{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;margin:13px 0 13px;flex-wrap:wrap}.room-code-row span{font-size:10px;letter-spacing:.12em;color:#91a0b3}.room-code-row strong{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:17px;color:#c9baff;letter-spacing:.13em}.link-btn{margin-left:auto;border:0;background:none;color:#baaff3;font-size:11px;font-weight:800}.player-list{display:flex;flex-wrap:wrap;gap:8px;margin:11px 0}.player{border:1px solid #414858;border-radius:8px;background:#1d2532;padding:8px 12px;display:flex;align-items:center;gap:7px}.player strong{font-size:12px}.player span{font-size:10px;color:#aab6c8}.room-status{color:#adb7c7;font-size:12px;margin:15px 0 10px}.game-area{min-height:140px}.result{font-size:17px;font-weight:800;color:#e6e1fa}.ticboard{display:grid;grid-template-columns:repeat(3,1fr);width:min(100%,310px);aspect-ratio:1;gap:7px;margin:12px auto}.ticboard button{font-size:60px;font-weight:850;border:1px solid #3d495c;border-radius:10px;background:#1c2634;color:#cbb5ff}.ticboard button:nth-child(even){background:#202939}.ticboard button:not(:disabled):hover{border-color:#b69aff}.room-chat{margin-top:16px;padding:13px;background:#101720;border:1px solid #2c3744;border-radius:10px}.room-chat-title{display:flex;justify-content:space-between;font-weight:850;font-size:10px;color:#aeb9ca;letter-spacing:.12em}.room-chat-title span{color:#7a889c;font-weight:500;letter-spacing:0}.room-chat-messages{max-height:90px;overflow:auto;margin:8px 0;font-size:12px;display:grid;gap:4px}.room-chat-messages p{margin:0;word-break:break-word}.room-chat-messages strong{color:#c4b7e6}.room-chat-form{display:flex;gap:7px}.room-chat-form input{flex:1;padding:8px}.room-chat-form button{border-radius:7px;border:1px solid #514965;background:#2a263f;color:#ddd1ff;padding:8px 12px;font-size:11px;font-weight:750}.room-modal>.btn.full{margin-top:13px}.toast{position:fixed;z-index:30;bottom:20px;left:50%;transform:translate(-50%,25px);opacity:0;pointer-events:none;background:#29243f;border:1px solid #645489;color:#f0eaff;border-radius:10px;padding:13px 20px;font-size:12px;font-weight:800;transition:.25s;box-shadow:0 15px 45px #0008}.toast.show{transform:translate(-50%,0);opacity:1}.friend-form{display:flex;gap:10px;max-width:670px}.friend-form input{flex:1}.list-heading{font-size:15px;margin:28px 0 13px}.social-list{display:grid;gap:8px}.social-row{border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:14px 17px;display:flex;align-items:center;gap:13px;min-height:60px}.social-row strong{font-size:13px}.social-row .muted{margin-left:auto;color:#8895a5;font-size:12px}.social-row .small-btn{margin-left:auto}.rank{color:#a999de;font-weight:900;width:34px}.social-avatar{background:#312a48;color:#ddd0fc;width:35px;height:35px;border-radius:8px;display:grid;place-items:center;font-size:17px}.board-head{display:flex;justify-content:space-between;color:#78879b;font-weight:850;font-size:10px;letter-spacing:.15em;margin:25px 14px 9px}.profile-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;max-width:690px;padding:28px}.profile-head{display:flex;gap:20px;align-items:center}.profile-head h2{font-size:25px;margin:5px 0}.profile-head p{font-size:12px;margin:0}.profile-avatar{display:grid;place-items:center;width:85px;height:85px;border-radius:18px;background:linear-gradient(135deg,#66539c,#a091ef);font-size:43px}.profile-card h3{margin:30px 0 12px;font-size:14px}.profile-stat-line{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:22px;padding:15px 0;color:#b3bdcb;font-weight:700;font-size:12px}.avatar-options{display:flex;gap:9px;flex-wrap:wrap}.avatar-choice{height:48px;width:48px;background:#232b39;border:1px solid #414d62;border-radius:9px;font-size:23px}.avatar-choice.selected,.avatar-choice:hover{border-color:#bca6ff;background:#3b3457}.profile-card #logout{margin-top:35px}.quiz-shell,.draw-shell,.cards-shell{background:#101723;border:1px solid var(--line);border-radius:12px;padding:20px}.game-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#aab7c8;font-size:11px;font-weight:850;letter-spacing:.1em}.quiz-question{font-size:clamp(18px,2.5vw,28px);margin:18px 0 22px}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quiz-option{border-radius:9px;border:1px solid #3f4a5c;background:#222b39;color:#eef1f6;padding:14px;text-align:left;font-weight:750}.quiz-option.selected{background:#343051;border-color:#9e87ee}.quiz-option.correct{border-color:#4ad1a7;background:#16382f}.score-strip{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.score-pill{background:#222a38;border:1px solid #364355;padding:7px 10px;border-radius:7px;font-size:11px}.score-pill strong{color:#d4c5ff}.draw-tools{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:12px 0}.draw-palettes{display:flex;gap:5px;flex-wrap:wrap}.color-dot{height:29px;width:29px;border-radius:7px;border:2px solid transparent}.color-dot.selected{outline:2px solid #dcd6f7;outline-offset:2px}.draw-canvas{width:100%;max-width:720px;height:auto;aspect-ratio:16/10;display:block;background:#1a2331;border:1px solid #4a5567;border-radius:8px;touch-action:none;cursor:crosshair;margin:auto}.draw-word{color:#e2c9ff;font-size:20px;letter-spacing:.2em;margin:13px 0}.guess-form{display:flex;gap:7px;margin:13px 0}.guess-form input{flex:1}.guess-log{max-height:65px;overflow:auto;font-size:12px;display:grid;gap:3px;color:#acb7c9}.cards-table{display:grid;gap:17px}.cards-discard{display:flex;justify-content:center;align-items:center;gap:17px;padding:14px;background:radial-gradient(ellipse,#262744,#111a26 70%);border-radius:10px;min-height:185px}.playing-card{border-radius:12px;width:88px;height:132px;display:flex;flex-direction:column;justify-content:space-between;padding:10px;font-size:14px;font-weight:900;color:#0a101a;border:3px solid #ffffff37;box-shadow:0 8px 18px #0005}.playing-card strong{font-size:36px;align-self:center}.playing-card small{font-size:14px;text-align:right}.playing-card.coral{background:#ff8d82}.playing-card.teal{background:#75dbcd}.playing-card.violet{background:#b39aff}.playing-card.amber{background:#f2c86e}.playing-card.wild{background:linear-gradient(145deg,#ff8d82 25%,#75dbcd 25% 50%,#b39aff 50% 75%,#f2c86e 75%)}.cards-hand{display:flex;gap:7px;overflow-x:auto;padding:10px 0 15px}.cards-hand button{min-width:73px;height:110px;padding:7px;transition:transform .2s}.cards-hand button:hover:not(:disabled){transform:translateY(-6px)}.cards-hand .playing-card strong{font-size:28px}.cards-controls{display:flex;gap:8px;flex-wrap:wrap}.colors-choose{display:flex;gap:5px}.colors-choose button{height:33px;width:33px;border:2px solid transparent;border-radius:7px}.colors-choose button.selected{outline:2px solid #f6f0ff;outline-offset:2px}.colors-choose .coral{background:#ff8d82}.colors-choose .teal{background:#75dbcd}.colors-choose .violet{background:#b39aff}.colors-choose .amber{background:#f2c86e}.game-rules{font-size:11px;color:#8999ad;margin:12px 0 0;line-height:1.7}
@media(max-width:1350px){.shell{grid-template-columns:210px minmax(0,1fr)}.rightbar{position:static;height:auto;grid-column:2;border-top:1px solid var(--line);border-left:0;min-height:300px}.chat-messages{max-height:260px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:850px){.shell{display:block}.sidebar{height:auto;position:relative;border-right:0;border-bottom:1px solid var(--line);padding:13px 16px}.brand{padding:0 0 14px}.sidebar-section,.side-note,.side-account{display:none}.nav-list{display:flex;overflow-x:auto;margin:0 0 4px}.nav{white-space:nowrap;width:auto;padding:8px 12px}.nav-glyph{font-size:16px}.topbar{height:57px;padding:0 17px}.content{padding:20px 16px 45px}.rightbar{border-top:1px solid var(--line);padding:20px 16px;min-height:310px}.hero{grid-template-columns:1fr}.hero-content{padding:28px 23px}.hero-visual{display:none}.hero h1{font-size:40px}.stat-row{gap:7px}.stat{padding:14px 11px}.stat>span{font-size:8px}.stat strong{font-size:23px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.room-modal{padding:23px 17px}}@media(max-width:560px){.game-grid,.rooms-grid{grid-template-columns:1fr}.hero h1{font-size:36px}.stat small{font-size:9px}.section-head h2{font-size:20px}.section-head .text-link{font-size:10px}.join-code{width:100%}.join-code input{flex:1}.quiz-options{grid-template-columns:1fr}.friend-form{flex-direction:column}.social-row{flex-wrap:wrap}.social-row .muted{width:100%;margin-left:0}.modal-overlay{padding:7px}.modal{max-height:calc(100vh - 14px)}.cards-discard{min-height:165px}}

/* ARCADE COLLECTION 3.2 — custom covers, no image dependencies */
.cover-rush{background:radial-gradient(ellipse at 47% 85%,#244b67 0%,#162439 48%,#161b2d 85%)}
.cover-pulse{background:radial-gradient(ellipse at 50% 30%,#60523a,#292535 70%)}
.cover-pinball{background:radial-gradient(ellipse at 55% 15%,#60354f,#271b37 74%)}
.cover-defense{background:radial-gradient(ellipse at 50% 30%,#1b5b63,#172d35 75%)}
.cover-rush .game-icon{font-size:94px;color:#6de8f5;font-style:italic;transform:skewX(-12deg);text-shadow:0 0 35px #61d3ff99}
.cover-pulse .game-icon{font-size:50px;font-weight:900;letter-spacing:-.07em;color:#ffe1a6;text-shadow:0 0 40px #f8b97855}
.cover-pinball .game-icon{font-size:98px;color:#ffa2d1;text-shadow:0 0 32px #fa68ac77}
.cover-defense .game-icon{font-size:94px;color:#8fe3d0;text-shadow:0 0 34px #59ddc566}
.game-cover.cover-rush:before{content:'';position:absolute;inset:45% -20% -15%;transform:perspective(210px) rotateX(48deg);background:repeating-linear-gradient(90deg,#6fe3f529 0 2px,transparent 2px 48px),repeating-linear-gradient(0deg,#6fe3f51c 0 2px,transparent 2px 35px)}
.game-cover.cover-defense:before{content:'';position:absolute;inset:15% 22%;border:2px solid #80f3d141;transform:rotate(30deg);border-radius:25%;box-shadow:0 0 38px #41dbc939}
@media(max-width:1200px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* NEXUS PINBALL 3D: upgraded card, exclusive treatment */
.cover-pinball{background:radial-gradient(ellipse at 45% 35%,#86377977,transparent 42%),linear-gradient(140deg,#241733,#111c39 62%,#121b2b);box-shadow:inset 0 0 55px #8c56ca25}.cover-pinball:after{content:'NIGHT DRIVE  /  3D';position:absolute;bottom:16px;left:19px;font-size:9px;letter-spacing:.14em;font-weight:800;color:#ddaaff}.cover-pinball .game-icon{font-size:102px;color:#f8bde3;text-shadow:0 0 12px #ffa7ffb0,0 0 50px #db5ccd66}

/* NEXUS MULTIPLAYER ARCADE 3.4 — custom visuals, no external assets */
.cover-hockey{background:radial-gradient(ellipse at 50% 45%,#1d607080 0%,transparent 52%),linear-gradient(125deg,#092432,#151d36 72%)}
.cover-hockey .game-icon{color:#90f5ff;text-shadow:0 0 34px #66ebff;transform:rotate(-14deg);font-size:78px}
.cover-hockey:before{content:'';position:absolute;width:72%;height:65%;border:3px solid #70dae577;border-radius:60px;transform:perspective(260px) rotateX(24deg);box-shadow:inset 0 0 35px #76ddff25,0 0 28px #65e8f826}
.cover-bomber{background:radial-gradient(circle at 52% 45%,#68434d,transparent 58%),linear-gradient(145deg,#302139,#171b29)}
.cover-bomber .game-icon{color:#f6be81;text-shadow:0 0 32px #ff974d99;font-size:89px}
.cover-bomber:before{content:'';position:absolute;inset:12%;background:repeating-linear-gradient(90deg,#ffffff12 0 2px,transparent 2px 36px),repeating-linear-gradient(0deg,#ffffff12 0 2px,transparent 2px 36px);transform:rotate(-8deg)}
.cover-connect4{background:radial-gradient(ellipse at center,#2b3f75,#211d42 67%)}
.cover-connect4 .game-icon{font-size:96px;color:#e697c5;text-shadow:28px 0 0 #63d8ee,-28px 0 0 #63d8ee,0 25px 0 #63d8ee,28px 25px 0 #e697c5,-28px 25px 0 #e697c5;transform:scale(.62)}
.arcade-shell,.connect-panel{background:#101825;border:1px solid #364458;border-radius:14px;padding:19px;position:relative;overflow:hidden}
.arcade-shell:before{content:'';position:absolute;inset:-50% 40% 60% -25%;background:radial-gradient(circle,#53e3f009,transparent 60%);pointer-events:none}
.arcade-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}
.arcade-heading h3{font-size:24px;letter-spacing:-.045em;margin:4px 0 0;font-weight:920}
.arcade-heading h3 em{font-style:normal;color:#84dcea}.arcade-bomber .arcade-heading h3 em{color:#ffc991}
.arcade-live{letter-spacing:.12em;color:#9db5c6;font-size:9px;font-weight:800}.arcade-live i{width:7px;height:7px;border-radius:50%;background:#65e5b9;display:inline-block;box-shadow:0 0 12px #65e5b9;margin-right:5px}
.arcade-score{min-height:48px;display:grid;align-items:center;grid-template-columns:1fr auto 1fr;gap:8px;background:#1b2638;border:1px solid #34445c;border-radius:9px;padding:7px 15px;margin-bottom:10px}
.arcade-score span{color:#c4e7f6;font-weight:850;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arcade-score span:last-child{text-align:right;color:#ffd1e4}.arcade-score strong{color:#b2aac9;font-size:11px;letter-spacing:.17em}
.arcade-canvas-wrap{position:relative;background:#0e1724;border:3px solid #42546a;box-shadow:0 0 0 3px #131e2b,inset 0 0 35px #0008;border-radius:13px;overflow:hidden}
.arcade-stage{width:100%;height:auto;aspect-ratio:900 / 520;display:block;touch-action:none;cursor:crosshair}
.arcade-bomber .arcade-stage{aspect-ratio:900 / 660;cursor:default}
.arcade-bottom{display:flex;justify-content:space-between;align-items:center;gap:9px;color:#8199ad;font-size:10px;font-weight:780;padding:12px 1px 2px;letter-spacing:.05em}
.arcade-bottom #arcade-clock{color:#d5e9f4;flex-shrink:0}
.arcade-result{background:#a48af0;color:#151329;font-weight:900;text-align:center;padding:12px;border-radius:9px;letter-spacing:.08em;margin-top:9px}
.bomber-controls{display:flex;justify-content:center;gap:8px;margin-top:6px;flex-wrap:wrap}
.bomber-controls button{border:1px solid #4c6074;color:#bfe2ef;background:#26394c;font-size:18px;font-weight:900;border-radius:8px;min-width:49px;height:43px;touch-action:none}
.bomber-controls button:last-child{min-width:118px;color:#ffe1b1;border-color:#a97b57;background:#3a2b35;font-size:12px}
.bomber-controls button:active{background:#466a83}
.connect-panel{max-width:740px;margin:auto;padding:26px;background:radial-gradient(ellipse at 50% 60%,#22234d 0%,#151c31 67%)}
.connect-header h3{font-size:29px;margin:6px 0}.connect-header p{font-size:12px;margin:0 0 18px}
.connect-opponents{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-bottom:17px}
.connect-opponents span{font-size:11px;font-weight:900}.connect-name.blue{color:#7adcf0}.connect-name.pink{color:#f5a1c3}.connect-turn{font-size:9px!important;letter-spacing:.08em;color:#d4c4fe}
.connect-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;padding:14px;border-radius:16px;background:linear-gradient(150deg,#3956a6,#293e79);box-shadow:inset 0 4px 5px #bcd5ff28,0 18px 36px #04071088;border:1px solid #6c8bc4;width:min(100%,560px);margin:auto}
.connect-cell{aspect-ratio:1;border-radius:50%;padding:0;min-width:0;border:2px solid #1d3565;background:radial-gradient(circle at 42% 40%,#0d1528,#141f37 70%);box-shadow:inset 0 3px 9px #000b;position:relative}
.connect-cell.blue{background:radial-gradient(circle at 32% 24%,#e6feff,#73e4f5 45%,#197f9e 89%);box-shadow:inset 0 -5px 8px #105d72,0 0 12px #76f0ff77}
.connect-cell.pink{background:radial-gradient(circle at 32% 24%,#fff2ff,#f3a1c5 44%,#a64d91 90%);box-shadow:inset 0 -5px 8px #81426f,0 0 12px #ff9bcb77}
.connect-cell.win{border-color:#fff4a6;box-shadow:0 0 12px 3px #fff4a6,inset 0 0 9px #fff5a633}
.connect-cell:not(:disabled):hover{border-color:white;background:#344f89;transform:scale(.95)}
.connect-status{text-align:center;margin-top:18px;font-weight:850;font-size:12px;color:#c5cbdf;letter-spacing:.07em}
@media(max-width:600px){.arcade-shell{padding:9px}.arcade-heading h3{font-size:18px}.arcade-live{font-size:7px}.arcade-score{padding:8px}.arcade-score span{font-size:10px}.arcade-bottom{font-size:9px}.connect-panel{padding:12px}.connect-grid{gap:3px;padding:8px}.connect-header h3{font-size:22px}.connect-opponents span{font-size:9px}}