.auth-backdrop{position:fixed;inset:0;display:grid;place-items:center;background:#00000073;z-index:50}.auth-modal{width:min(92%,420px);background:#fff;padding:1.25rem;border-radius:12px;box-shadow:0 10px 40px #0000004d;position:relative;text-align:center}.auth-close{position:absolute;right:12px;top:12px;background:transparent;border:none;font-size:1.1rem}.auth-sub{color:#666;margin-top:0}.auth-switch{display:flex;gap:8px;justify-content:center;margin:8px 0}.auth-switch button{padding:6px 10px;border-radius:8px;border:1px solid #ddd;background:transparent;color:#111}.auth-switch button.active{background:#111;color:#fff}.auth-modal form{display:flex;flex-direction:column;gap:8px;align-items:stretch}.auth-modal input{width:100%;box-sizing:border-box;padding:10px;margin:0;border-radius:6px;border:1px solid #ccc}.auth-modal input:focus{outline:none;border-color:#6a5acd;box-shadow:0 0 0 4px #6a5acd14}.auth-modal input::placeholder{color:#999}.auth-submit{width:100%;padding:10px;border-radius:8px;background:#0b74ff;color:#fff;border:none}.auth-error{color:#b00020}.home-root{min-height:100vh;width:100vw;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.home-bg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;min-height:60vh;background-color:#000;pointer-events:none}.swat-sprite{width:var(--swat-width);aspect-ratio:1 / 1;background-image:url(/images/SwatSprite.png);background-repeat:no-repeat;background-size:1500% 100%;background-position:0% 0%;position:absolute;left:var(--swat-center, var(--swat-left));z-index:6;pointer-events:none;max-width:144.7px}@media (max-width: 600px){.swat-sprite{width:11%;bottom:4.5%}}@media (min-width: 1200px){.swat-sprite{max-width:144.7px}}@keyframes swat-anim{0%{background-position:0% 0%}to{background-position:100% 0%}}.swat-sprite{will-change:background-position;animation:swat-anim .9s steps(15,end) infinite}.home-artwork-wrapper{position:relative;--swat-left: 22.45%;--swat-center: 30.59%;--swat-width: 18.61%;--swat-bottom: 5.15%;aspect-ratio:1693 / 1667;width:min(92vw,1693px);max-width:1693px;margin:0 auto;max-height:min(92vh,1667px)}.home-artwork{display:block;width:100%;height:100%;object-fit:contain}.home-content{position:relative;z-index:30;text-align:center;color:#fff}.title{font-size:3rem;margin:0;text-shadow:0 4px 20px rgba(0,0,0,.6)}.home-logo{display:block;max-width:min(60vw,540px);width:min(60vw,540px);height:auto;margin:0 auto;filter:drop-shadow(0 8px 20px rgba(0,0,0,.45))}.subtitle{margin-top:.5rem;opacity:.95;font-weight:1000;font-size:1.125rem;letter-spacing:.2px;text-shadow:0 15px 18px rgba(0,0,0,.6),0 1px 0 rgba(0,0,0,.25);display:inline-block;padding:.6rem 1rem;margin-top:.75rem;background:#3cabec;color:#fff;border-radius:.5rem;box-shadow:0 8px #075bb0,0 14px 24px #03163859;transform:translateZ(0);font-family:Dancing Script,Georgia,Times New Roman,cursive}.play-btn{position:fixed;right:24px;bottom:24px;z-index:10;background-color:#8d6186;color:#fff;border:none;padding:12px 18px;border-radius:999px;display:flex;gap:8px;align-items:center;cursor:pointer}.play-btn:hover{filter:brightness(.95)}.play-root{min-height:100vh;position:relative;overflow:hidden;width:100vw}.scene{position:relative;width:40vw;min-width:320px;max-width:920px;aspect-ratio:1693 / 1667;margin:0 auto;transform-origin:center center;background-size:contain;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center}@media (max-width: 600px){.scene{width:min(92vw,480px)}}.play-panel{position:relative;z-index:5;padding:2rem;color:#fff;text-align:center}.play-panel h2{display:inline-block;background:#400440d9;color:#fff;padding:.4rem .85rem;border-radius:8px;margin:0 0 1rem;box-shadow:none}.play-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;max-width:900px;margin:1rem auto}.tile{background:#613704bf;padding:1rem;border-radius:10px}.tile h3{margin-top:0}.tile button{padding:8px 12px;border-radius:8px;border:none;color:#fff}.leader-root,.leader-root .leader-panel{color:#2c0041}.leader-root .scene{min-height:100vh;padding:40px 10px;background-size:cover;background-position:center}.leader-root .leader-panel{max-width:980px;margin:0 auto;padding:18px;border-radius:18px;background:#ffffffeb;box-shadow:0 12px 40px #00000040}.leader-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.leader-title{margin:0}.leader-actions{display:flex;gap:10px}.leader-tabs{display:flex;gap:10px;margin:10px 0 18px}.leader-tabs button{border-radius:999px;padding:8px 12px;border:1px solid rgba(0,0,0,.15);background:#fffc;cursor:pointer}.leader-tabs button.active{border-color:#00000059;background:#0000000f;font-weight:700}.leader-empty{margin:16px 0 0}.podium{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.podium-card{border-radius:16px;padding:12px;border:1px solid rgba(0,0,0,.12);background:#ffffffe6;position:relative}.podium-card.rank-1{transform:translateY(-6px);box-shadow:0 10px 25px #0000002e}.podium-rank{font-weight:800;opacity:.9;margin-bottom:6px}.podium-name{font-size:18px;font-weight:800}.podium-points{font-size:20px;font-weight:900;margin:6px 0 8px}.podium-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}.muted{opacity:.7}.tag{display:inline-block;margin-top:10px;padding:6px 10px;border-radius:999px;background:#0000000f;border:1px solid rgba(0,0,0,.12);font-size:12px;font-weight:700}.leader-list{display:grid;gap:8px}.leader-row{display:grid;grid-template-columns:70px 1.2fr 140px 120px 120px 80px;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid rgba(0,0,0,.1);background:#ffffffdb}.leader-row .rank{font-weight:900}.leader-row .name{font-weight:800}.mini .label{font-size:11px;opacity:.65}.mini .value{font-weight:800}.right{display:flex;justify-content:flex-end}@media (max-width: 860px){.podium{grid-template-columns:1fr}.leader-row{grid-template-columns:60px 1fr 1fr;grid-template-areas:"rank name name" "total treats best"}.leader-row .rank{grid-area:rank}.leader-row .name{grid-area:name}}.lock-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh}.pin-row{display:flex;justify-content:center;margin-bottom:1rem}.pin-slot{margin:0 5px;text-align:center}.pin{background-color:#aaa;width:10px;margin:0 auto}.lock-scene{position:relative;width:40vw;aspect-ratio:1332 / 552;max-width:480px;margin:0 auto;transform-origin:center center}.lock-scene .layer,.pin-layer{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform .25s ease;display:block}.lock-scene .layer{object-fit:contain}.pin-layer{pointer-events:none;z-index:3}.pin-layer{overflow:hidden}.pin-stack{position:absolute;left:50%;transform:translate(-50%);bottom:0;width:100%;display:block;pointer-events:none}.pin-stack .pin-img{width:100%;height:auto;display:block}.lock-scene .layer.lock-body{z-index:1}.lock-scene .layer.springs-full{z-index:2;pointer-events:none}.lock-scene .layer.shackle{z-index:4}.pin-controls{display:flex;justify-content:center;margin-top:1rem;gap:10px}.lock-container h3{display:inline-block;background:#400440bf;color:#fff;padding:.3rem .7rem;border-radius:6px;margin:.5rem 0 .75rem}.game-root{position:relative;min-height:80vh;padding:1rem;width:100vw}.scene{width:min(92vw,1693px);margin:0 auto;min-height:60vh;background-size:contain;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center}.scene img,.scene .layer{max-width:100%;height:auto;display:block}.game-content{position:relative;z-index:2;width:100%}.game-actions{position:fixed;top:12px;right:12px;z-index:11000;display:flex;gap:8px;justify-content:flex-end}.overlay-message{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:1rem 1.5rem;border-radius:.5rem;color:#fff;font-weight:600;z-index:9999;box-shadow:0 4px 12px #000000f2;animation:fadeInOut .3s ease;background:#400440d9;border-radius:10px}.overlay-inner{display:flex;align-items:center;gap:.75rem}.overlay-emoji{font-size:1.5rem}.overlay-text{display:block}.overlay-success{background-color:#f3a2c0}.overlay-error{background-color:#dc2626}.overlay-info{background-color:#2563eb}.overlay-hint{background-color:#facc15;color:#000}.overlay-assist{top:50%;left:50%;transform:translate(-50%,-50%);padding:1.75rem 2.25rem 1.5rem 1.75rem;font-size:1.15rem;border-radius:.75rem;max-width:800px;width:min(92%,720px);text-align:center;box-shadow:0 18px 45px #00000047}.overlay-assist .overlay-emoji{font-size:2rem}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.dial-lock-container{display:flex;flex-direction:column;align-items:center;text-align:center}.dial-actions-grid .unlock-button{width:min(340px,92%);font-size:1.05rem;padding:.75rem 1rem}.lock-stack{position:relative;width:min(420px,36%);max-width:420px}.lock-image{display:block;width:100%;height:auto;z-index:0}.dial-image{position:absolute;top:0;left:0;width:100%;height:auto;transform-origin:50.3% 71.85%;transition:transform .3s ease;pointer-events:none;z-index:10}.dial-controls{display:flex;align-items:center;gap:1rem;margin-top:1.5rem}.dial-controls,.dial-actions,.attempt-display,.unlock-button,.dial-number{position:relative;z-index:30}.dial-button{padding:.5rem 1rem;background-color:#2563eb;color:#fff;border-radius:.375rem;cursor:pointer;font-size:1.25rem;font-weight:700}.dial-button:hover{background-color:#1d4ed8}.dial-number{font-size:2rem;font-weight:700;width:60px;text-align:center;background-color:#ffffff1a;border-radius:8px;padding:.25rem .5rem}.dial-actions{margin-top:1rem;display:flex;gap:10px}.dial-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center;margin-top:1rem}.dial-actions-grid .confirm-button{grid-column:1}.dial-actions-grid .reset-button{grid-column:2}.dial-actions-grid .unlock-button{grid-column:1 / -1;justify-self:center;width:min(320px,80%)}@media (max-width: 520px){.dial-actions-grid{grid-template-columns:1fr}.dial-actions-grid .confirm-button,.dial-actions-grid .reset-button,.dial-actions-grid .unlock-button{grid-column:auto;width:100%}}.confirm-button,.reset-button,.unlock-button{padding:.5rem 1rem;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-weight:500}.confirm-button{background:linear-gradient(180deg,#a46ff6,#9333ea 60%,#7e22ce);color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;font-weight:500;box-shadow:0 4px #7e22cef2,0 8px 16px #7e22ce1f;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.confirm-button:hover{filter:brightness(1.03)}.confirm-button:active{transform:translateY(3px);box-shadow:0 2px #7e22cef2,0 4px 8px #7e22ce14}.reset-button{background:linear-gradient(180deg,#ad5e60,#e4b5af);color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;font-weight:500;box-shadow:0 4px #ad5e60f2,0 8px 16px #a46e701f;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.reset-button:hover{filter:brightness(1.03)}.reset-button:active{transform:translateY(3px);box-shadow:0 2px #ad5e60f2,0 4px 8px #a46e7014}.unlock-button{background:linear-gradient(180deg,#6fc083,#16a34a);color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;font-weight:500;box-shadow:0 4px #6fc083f2,0 8px 16px #6fc0831f;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.unlock-button:hover{filter:brightness(1.03)}.unlock-button:active{transform:translateY(3px);box-shadow:0 2px #6fc083f2,0 4px 8px #6fc08314}.attempt-display{margin-top:10px;font-weight:700}.dial-message{margin-top:10px;color:#555;font-size:.9rem}.dial-lock-container h3.subtle{font-weight:600;margin-bottom:.35rem}.dial-lock-container h3{margin-bottom:.35rem}.dial-lock-container .dial-message,.dial-lock-container .attempt-display,.dial-lock-container p{text-align:center;margin-top:.25rem}.dial-lock-container h3{display:inline-block;background:#400440bf;color:#fff;padding:.35rem .8rem;border-radius:6px;margin:.5rem 0 .75rem}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.play-panel .tile button,.game-actions button,.leader-panel button,form button[type=submit],.play-panel .play-grid .tile button{background-color:#8d6186;color:#fff;border-color:transparent;box-shadow:0 6px #dcc8d6;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.play-panel .tile button:hover,.game-actions button:hover,.leader-panel button:hover,form button[type=submit]:hover{filter:brightness(.95);transform:translateY(-2px);box-shadow:0 8px #dcc8d6}.play-panel .tile button:active,.game-actions button:active,.leader-panel button:active,form button[type=submit]:active{transform:translateY(2px);box-shadow:0 3px #dcc8d6}