*{box-sizing:border-box}body{margin:0;background:#101526;color:#eef2ff;font:16px system-ui}header{padding:20px;display:flex;justify-content:space-between;border-bottom:1px solid #39415e;gap:12px}header span{font-size:12px;color:#c4cde5}main{max-width:640px;margin:auto;padding:20px}a{color:#9ad5ff}h1{font-size:24px}input,button{font:inherit;border-radius:9px;padding:12px;border:1px solid #667394}input{max-width:100%;background:#18223b;color:white}button{background:#354f91;color:white;cursor:pointer}button:disabled{opacity:.45;cursor:wait}form{display:grid;gap:12px;max-width:400px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cards>*{padding:30px 15px;background:#263453;border-radius:12px;border:1px solid #4c6586;text-decoration:none}#status{color:#ffde92;min-height:32px}#board{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;margin:16px 0;touch-action:manipulation}#board button{padding:0;aspect-ratio:1;background:#24324e;border:1px solid #3f587d;border-radius:4px}#board button.filled{background:#faad3b}#tray{display:flex;gap:10px;margin:16px 0}#tray button{flex:1;min-width:0}#tray button.selected{outline:3px solid #fcdf5e}.piece{display:grid;gap:2px;margin:auto;max-width:80px}.piece span{width:12px;height:12px}.piece .filled{background:#ffbf5b}#game>button{margin:4px 0}small{font-size:12px}label{display:grid;gap:6px}#entry{display:flex;align-items:end;gap:12px}[hidden]{display:none!important}

.account-links{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin:24px 0}#history-panel ul{list-style:none;padding:0}#history-panel li{padding:14px;border-bottom:1px solid #39415e}#history-panel li p{color:#c4cde5;font-size:14px}#history-back{display:block;margin:20px 0}

.eyebrow{letter-spacing:.12em;color:#bcabff;font-size:12px}.game-art{display:block;font-size:32px;margin:12px 0}.cards strong,.cards small{display:block;margin:8px 0}.cards button{background:linear-gradient(145deg,#38245b,#1d2948);min-height:160px}.quiet{background:transparent;margin-top:18px}.legal{color:#bac0d0;font-size:13px;line-height:1.6;margin-top:26px}#welcome h1{font-size:clamp(28px,7vw,40px);line-height:1.1}#intro button,#lesson>button{margin:8px 4px 8px 0}.practice-board{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;margin:24px 0}.practice-board button{padding:0;aspect-ratio:1;border-radius:5px}.practice-board .filled{background:#417ff2;opacity:1}.practice-board button:disabled{cursor:default}@media(max-width:360px){main{padding:14px}.cards{gap:10px}.cards>*{padding:16px 8px}}

.ludplay-brand{font:900 26px system-ui!important;letter-spacing:-1px;color:#fff!important;text-decoration:none}.ludplay-brand span{color:#bb81ff}body{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.platform-nav{position:fixed;bottom:0;left:0;right:0;z-index:100;display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(180deg,#23113a,#100b21);border-top:1px solid #654283;padding:12px 10px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -5px 30px #08031255}.platform-nav a{display:flex;flex-direction:column;align-items:center;gap:5px;color:#b6afd3;text-decoration:none;font:600 12px system-ui;min-height:44px;justify-content:center}.platform-nav a span{font-size:23px;line-height:24px}.platform-nav a:hover,.platform-nav a:focus-visible{color:#e8c7ff}.primary{background:#7840ce;border-color:#ad7cef}#account form{margin:0 auto}a:focus-visible,button:focus-visible{outline:2px solid #d7adff;outline-offset:3px}