:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#101114;color:#f8fafc}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 20% 10%,rgba(255,213,79,.18),transparent 28rem),radial-gradient(circle at 90% 0%,rgba(56,189,248,.18),transparent 26rem),#101114}button,input,select{font:inherit}button,a{touch-action:manipulation}button{border:0;border-radius:8px;background:#ffd54f;color:#171717;cursor:pointer;font-weight:800;padding:.75rem 1rem}button:disabled{cursor:not-allowed;opacity:.55}a{color:#67e8f9}input,select{border:1px solid rgba(248,250,252,.18);border-radius:8px;background:#0f172ad1;color:#f8fafc;padding:.75rem .9rem}.public-home{min-height:100vh;display:grid;align-items:center;padding:2rem}.public-home__content{width:min(720px,100%)}.public-home h1,.app-content h1,.screen-message h1{font-size:clamp(2rem,7vw,4.8rem);line-height:.95;margin:0}.public-home p,.measure{color:#cbd5e1;font-size:1.1rem;line-height:1.7;max-width:64ch}.eyebrow{color:#67e8f9;font-size:.8rem;font-weight:900;letter-spacing:0;margin:0 0 .75rem;text-transform:uppercase}.app-shell{min-height:100vh;display:grid;grid-template-columns:17rem minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.sidebar{grid-row:1 / -1;border-right:1px solid rgba(248,250,252,.12);background:#0f172abd;display:flex;flex-direction:column;gap:1rem;padding:1rem}.brand-button,.secondary,.link-button{background:transparent;color:#f8fafc;border:1px solid rgba(248,250,252,.16)}.sidebar nav{display:grid;gap:.6rem}.sidebar nav button{background:#f8fafc14;color:#f8fafc;text-align:left}.sidebar nav button.active{background:#22d3ee;color:#082f49}.topbar{align-items:center;border-bottom:1px solid rgba(248,250,252,.12);display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.25rem}.topbar label{color:#cbd5e1;display:flex;gap:.75rem;align-items:center}.ledger-strip{align-items:baseline;display:flex;gap:.4rem}.ledger-strip strong{color:#ffd54f;font-size:1.6rem}.ledger-strip span{color:#cbd5e1;margin-right:.5rem}.app-content{padding:clamp(1rem,3vw,2rem)}.stack{display:grid;gap:1.25rem}.stat-grid,.card-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))}.stat,.panel,.game-frame,.avatar-card,.game-card{border:1px solid rgba(248,250,252,.14);border-radius:8px;background:#0f172ac2;box-shadow:0 24px 80px #0000003d}.stat{display:grid;gap:.25rem;padding:1.1rem}.stat strong{color:#ffd54f;font-size:2rem}.stat span,.list-row span,.game-card small,.game-card span,.avatar-card span{color:#cbd5e1}.avatar-card,.game-card{color:#f8fafc;display:grid;gap:.45rem;padding:1rem;text-align:left}.avatar-card strong,.game-card strong{font-size:1.2rem}.inline-form{display:flex;gap:.75rem;flex-wrap:wrap}.inline-form input{min-width:min(22rem,100%)}.panel{display:grid;gap:1rem;padding:1rem}.panel__header,.list-row,.game-links{align-items:center;display:flex;gap:1rem;justify-content:space-between}.list{display:grid;gap:.75rem}.list-row{border-top:1px solid rgba(248,250,252,.12);padding-top:.75rem}.list-row>div{display:grid;gap:.25rem}.secret-panel{border:1px solid rgba(255,213,79,.42);border-radius:8px;background:#ffd54f1a;display:grid;gap:.7rem;padding:1rem}.secret-panel code{overflow-wrap:anywhere}.danger{background:#fb7185;color:#3f0a12;justify-self:start}.error-text{color:#fda4af}.game-frame{min-height:24rem;overflow:hidden;position:relative}.game-frame__mount{min-height:24rem}.game-frame__status,.game-frame__error{inset:0;position:absolute;z-index:1}.game-frame__status{align-items:center;background:#0f172adb;display:grid;justify-content:center}.game-frame__error{align-content:center;background:#0f172af0;display:grid;gap:.75rem;justify-items:start;padding:2rem}.screen-message{min-height:100vh;display:grid;align-content:center;gap:1rem;padding:2rem}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{grid-row:auto;border-right:0;border-bottom:1px solid rgba(248,250,252,.12)}.topbar,.panel__header,.list-row,.topbar label{align-items:stretch;flex-direction:column}}
