:root{color:#171a1f;font-synthesis:none;background:#eef1ec;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}body{min-height:100vh}button,input{font:inherit}.auth-loading{color:#626a64;place-items:center;min-height:100vh;font-size:14px;display:grid}.auth-page{background:#eef1ec;place-items:center;min-height:100vh;padding:32px 20px;display:grid}.auth-panel,.auth-error{background:#fff;border:1px solid #d6dbd4;border-radius:8px;width:min(100%,430px);padding:28px;box-shadow:0 18px 55px #1f262024}.auth-heading{align-items:center;gap:14px;margin-bottom:24px;display:flex}.auth-mark{background:#3d7b50;flex:none;width:12px;height:42px}.auth-heading h1,.auth-error h1{letter-spacing:0;margin:0;font-size:24px;line-height:1.2}.auth-heading p,.auth-error p{color:#687069;margin:6px 0 0;font-size:14px;line-height:1.5}#clerk-auth{min-height:420px}.auth-error button{color:#fff;cursor:pointer;background:#27663b;border:0;border-radius:6px;margin-top:20px;padding:10px 16px}.selection-page{background:#fff;place-items:center;min-height:100vh;padding:24px;display:grid}.selection-user-button{position:fixed;top:18px;right:18px}.selection-modal{background:#fff;border:1px solid #d9ddd8;border-radius:8px;width:min(100%,520px);padding:28px;box-shadow:0 20px 60px #1a1f1b1f}.selection-heading h1{letter-spacing:0;margin:0;font-size:24px;line-height:1.2}.selection-heading p{color:#687069;margin:7px 0 0;font-size:14px}.character-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}.character-option{color:#232823;cursor:pointer;background:#f6f7f5;border:1px solid #d9ddd8;border-radius:8px;min-width:0;padding:14px}.character-option:hover{border-color:#9ca59d}.character-option.is-selected{background:#edf5ef;border-color:#286a3d;box-shadow:inset 0 0 0 1px #286a3d}.character-preview{height:76px;image-rendering:pixelated;place-items:center;display:grid;overflow:hidden}.character-sprite{image-rendering:pixelated;background-repeat:no-repeat;display:block;transform:scale(1.25)}.character-sprite-aditya{background-image:url(/sprites/hero-sheet.png);background-position:-30px -19px;width:34px;height:51px}.character-sprite-supriya{background-image:url(/sprites/sipu-sheet.png);background-position:-31px -22px;width:35px;height:48px}.character-name{letter-spacing:0;margin-top:8px;font-weight:700;display:block}.character-status{color:#606861;letter-spacing:0;background:#e6e9e5;border-radius:999px;justify-content:center;align-items:center;min-height:24px;margin-top:8px;padding:0 9px;font-size:11px;font-weight:800;display:inline-flex}.character-status[data-state=online]{color:#fff;background:#2b8f48}.claim-form{gap:8px;margin-top:20px;display:grid}.claim-form label{font-size:13px;font-weight:700}.claim-form input{border:1px solid #cbd0cb;border-radius:6px;outline:none;width:100%;height:42px;padding:0 12px}.claim-form input:focus{border-color:#286a3d;box-shadow:0 0 0 3px #286a3d1f}.claim-form input:disabled{cursor:not-allowed;background:#f0f2ef}.claim-error{color:#a12a2a;min-height:20px;margin:0;font-size:13px}.claim-button{color:#fff;cursor:pointer;background:#286a3d;border:0;border-radius:6px;height:42px;font-weight:700}.claim-button:disabled{color:#8d938d;cursor:not-allowed;background:#e2e5e1}.game-page{width:100vw;height:100vh;image-rendering:pixelated;background:#9dcc1a;position:relative;overflow:hidden}#game-canvas{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;background:#9dcc1a;display:block}.session-controls{z-index:100;background:#fffffff0;border:1px solid #ffffffc7;border-radius:8px;align-items:center;gap:8px;min-height:44px;padding:6px 8px;display:flex;position:fixed;top:16px;right:16px;box-shadow:0 6px 20px #12181338}.user-button{flex:0 0 32px;place-items:center;width:32px;height:32px;display:grid}.logout-button{color:#fff;cursor:pointer;background:#242a25;border:0;border-radius:6px;height:32px;padding:0 10px;font-size:13px;font-weight:700}.logout-button:hover{background:#111512}.logout-button:disabled{color:#d4d8d4;cursor:wait;background:#59605a}.multiplayer-status{z-index:100;color:#20251f;background:#fffffff0;border:1px solid #ffffffbf;border-radius:8px;align-items:center;gap:8px;min-height:36px;padding:0 12px;font-size:12px;font-weight:750;display:flex;position:fixed;top:16px;left:16px;box-shadow:0 6px 20px #12181333}.multiplayer-status-dot{background:#d39a28;border-radius:50%;flex:0 0 8px;width:8px;height:8px}.multiplayer-status[data-state=ready] .multiplayer-status-dot{background:#2b9b4b}.multiplayer-status[data-state=solo] .multiplayer-status-dot{background:#d39a28}.multiplayer-status[data-state=offline] .multiplayer-status-dot{background:#6b7280}.multiplayer-status[data-state=reconnecting] .multiplayer-status-dot,.multiplayer-status[data-state=error] .multiplayer-status-dot,.multiplayer-status[data-state=blocked] .multiplayer-status-dot{background:#bd3b35}.game-interaction{z-index:90;color:#fff;background:#181412f0;border:1px solid #fffc;border-radius:8px;align-items:center;gap:14px;min-width:230px;padding:10px 10px 10px 16px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000047}.game-interaction[hidden]{display:none}.game-interaction p{flex:1;margin:0;font-size:13px;font-weight:700}.game-interaction button{color:#211a17;cursor:pointer;background:#fff;border:0;border-radius:6px;height:34px;padding:0 14px;font-size:13px;font-weight:800}.spotify-player{z-index:100;filter:drop-shadow(0 8px 16px #00000057);width:532px;height:431px;image-rendering:pixelated;background-image:url(/sprites/musicclean.png);background-position:-106px -122px;background-repeat:no-repeat;background-size:745px 745px;transition:width .16s,height .16s;position:fixed;bottom:16px;left:16px;overflow:hidden}.spotify-toggle{z-index:2;cursor:pointer;background:0 0;border:0;width:203px;height:76px;padding:0;position:absolute;top:0;left:7px}.spotify-toggle-icon,.spotify-toggle-label{display:none}.spotify-toggle:focus-visible{outline-offset:-6px;outline:2px solid #fff}.spotify-embed{border-radius:6px;width:508px;height:352px;position:absolute;top:74px;left:12px;overflow:hidden}.spotify-embed iframe{border:0;width:100%;height:352px;display:block}.spotify-player.is-collapsed{width:210px;height:76px}.spotify-player.is-collapsed .spotify-embed{display:none}@media (width<=520px){.spotify-player{transform-origin:0 100%;bottom:12px;left:12px;transform:scale(.66)}.spotify-player.is-collapsed{width:210px;height:76px}}@media (width<=367px){.spotify-player{transform-origin:0 100%;transform:scale(.58)}}@media (width<=520px){.auth-page{padding:18px 12px}.auth-panel,.auth-error{padding:20px 16px}.selection-page{padding:64px 12px 20px}.selection-modal{padding:20px 16px}}