:root{--bg:#0b0d17;--line:#282d46;--muted:#a0a8c3;--green:#8d9dff;--gold:#bdacff;--blue:#84b7ff;--violet:#ad8eff;color-scheme:dark}body{background:radial-gradient(ellipse at 75% 0,#25224955,transparent 45%),#0b0d17;color:#f2f4ff;font-family:'DM Sans',system-ui,sans-serif}aside{background:#101320;border-color:#262b40;width:220px;padding:28px 18px}.brand{color:#f5f5ff;font-size:17px;letter-spacing:1.2px;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#528fff,#9367e8);font:700 14px 'Space Grotesk',sans-serif;color:white;letter-spacing:-1px;box-shadow:0 5px 24px #7765ec22}.brand small{font-size:7px;letter-spacing:.9px;color:#919ab7}nav{margin-top:35px;gap:7px}nav button{border-radius:10px;color:#a2aac3;padding:14px 12px;min-height:48px;font-size:14px}nav button span{color:#8f9bbe}nav button.active{color:#fff;background:linear-gradient(100deg,#334176,#403362)}nav button.active span{color:#c7cfff}nav small:empty{display:none}nav small{margin-left:5px;display:inline-grid;place-items:center;min-width:20px;height:20px;background:#a79aff;border-radius:7px;color:#111326;font-size:11px}.sidebottom{color:#c1c7dc}.dot{background:#a897ff}.sidebottom small{color:#7b85a2}main{max-width:1500px;padding:0 34px;margin-left:220px}header{height:78px;border-color:#292d43}.header-actions{gap:8px}header .eyebrow{color:#858fb5;letter-spacing:2px}header strong{font-size:17px}.status-pill{background:#1d2339;border-color:#323c5a;color:#bdc8ec;padding:8px 10px}#connect,#header-wallet{background:#161c30;border-color:#303a58;min-height:42px;font-size:12px;max-width:220px}#header-wallet{color:#becaff;white-space:nowrap}#connect:hover,#header-wallet:hover{border-color:#8d9dff}button{border-color:#343b58;border-radius:9px;background:#171c2e;color:#edf1ff}button:hover{background:#242b44;border-color:#8294ee}button:disabled{cursor:not-allowed;color:#7e87a4;background:#131827;opacity:.65}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #b5a4ff;outline-offset:3px}.primary{background:linear-gradient(110deg,#6b84ed,#8b66d5);border-color:#8f93ee;color:#fff;font-weight:700}.primary:hover{background:linear-gradient(110deg,#8298ff,#a17de8)}h1{font-size:30px;letter-spacing:-.8px;line-height:1.16}h2{font-size:18px}.subtle,.hint{color:#a0aac7}.dashboard-card{background:linear-gradient(130deg,#191e31,#141929);border-color:#30374e;border-radius:14px;padding:22px}.dashboard-card small{color:#9da7c2}.alert{background:#2d253d;border:1px solid #4b3d61;color:#e0d0f7;line-height:1.7;border-radius:10px}.metric{background:linear-gradient(130deg,#232a47,#171c31);border-color:#353e60;border-radius:13px}.metric-label{color:#bdc9ef}.metric strong{font-size:31px;color:#f5f5ff}.metric small{color:#9ca9cf}.quick-actions .selected,.play-tabs .selected{background:#333d69;border-color:#8d9cdd;color:#fff}.item-icon{color:#b7adff}.item-card{display:flex;flex-direction:column;gap:4px}.item-card button{margin-top:auto}.item-card strong{color:#c2cbff}.item-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.data-table th,.data-table td{border-color:#353e59}.data-table th{color:#bcc9f1}input,select{border-color:#343d5d!important;background:#12192c!important;color:#eef2ff!important;padding:12px;min-height:44px;border-radius:8px;font:inherit}input[type=search]{background:#151a2b;border-color:#343e5c}.arcade-top{padding:24px 0 14px}.arcade-top h1{font-size:31px;margin:0 0 8px}.arcade-top p{font-size:14px;line-height:1.6;max-width:650px}.eyebrow{color:#939bba;letter-spacing:2px;font-size:10px}.play-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:21px 0 4px}.play-tabs button{font-size:13px;padding:10px 16px}.sectiontitle{margin:12px 0 16px}.sectiontitle h2 small{color:#939dba}.sectiontitle>span{color:#929dbb;font-size:12px}.sectiontitle #open-network{background:#25213c;border-color:#554879;color:#ddd3ff;font-size:12px}.cards{gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:#171c2f;border-color:#323c58;padding:22px;border-radius:15px;position:relative;overflow:hidden;min-height:260px;text-align:left}.card:hover{background:#1d2440;transform:translateY(-2px);border-color:#8b8fcf}.card .pill{border:0;color:#b5c7ff;background:#2a3553;font-size:9px;letter-spacing:1.2px;padding:6px 9px}.card.ttt .pill{color:#d8baff;background:#3c2855}.card.rps .pill{color:#a4d9ff;background:#223950}.card .art{height:100px;color:#c1ceff;font-size:75px;display:flex;align-items:center;justify-content:flex-end;position:relative;text-shadow:0 8px 35px #7194ff55}.card.ttt .art{color:#b996fa}.card.rps .art{color:#9bd2ff}.card .art::before{content:'';position:absolute;right:-5px;top:8px;width:90px;height:90px;border-radius:50%;background:#7387ff12;border:1px solid #7b87d52b}.card h3{font-size:21px;margin:16px 0 10px}.card p{color:#a3afcc;line-height:1.5;font-size:13px}.card small{color:#9aa9ce;font-size:11px}.card h3 span{color:#96a9e2}.daily-tile{margin-top:20px;border:1px solid #53406f;background:linear-gradient(105deg,#29203f,#1a2038);border-radius:14px;padding:22px;display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:8px 16px}.daily-tile>.daily-art{grid-row:span 2;font:700 15px monospace;color:#ebddff;letter-spacing:2px;padding:14px 4px;background:#65508066;border-radius:10px;text-align:center}.daily-tile>div:nth-child(2){font-weight:700;font-size:17px}.daily-tile p{grid-column:2;margin:0}.daily-tile button{grid-column:3;grid-row:1/span 2;font-size:12px}.solohead{margin:30px 0 10px}#solo{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}#solo button{padding:19px 10px;font-size:13px;min-height:66px}#bot-arcade .dashboard-card{margin-top:18px}.pill{color:#b8c5ee;border-color:#414c70}.playlayout{grid-template-columns:minmax(0,1.35fr) minmax(230px,.8fr);gap:22px}.panel{background:#171c30;border-color:#333b58;color:#c2cbe4}.panel h2{color:#edf0ff}.panel .hint{font-size:13px}#board,#network-board{border-color:#4a5578;background:#222940;aspect-ratio:1;max-width:620px;width:100%;border-radius:7px;overflow:hidden}.square{background:#bac7e2;color:#24293c;font-size:clamp(26px,5vw,57px);min-width:0;min-height:0;padding:0;border:0;border-radius:0;position:relative}.square.dark{background:#616e95}.square.whitepiece{color:#fff;text-shadow:0 1px 2px #111,0 1px 7px #111b}.square:disabled{opacity:1;background:#bac7e2;color:#24293c;cursor:default}.square.dark:disabled{background:#616e95}.square.whitepiece:disabled{color:#fff}.square.selected{background:#ab8ce9!important}.square.legal::after{background:#6752b9bb;border:3px solid #ede7ff88;box-shadow:none}.square small{color:#20283d;font-size:9px}.square:focus-visible{outline:3px solid #dac3ff;outline-offset:-4px;z-index:1}.net-ttt button{background:#242d49;border-color:#6676a8;color:#cfb5ff}#board.ttt button{background:#242d49;color:#d5c1ff}dialog{background:#171b30;border-color:#66618e;color:#f3f1ff;border-radius:16px;max-width:min(92vw,520px)}dialog::backdrop{background:#080b17cc;backdrop-filter:blur(5px)}footer{border-color:#2c324b;color:#7e89a8}.challenge-game-options{display:flex;gap:10px;margin-bottom:14px}.challenge-game-options+input{width:100%;margin-bottom:10px}.word-area{max-width:600px;margin:22px auto}.word-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;color:#aeb9da;font-size:12px;margin-bottom:18px}.word-toolbar button{font-size:11px;padding:10px}.word-board{display:grid;gap:7px;max-width:360px;margin:auto}.word-row{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.word-cell{aspect-ratio:1;background:#161c30;border:2px solid #363f5c;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.word-cell strong{font:700 27px 'Space Grotesk',sans-serif;line-height:1}.word-cell small{font-size:11px;position:absolute;right:5px;bottom:3px}.word-cell.correct,.word-key.correct{background:#384f94;border-color:#8bb4ff;color:#fff}.word-cell.present,.word-key.present{background:#66418e;border-color:#c39aec;color:#fff}.word-cell.absent,.word-key.absent{background:#33394a;border-color:#69718b;color:#e4e7f0}.word-legend{text-align:center;color:#b1bad5;font-size:11px;line-height:1.7}.word-keyboard{margin:18px -3px}.word-keyboard>div{display:flex;gap:5px;justify-content:center;margin:6px 0}.word-keyboard button{padding:0;flex:1;max-width:48px;min-width:0;min-height:49px;font:600 13px system-ui;border-radius:7px}.word-area details{margin-top:20px;color:#a5afcd;line-height:1.7;font-size:13px}.word-area summary{cursor:pointer}.network-panel .playlayout{margin-top:18px}
@media(max-width:1100px){main{padding:0 24px}.cards{gap:12px}.card{padding:18px}.card h3{font-size:19px}#solo{grid-template-columns:repeat(3,minmax(0,1fr))}.item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-actions .status-pill{display:none}}@media(max-width:800px){aside{width:190px}main{margin-left:190px}.cards{grid-template-columns:1fr}.card{min-height:180px}.card .art{float:right;width:90px;height:110px}.card .art::before{width:75px;height:75px}.playlayout{grid-template-columns:1fr}.daily-tile{grid-template-columns:50px 1fr}.daily-tile button{grid-column:1/span 2;grid-row:auto;margin-top:10px}.daily-tile p{font-size:12px}.daily-tile>.daily-art{padding:14px 0;font-size:11px}.daily-tile>div:nth-child(2){font-size:15px}}
@media(max-width:700px){main{margin:0;padding:0 16px}aside{width:260px;top:68px;background:#101426;overflow-y:auto;padding-bottom:125px}header{height:68px;background:#0d1121f5;padding:0 12px;margin:0 -16px;gap:8px}header .eyebrow{font-size:7px;letter-spacing:1px}header strong{font-size:15px}header>div:first-of-type{gap:4px}.header-actions{gap:5px}#header-wallet{padding:10px 8px;font-size:11px;max-width:100px}#connect{max-width:117px;padding:10px 8px;font-size:10px}#mobile-menu{padding:8px;min-width:39px}h1{font-size:27px}.arcade-top{padding-top:22px}.arcade-top h1{font-size:29px}.play-tabs{gap:6px}.play-tabs button{font-size:11px;padding:10px 12px;min-height:42px}.sectiontitle h2{font-size:16px}.sectiontitle>span{font-size:11px}.card{padding:18px;min-height:184px}.card h3{font-size:21px}.card .art{width:85px;font-size:65px}.daily-tile{padding:18px}.metric{padding:16px}.metric strong{font-size:28px}.metric-label{font-size:11px}.metric small{font-size:10px}.dashboard-card{padding:18px}.item-grid{grid-template-columns:1fr}.sidebottom{position:static;margin:35px 0 0;font-size:11px}.word-board{max-width:310px}.word-cell strong{font-size:25px}.word-keyboard{margin:18px -8px}.word-keyboard button{min-height:47px;font-size:12px}.word-legend{font-size:10px}.network-panel h1{font-size:25px}.network-panel .panel{padding:17px}.square{font-size:clamp(25px,8vw,44px)}#board,#network-board{max-width:100%}.panel{padding:18px}footer{font-size:9px;line-height:1.6;gap:12px;flex-wrap:wrap}}
@media(max-width:370px){#header-wallet{max-width:85px;font-size:10px}#connect{max-width:95px}main{padding:0 12px}header{margin:0 -12px}.word-row{gap:5px}.word-board{gap:5px}.word-keyboard>div{gap:3px}.word-keyboard button{min-height:45px}.play-tabs button{padding:10px;font-size:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.card.ttt .art i{color:#8d9aff}.brand-mark{font-style:normal}.word-keyboard button:disabled{opacity:.8}.word-keyboard button{touch-action:manipulation}.word-area{touch-action:pan-y}.network-panel #network-board{touch-action:pan-y}
@media(max-width:700px) and (max-height:900px){.word-view>h1{font-size:24px;margin:16px 0 8px}.word-view>p.subtle{font-size:12px;line-height:1.5;margin:8px 0}.word-view>.alert{font-size:12px;line-height:1.5;padding:10px;margin:10px 0}.word-view .word-area{margin:12px auto}.word-view .word-toolbar{margin-bottom:10px;gap:6px;font-size:11px}.word-view .word-toolbar button{padding:10px 8px}.word-view .word-board{max-width:240px;gap:5px}.word-view .word-row{gap:5px}.word-view .word-cell{border-radius:6px}.word-view .word-cell strong{font-size:22px}.word-view .word-cell small{font-size:9px;right:3px;bottom:2px}.word-view .word-legend{margin:8px 0}.word-view .word-keyboard{margin:10px -8px}.word-view .word-keyboard>div{margin:5px 0}}
/* Interface controls use the existing Lucide library. Pieces use licensed game artwork. */
.ui-icon{display:inline-block;width:20px;height:20px;flex:0 0 20px;vertical-align:middle;pointer-events:none}.icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:0 0 20px;vertical-align:middle}button>.ui-icon,button>.icon-wrap{margin-right:7px}button>.ui-icon:last-child,button>.icon-wrap:last-child{margin-right:0}nav button{display:flex;align-items:center;gap:10px}nav button>.ui-icon{margin:0;color:inherit}nav button small{margin-left:auto}#header-wallet{display:inline-flex;gap:6px;align-items:center}#header-wallet>.ui-icon,#header-wallet>.icon-wrap{width:16px;height:16px;flex-basis:16px;margin:0}#header-wallet .ui-icon{width:16px;height:16px;flex-basis:16px}#mobile-menu{align-items:center;justify-content:center}#mobile-menu>.icon-wrap{margin:0}.metric-label{display:flex;align-items:center;gap:7px}.metric-label .ui-icon{width:17px;height:17px;flex-basis:17px}.item-icon .icon-wrap,.item-icon .ui-icon{width:30px;height:30px}.card .art{filter:none;text-shadow:none}.card .art .game-chess-art{width:90px;height:90px;object-fit:contain;filter:none}.card .art>.ui-icon{width:68px;height:68px;flex-basis:68px;stroke-width:1.5}.card.rps .art{gap:8px}.card.rps .art>.ui-icon{width:46px;height:46px;flex-basis:46px}.card .art::before{display:none}.card h3 .ui-icon{width:17px;height:17px}footer a{color:#bac8ed;margin-left:10px}.rpsboard button{display:flex;flex-direction:column;align-items:center;gap:12px;font-size:15px!important;min-width:85px}.rpsboard .ui-icon{width:40px;height:40px}.rpsboard .icon-wrap{width:40px;height:40px}#back,#flip,#reset,#resign{display:inline-flex;align-items:center;justify-content:center;gap:5px}@media(max-width:700px){#mobile-menu{display:flex}.card .art .game-chess-art{width:78px;height:78px}.metric-label{align-items:flex-start}.metric-label .icon-wrap{height:17px;width:17px;flex-basis:17px}.card .art>.ui-icon{width:58px;height:58px;flex-basis:58px}}
.word-keyboard .icon-wrap{margin:0}.word-keyboard .ui-icon{width:18px;height:18px}
.beta-form{display:grid;gap:12px;max-width:650px}.beta-form>input,.beta-form>button{width:100%;margin:0}.beta-form .quick-actions{margin:4px 0}.beta-form [aria-pressed=true]{background:#35416b;border-color:#a6b6ff}.beta-members{display:grid;gap:8px}.beta-members button{text-align:left;margin:0;overflow-wrap:anywhere}.beta-review:not(:empty){border:1px solid #7c88bb;border-radius:10px;padding:16px;background:#1d2540}.beta-review button{min-height:44px}.beta-link{display:inline-flex;align-items:center;min-height:44px;color:#c5d0ff}.beta-form label{font-size:13px;color:#b9c6e7}