:root{color:#f5f7fb;background:#0f1216;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}#root{min-height:100vh}input{min-width:0;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#0b0e12c7;color:inherit;font:inherit;padding:8px 11px}button{border:0;color:inherit;font:inherit;cursor:pointer}.app-shell{min-height:100vh;display:grid;place-items:center;padding:18px;background:linear-gradient(145deg,#252f39eb,#0a0e12f5),radial-gradient(circle at 12% 15%,rgba(69,238,187,.12),transparent 34%)}.app-layout{display:flex;min-height:100vh;height:100vh;flex-direction:column;overflow:hidden;background:#0f1216}.app-layout>.app-shell{min-height:0;flex:1}.account-bar{z-index:5;width:min(calc(100% - 24px),680px);margin:12px auto 0;padding:7px;flex:none;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#0c1014d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.account-actions,.account-compact-end,.account-summary,.account-form-heading,.account-fields{display:flex;align-items:center;gap:8px}.account-compact-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px}.account-actions,.account-compact-end{justify-content:flex-end}.account-summary{min-height:36px}.account-brand{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;min-height:32px;align-items:center;justify-content:center;padding:6px 15px;border:1px solid rgba(255,255,255,.32);border-radius:999px;color:#fff;font-size:12px;font-weight:900;letter-spacing:.02em;line-height:1;text-decoration:none;text-shadow:0 1px 2px rgba(0,0,0,.9);white-space:nowrap;transition:transform .15s ease,border-color .15s ease,filter .15s ease}.account-brand:before{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#f25e3b 0,#f25e3b 23%,#090b0e 23%,#090b0e 26%,#ebb904 26%,#ebb904 48%,#090b0e 48%,#090b0e 51%,#04ed81 51%,#04ed81 73%,#090b0e 73%,#090b0e 76%,#2e9efa 76%,#2e9efa);content:""}.account-brand:hover,.account-brand:focus-visible{transform:translateY(-1px);border-color:#fffc;filter:brightness(1.08)}.account-display-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.account-player-icon{flex:none;color:#ffffffb8}.account-info-slot{flex:1}.account-form{display:grid;gap:9px}.account-form-heading{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);padding-left:4px}.account-form-heading .account-icon-button{justify-self:end}.account-fields{align-items:end}.account-fields label{display:grid;min-width:0;flex:1;gap:4px}.account-fields label span{padding-left:8px;color:#ffffffad;font-size:11px;font-weight:700}.account-button{display:inline-grid;grid-auto-flow:column;gap:6px;align-items:center;justify-content:center;min-height:36px;padding:8px 11px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#265750ad;font-weight:800}.account-button:disabled,.account-icon-button:disabled{cursor:wait;opacity:.6}.account-icon-button{display:inline-grid;width:34px;height:34px;flex:none;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#0b0e12b8}.account-submit{flex:none}.account-message{overflow:hidden;display:block;padding:0 6px 2px;color:#ffffffc7;font-size:13px}.feed-frame{position:relative;width:min(100%,440px);height:min(880px,100%);min-height:min(620px,100%);overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#171c22;box-shadow:0 28px 80px #00000061;touch-action:none;-webkit-user-select:none;user-select:none}.viewport-shell{position:absolute;top:0;right:0;bottom:0;left:0}.game-canvas{width:100%;height:100%;display:block;background:#10151c;touch-action:none}.game-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud-row{position:absolute;top:14px;left:14px;display:flex;gap:8px}.hud-row span,.status-pill,.meta-grid span,.stats-line span{border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#0a0e129e;color:#ffffffe6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hud-row span{padding:6px 10px;font-size:13px;font-weight:700}.result-panel{position:absolute;top:42%;left:50%;width:min(78%,280px);transform:translate(-50%,-50%);display:grid;gap:10px;justify-items:center;padding:18px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#0d1116c2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto}.result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.result-panel strong{font-size:24px}.result-panel span{color:#ffffffb8}.content-panel{position:absolute;left:0;right:76px;bottom:0;display:grid;gap:12px;padding:24px 18px 22px;background:linear-gradient(transparent,#090c1085 12%,#090c10e0);pointer-events:none}.status-pill{display:inline-flex;padding:5px 9px;margin-bottom:8px;font-size:12px;font-weight:800;text-transform:uppercase}h1{margin:0;max-width:100%;font-size:clamp(32px,8vw,44px);line-height:.98;letter-spacing:0}p{margin:8px 0 0;color:#ffffffc7;font-size:15px;line-height:1.35}.meta-grid,.stats-line{display:flex;flex-wrap:wrap;gap:7px}.meta-grid span,.stats-line span{padding:5px 8px;font-size:12px;text-transform:capitalize}.stats-line span{color:#ffffffad}.rating-controls{position:absolute;right:15px;bottom:142px;display:grid;gap:10px}.action-button,.nav-button,.icon-text-button{display:inline-grid;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#0b0e12b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .15s ease,background .15s ease,border-color .15s ease}.action-button{width:48px;height:48px}.action-button:hover,.nav-button:hover,.icon-text-button:hover,.action-button.active,.icon-text-button.primary{transform:translateY(-1px);border-color:#5befc4c7;background:#265750c7}.feed-controls{position:absolute;top:14px;right:14px;display:flex;align-items:center;gap:7px}.feed-controls span{min-width:48px;padding:5px 7px;border-radius:999px;background:#0b0e12ad;color:#ffffffc7;text-align:center;font-size:12px;font-weight:800}.nav-button{width:38px;height:38px}.icon-text-button{grid-auto-flow:column;gap:7px;padding:9px 12px;font-weight:800}.state-panel{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;color:#ffffffc7;text-align:center}.action-message{max-width:100%;color:#ffffffb8;font-size:12px;pointer-events:none}@media(max-width:520px){.app-shell{padding:0}.account-bar{width:calc(100% - 16px);margin-top:8px}.account-actions .account-button{flex:1}.account-compact-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px}.account-compact-signed-out{grid-template-columns:auto 1fr}.account-compact-signed-out>span{display:none}.account-compact-signed-out .account-brand{grid-column:1}.account-brand{padding-inline:10px;font-size:11px}.account-fields{align-items:stretch;flex-direction:column}.account-submit{width:100%}.feed-frame{width:100vw;height:100%;min-height:0;border:0;border-radius:0}.content-panel{right:66px;padding-bottom:18px}.rating-controls{right:10px;bottom:128px}}