:root{color-scheme:dark;--bg:#091e2b;--panel:#163140;--teal:#67e1c2;--amber:#ffc278;--text:#edf3e9;--muted:#91acb6;--line:#2c4855}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;overscroll-behavior:none}body{min-height:100dvh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--amber);outline-offset:4px}button{touch-action:manipulation}#app{max-width:1600px;min-height:100dvh;margin:auto;padding:0 max(24px,env(safe-area-inset-left)) env(safe-area-inset-bottom) max(24px,env(safe-area-inset-right));display:flex;flex-direction:column}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--text);font-size:14px;letter-spacing:1.8px;font-weight:900;white-space:nowrap}.brand-light{font-weight:500;color:#aac1c5}.brand-icon{width:32px;height:32px;background:var(--teal);border-radius:9px;color:#133d46;display:grid;place-items:center;font-size:31px;line-height:1}.top-actions{display:flex;align-items:center;gap:8px}.edition{font-size:10px;letter-spacing:1.8px;color:var(--muted);margin-right:15px}.icon-btn{background:#16323f;border:1px solid var(--line);height:33px;min-width:35px;border-radius:8px;font-size:21px;display:flex;gap:5px;align-items:center;justify-content:center}.icon-btn:hover{background:#254653}.sound-state{font-size:8px;letter-spacing:1px}.hud{height:79px;border:1px solid var(--line);border-radius:12px 12px 0 0;background:#152e3b;display:flex;align-items:center;gap:38px;padding:12px 25px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:700;color:var(--muted);display:block}.zone-block{min-width:170px}.zone-block .eyebrow b{color:var(--teal);margin-left:8px}.zone-block strong{display:block;font-size:20px;margin-top:7px;letter-spacing:.4px}.run-block{flex:1;max-width:430px}.run-label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px;color:#a8c1c7;margin-bottom:9px}.run-label b{color:var(--teal);font-size:12px;letter-spacing:0}.meter{background:#2c4751;height:7px;border-radius:6px;overflow:hidden}.meter i{height:100%;display:block;background:var(--teal);border-radius:6px;transition:width .2s linear}.stat strong,.pulse-status strong{display:block;font-variant-numeric:tabular-nums;font-size:20px;margin-top:7px}.life-stat strong{color:var(--amber);font-size:17px;white-space:nowrap}.pulse-status strong{color:var(--teal);font-size:12px;letter-spacing:1.5px}.play-shell{background:#102635;border:1px solid var(--line);border-top:none;overflow:hidden;position:relative;display:flex;justify-content:center}#stage{position:relative;width:100%;aspect-ratio:16/9;max-height:calc(100dvh - 205px)}canvas{display:block;width:100%;height:100%;object-fit:contain}.footer{min-height:47px;display:flex;justify-content:space-between;align-items:center;gap:15px;color:var(--muted);font-size:10px}.objective{display:flex;gap:8px;align-items:center;font-size:12px;color:#b8cbd0}.objective-dot{width:6px;height:6px;border-radius:50%;background:var(--teal);flex-shrink:0}.keyboard-legend{display:flex;align-items:center;gap:5px;white-space:nowrap}kbd{font:9px Arial;background:#1b3745;border:1px solid #3a5360;border-bottom:2px solid #455e68;border-radius:3px;padding:4px 5px;color:#d0e1df;margin-left:8px}.screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:5% 7%;background:linear-gradient(90deg,#0a202cf5 2%,#0a202ce8 38%,#0a202c77 70%,#0a202cb0);gap:40px}.screen.hidden,.hidden{display:none!important}.menu-panel{max-width:570px}.overline{font-size:9px;font-weight:800;letter-spacing:1.8px;display:flex;align-items:center;gap:9px;color:#a8c9c6}.live-dot{width:6px;height:6px;background:var(--teal);border-radius:50%;box-shadow:0 0 15px #67e1c2}h1{font-size:clamp(56px,7.5vw,113px);letter-spacing:-5px;line-height:.86;margin:27px 0 22px;font-weight:900}h1 span{color:var(--teal)}.tagline{font-size:clamp(20px,2.4vw,30px);line-height:1.23;margin:0 0 18px;font-weight:700;letter-spacing:-.5px}.intro{font-size:13px;color:#aac1c5;line-height:1.7;margin-bottom:25px}.primary{background:var(--teal);color:#103a3c;border:0;border-radius:8px;font-size:14px;font-weight:800;padding:16px 23px;min-width:215px;display:flex;gap:30px;justify-content:space-between;align-items:center;box-shadow:0 7px 24px #0002}.primary:hover{background:#8cebd3;transform:translateY(-1px)}.primary span{font-size:21px}.menu-links{display:flex;align-items:center;gap:14px;font-size:9px;letter-spacing:1.3px;color:#8ba9b3;margin-top:19px}.menu-links button{border:0;background:none;padding:0;font-size:11px;color:#bed5d7;letter-spacing:.4px}.shift-list{width:280px;align-self:flex-end;margin-bottom:20px;flex-shrink:0}.shift-list>.eyebrow{font-size:8px;margin-bottom:14px;color:#b4c9cd}.shift-card{display:flex;gap:13px;align-items:center;background:#132e3ce8;border:1px solid #44606a;border-radius:10px;padding:17px 18px;width:100%;text-align:left;margin:9px 0}.shift-card:hover,.shift-card.active{border-color:#69d9bd;background:#234650f0}.shift-num{font-size:11px;color:#89b8bc}.shift-card div{flex:1}.shift-card strong{display:block;font-size:16px}.shift-card div span{display:block;color:#97b4bc;font-size:10px;margin-top:6px}.shift-card b{color:var(--teal);font-weight:400}.shift-list p{font-size:10px;line-height:1.6;color:#9ab3bc;margin:14px 0 0}.toast{position:absolute;top:14px;left:50%;transform:translateX(-50%);background:#102c3ce8;border:1px solid #547c86;border-radius:8px;font-size:12px;padding:11px 18px;color:#e7f2e5;text-align:center;pointer-events:none;max-width:80%;opacity:0;transition:opacity .2s}.toast.show{opacity:1}.modal{position:absolute;inset:0;display:grid;place-items:center;background:#061b27d9;padding:20px;z-index:10}.modal-box{max-width:560px;width:100%;background:#173340;border:1px solid #52737a;border-radius:18px;padding:33px;box-shadow:0 20px 80px #0005;max-height:100%;overflow:auto}.modal-box h2{font-size:32px;letter-spacing:-1px;margin:12px 0 16px}.modal-box p{color:#b9cdd0;font-size:14px;line-height:1.7}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:23px 0}.control-grid div{background:#102a38;padding:13px;border-radius:8px}.control-grid strong{display:block;color:var(--teal);font-size:12px;margin-bottom:6px}.control-grid span{font-size:12px;color:#b2c8ca;line-height:1.5}.modal-note{border-left:3px solid var(--amber);padding-left:12px;font-size:12px!important}.modal-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.secondary{background:transparent;border:1px solid #54727b;border-radius:8px;padding:13px 18px;font-size:13px;color:#d0e1dd}.result-score{font-size:46px;font-weight:800;color:var(--teal);letter-spacing:-1px;margin:10px 0}.touch-controls{display:none;user-select:none;touch-action:none}.rotate-hint{display:none}.touch-controls button{touch-action:none;user-select:none;-webkit-user-select:none}.playing #stage{cursor:default}.playing .hud{background:#18323e}
@media (min-width:1450px){#app{max-width:1450px}}
@media (max-height:800px) and (min-width:850px){.topbar{height:58px}.hud{height:68px}.footer{min-height:38px}#stage{max-height:calc(100dvh - 166px)}h1{font-size:min(7vw,85px);margin:19px 0}.intro{margin:12px 0 18px}.tagline{font-size:24px}.screen{padding:4% 7%}.shift-card{padding:13px 15px}.primary{padding:13px 20px}}
@media (pointer:coarse){.touch-controls{display:flex;justify-content:space-between;align-items:center;padding:9px 5px;min-height:105px}.keyboard-legend{display:none}.dpad{display:grid;grid-template-columns:48px 48px 48px;grid-template-rows:38px 38px;gap:5px}.dpad button{border:1px solid #526d77;background:#254653;border-radius:8px;color:#cce4df;font-size:17px}.up{grid-column:2}.left{grid-column:1;grid-row:2}.down{grid-column:2;grid-row:2}.right{grid-column:3;grid-row:2}.touch-right{display:flex;align-items:center;gap:10px}.touch-right button{border-radius:50%;width:70px;height:70px;border:1px solid #729295;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.touch-right span{font-size:26px;font-weight:800}.touch-right small{font-size:8px;letter-spacing:.7px}.touch-use{background:#243e4d}.touch-use span{font-size:10px;max-width:65px}.touch-pulse{background:#dbb179;color:#273f42}.touch-jump{background:#66d8bd;color:#103e43}.touch-controls button.pressed{filter:brightness(1.5);transform:scale(.94)}#stage{max-height:calc(100dvh - 290px)}.footer{min-height:33px}}
@media (max-width:850px){#app{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.topbar{height:54px}.brand{font-size:11px;letter-spacing:1px}.brand-icon{width:26px;height:26px}.edition{display:none}.hud{height:65px;gap:18px;padding:10px 14px}.zone-block{min-width:100px}.zone-block strong{font-size:16px}.stat strong{font-size:16px}.eyebrow{font-size:8px;letter-spacing:1px}.run-block{min-width:80px}.pulse-status{display:none}.screen{padding:5%;gap:20px}h1{font-size:70px;letter-spacing:-3px;margin:20px 0}.tagline{font-size:21px}.intro{font-size:11px}.shift-list{width:210px}.shift-card{padding:12px}.shift-card strong{font-size:13px}.shift-list>.eyebrow{font-size:7px}.overline{font-size:7px;letter-spacing:1px}.primary{min-width:170px;padding:13px 17px}.menu-links{font-size:8px}.footer{font-size:9px}.objective{font-size:10px}.keyboard-legend{font-size:8px}.keyboard-legend kbd{padding:2px;margin-left:3px;font-size:8px}.modal-box{padding:22px}.modal-box h2{font-size:25px}}
@media (max-width:600px) and (orientation:portrait){.topbar{height:60px}.hud{gap:13px;padding:12px 10px;height:67px}.zone-block{min-width:72px}.zone-block strong{font-size:14px}.life-stat strong{font-size:13px}.run-label{font-size:7px;letter-spacing:.4px}.run-label b{font-size:10px}.stat strong{font-size:14px}.brand-light{font-size:9px}.top-actions{gap:5px}.icon-btn{height:30px;min-width:30px;font-size:18px}.sound-state{display:none}#stage{aspect-ratio:4/5;max-height:none}.screen{flex-direction:column;align-items:flex-start;padding:8%;gap:12px;background:#0a202cde}.menu-panel{width:100%}h1{font-size:66px;margin:17px 0 15px}.tagline{font-size:22px}.intro{font-size:11px;line-height:1.5;margin:12px 0 18px}.shift-list{display:none}.menu-links{margin-top:15px}.rotate-hint{display:block;font-size:9px;color:var(--amber)}.footer{flex-wrap:wrap;gap:7px;padding:12px 0}.objective{font-size:10px}.touch-right{gap:7px}.touch-right button{width:57px;height:57px}.dpad{grid-template-columns:39px 39px 39px;grid-template-rows:34px 34px}.touch-controls{min-height:95px}.modal{padding:12px}.modal-box{padding:20px}.modal-box h2{font-size:23px}.control-grid{gap:8px;margin:15px 0}.control-grid div{padding:10px}.control-grid span{font-size:10px}.modal-box p{font-size:12px}.modal-actions{gap:8px}.modal-actions .primary{min-width:140px}.toast{font-size:10px;max-width:92%;top:8px;padding:8px}.playing #stage{aspect-ratio:16/10}.playing .play-shell{margin-top:5px}}
@media (max-height:530px) and (orientation:landscape){#app{height:100dvh;min-height:0;padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.topbar{height:38px;flex-shrink:0}.brand{font-size:10px}.brand-icon{width:22px;height:22px;font-size:24px}.top-actions .icon-btn{height:26px;min-width:29px;font-size:17px}.hud{height:45px;flex-shrink:0;gap:22px;padding:5px 14px}.zone-block{min-width:125px}.zone-block strong{font-size:13px;margin-top:3px}.eyebrow{font-size:7px}.stat strong{font-size:15px;margin-top:3px}.run-label{font-size:8px;margin-bottom:4px}.meter{height:5px}.play-shell{flex:1;min-height:0}.play-shell #stage{height:100%;width:100%;aspect-ratio:auto;max-height:none}.footer{min-height:22px;height:22px;flex-shrink:0}.objective{font-size:9px}.screen{padding:3% 6%;align-items:center}.overline{font-size:7px}h1{font-size:52px;margin:12px 0;line-height:.86}.tagline{font-size:17px;margin:0}.intro{font-size:10px;margin:10px 0;line-height:1.4}.primary{font-size:12px;min-width:170px;padding:10px 15px}.menu-links{margin-top:10px}.shift-list{width:220px;margin-bottom:0;align-self:center}.shift-card{padding:9px 11px;margin:6px 0}.shift-list p{font-size:8px;margin-top:7px}.shift-card div span{font-size:9px;margin-top:3px}.shift-list>.eyebrow{margin-bottom:8px}.modal{padding:10px}.modal-box{padding:18px;max-width:590px}.modal-box h2{font-size:22px;margin:8px 0}.modal-box p{font-size:11px;margin:8px 0;line-height:1.5}.control-grid{margin:12px 0;gap:8px}.control-grid div{padding:9px}.control-grid span{font-size:10px}.modal-actions{margin-top:13px}.result-score{font-size:30px}.toast{font-size:9px;padding:6px 12px;top:6px}}
@media (pointer:coarse) and (orientation:landscape) and (max-height:530px){.playing .play-shell{margin:0 125px}.touch-controls{position:fixed;left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));bottom:max(32px,env(safe-area-inset-bottom));padding:0;pointer-events:none;min-height:0}.touch-controls button{pointer-events:auto}.dpad{grid-template-columns:34px 34px 34px;grid-template-rows:36px 36px;gap:4px}.touch-right{width:118px;flex-wrap:wrap;justify-content:center;gap:6px}.touch-right button{width:53px;height:53px}.touch-right .touch-use{width:106px;height:32px;border-radius:8px;flex-direction:row;gap:7px}.touch-use small{font-size:7px}.touch-right span{font-size:22px}.touch-right .touch-use span{font-size:9px}.touch-right small{font-size:7px}.touch-controls{display:none}.playing .touch-controls{display:flex}.playing .footer{margin:0 125px}.pulse-status{display:none}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Scira branding, eight shifts and the night crew */
.brand-logo{width:93px;height:28px;object-fit:contain;background:#eff5ef;border-radius:5px;padding:2px}.hero-logo{display:block;width:174px;height:51px;object-fit:contain;padding:4px 10px;background:#eef5ee;border-radius:7px;margin-top:17px}h1{font-size:clamp(54px,6.8vw,92px);margin:18px 0}.competition-button{border:1px solid #3b5b64;background:#16323f;border-radius:7px;padding:9px 11px;font-size:10px;color:#c4d9d7;max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playing .competition-button{display:none}.edition{margin-right:5px}.start-options{display:flex;align-items:stretch;gap:13px}.quick-play{border:1px solid #50747c;background:#16333ee8;border-radius:8px;font-size:12px;padding:10px 14px;white-space:nowrap}.quick-play small{display:block;font-size:9px;color:#99b9be;margin-top:4px}.crew-card{padding:16px 17px;border-radius:11px;background:#183e48ed;border:1px solid #5c8a8d;margin-bottom:21px}.crew-card>strong{display:block;font-size:18px;margin:9px 0 12px;color:#ddf4e9;overflow-wrap:anywhere}.crew-card .eyebrow{font-size:8px}.crew-stats{display:flex;gap:25px;align-items:center}.crew-stats span{display:block;font-size:8px;letter-spacing:1px;color:#a1c6c6}.crew-stats b{display:block;font-size:20px;color:var(--teal);margin-top:5px}.crew-stats button{margin-left:auto;background:#315b63;border:0;border-radius:6px;width:30px;height:30px;color:#b9f6df;font-size:20px}.crew-card p{font-size:9px!important;line-height:1.5;margin:12px 0 0!important}.shift-list{width:310px;margin-bottom:0;align-self:center}#newShifts .shift-card{padding:8px 12px;margin:6px 0}#newShifts .shift-card strong{font-size:13px}#newShifts .shift-card div span{margin-top:3px}.shift-card{border-left:3px solid var(--shift-color,#67e1c2)}.shift-card b{color:var(--shift-color,#67e1c2)}.all-shifts{border:0;background:none;color:#c9e0da;font-size:11px;padding:10px 0}.shift-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.shift-picker .shift-card{padding:12px 10px;margin:0;gap:10px}.shift-picker .shift-card strong{font-size:13px}.shift-picker .shift-card div span{font-size:9px}.screen{padding:3.5% 6%}.screen .intro{margin-bottom:19px}.menu-links{flex-wrap:wrap;row-gap:9px}.signin-link{text-decoration:none;width:fit-content;margin:20px 0}.quiet-link{color:#a7cbd1;font-size:12px}.name-label{display:block;color:#d3e6df;font-size:12px;margin:20px 0 9px}#username{width:100%;font:17px Arial;color:#f1f7ef;background:#0c2533;border:1px solid #648a91;border-radius:7px;padding:13px;outline-offset:3px}.field-help{font-size:11px!important;margin-top:9px}.form-error{color:#ffb7a7!important;min-height:20px}.profile-stats{display:flex;gap:23px;margin:22px 0}.profile-stats span{display:block;font-size:9px;color:#9cbbc2;letter-spacing:1px}.profile-stats strong{display:block;font-size:25px;color:var(--teal);margin-top:8px}.board-tabs{display:flex;gap:8px;margin:18px 0}.board-tabs button{font-size:12px;background:#102a38;border:1px solid #52727b;border-radius:7px;padding:10px 16px}.board-tabs .active{background:var(--teal);border-color:var(--teal);color:#123b40;font-weight:800}.board-scroll{max-height:240px;overflow:auto;border:1px solid #355663;border-radius:8px}.leaderboard table{border-collapse:collapse;width:100%;font-size:12px;font-variant-numeric:tabular-nums}.leaderboard th,.leaderboard td{padding:13px 10px;text-align:right;border-bottom:1px solid #35505c}.leaderboard th:nth-child(2){text-align:left}.leaderboard thead th{font-size:8px;letter-spacing:1px;background:#102936;position:sticky;top:0;color:#a6c6cd}.leaderboard tbody th{font-weight:600;overflow-wrap:anywhere}.leaderboard tbody tr:first-child{color:#ffcf83}.leaderboard small{font-size:7px;background:#325960;padding:3px;border-radius:3px;margin-left:7px}.your-row{background:#28525c}.board-rules{font-size:11px!important;color:#99b7bf!important;line-height:1.6!important}.empty-board{text-align:center;padding:25px 10px;border:1px dashed #547a83;border-radius:10px}.empty-board>span{display:block;font-size:37px;color:var(--teal);font-weight:800;margin-bottom:13px}.empty-board strong{font-size:16px}.empty-board p{font-size:12px}.score-sync{font-size:12px!important;color:var(--teal)!important}.modal-box:has(.leaderboard){max-width:650px}.modal-box a:focus-visible,.modal-box input:focus-visible{outline:3px solid var(--amber)}
@media(max-width:1050px){.edition{display:none}.hero-logo{width:143px;height:42px}.crew-card{padding:12px;margin-bottom:13px}.crew-card>strong{font-size:15px;margin:7px 0}.crew-stats b{font-size:17px}.crew-card p{font-size:8px!important}.shift-list{width:265px}.screen .intro{font-size:11px}.screen h1{font-size:70px}.start-options .primary{min-width:165px}.menu-links{gap:10px}}
@media(max-height:800px) and (min-width:850px){.hero-logo{width:150px;height:44px;margin-top:13px}.screen h1{font-size:72px;margin:15px 0}.tagline{font-size:22px}.crew-card{padding:12px 15px;margin-bottom:13px}.crew-card p{font-size:8px!important}#newShifts .shift-card{padding:7px 10px;margin:5px 0}.crew-stats b{font-size:18px}}
@media(max-width:600px) and (orientation:portrait){.brand-light{display:none}.brand-logo{width:72px;height:25px}.top-actions{gap:4px}.competition-button{font-size:9px;padding:7px;max-width:97px}.topbar{gap:5px}.top-actions #fullscreen{display:none}.hero-logo{width:142px;height:42px;margin-top:9px}.screen h1{font-size:58px;margin:14px 0}.screen{padding:7%}.start-options{gap:9px}.start-options .primary{min-width:155px}.quick-play{font-size:11px;padding:9px 10px}.leaderboard th,.leaderboard td{padding:11px 6px;font-size:10px}.profile-stats{gap:17px}.profile-stats strong{font-size:21px}.shift-picker{grid-template-columns:1fr}.zone-block strong{font-size:11px;max-width:92px}}
@media(max-height:530px) and (orientation:landscape){.hero-logo{width:106px;height:31px;margin-top:8px}.screen h1{font-size:39px;margin:11px 0}.screen .overline,.screen .intro{display:none}.tagline{font-size:14px;line-height:1.2;margin-bottom:11px}.menu-links{margin-top:9px}.start-options{gap:8px}.start-options .primary{min-width:142px;padding:9px 12px;font-size:11px}.quick-play{font-size:10px;padding:7px 11px}.quick-play small{font-size:8px}.crew-card{padding:9px 12px;margin-bottom:9px}.crew-card>strong{font-size:12px;margin:6px 0}.crew-stats b{font-size:15px}.crew-stats span{font-size:7px}.crew-card #playerHint{display:none}.shift-list{width:250px}.shift-list>.eyebrow{font-size:6px}#newShifts .shift-card{padding:5px 8px;margin:4px 0}#newShifts .shift-card div span{display:none}#newShifts .shift-card strong{font-size:10px}.crew-stats button{width:24px;height:24px}.competition-button{padding:6px 9px;font-size:9px}.brand-logo{width:75px;height:24px}.board-scroll{max-height:150px}.board-rules{font-size:9px!important}.zone-block strong{font-size:12px}.shift-picker .shift-card{padding:9px}}

.publisher{font-size:10px;letter-spacing:.13em;color:#a3c9d2;margin:15px 0 0}.publisher strong{color:#e7f5ee}.legal-links{display:flex;gap:16px;flex-wrap:wrap;align-items:center;justify-content:center;font-size:11px;padding:14px 12px 20px;color:#94b0bb}.legal-links button{border:0;background:none;padding:4px;color:#bad5dc;text-decoration:underline;cursor:pointer}.playing .legal-links{display:none}.profile-tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.player-options{color:#c5ebe1;border:1px solid #44606b;background:#19323e;border-radius:6px;min-height:32px}.profile-tools button{font-size:12px}.modal-box{max-height:85vh;overflow:auto}#deleteConfirmation{font:inherit;padding:10px;background:#0d2430;border:1px solid #507080;border-radius:8px;color:white}body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}@media(max-height:600px) and (orientation:landscape){.publisher{margin:5px 0;font-size:8px}.legal-links{padding:4px;font-size:9px}}
/* Night crew account forms (added for the independent account system) */
.auth-form{margin:14px 0 4px}.field{display:block;margin:12px 0}.field span{display:block;color:#d3e6df;font-size:12px;margin-bottom:7px;letter-spacing:.3px}.field input,#username{width:100%;font:16px Arial,Helvetica,sans-serif;color:#f1f7ef;background:#0c2533;border:1px solid #648a91;border-radius:7px;padding:12px 13px;outline-offset:3px}.field input:focus-visible{outline:3px solid var(--amber)}.modal-box .link{border:0;background:none;padding:0;color:#8fe3cf;text-decoration:underline;font:inherit;font-size:inherit;cursor:pointer}.quiet{color:#9fbcc4}.hidden-list{list-style:none;padding:0;margin:14px 0}.hidden-list li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #35505c;font-size:14px}.hidden-list button{padding:8px 12px;font-size:12px}.report-reasons{display:grid;gap:8px;margin:14px 0}.report-reasons label{display:flex;gap:10px;align-items:center;font-size:13px;color:#c9dcdc;background:#102a38;padding:10px 12px;border-radius:8px;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.modal-actions .primary{min-width:0;gap:12px}
@media(max-height:530px) and (orientation:landscape){.field{margin:7px 0}.field input,#username{padding:8px 10px;font-size:14px}.auth-form{margin:6px 0 0}}
/* iOS/Android safe area: keep the top bar clear of the status bar and notch (portrait). */
#app{padding-top:max(0px,env(safe-area-inset-top))}
@media(max-height:530px) and (orientation:landscape){#app{padding-top:max(0px,env(safe-area-inset-top))}}

/* Seasonal shift cards */
.shift-card.seasonal{background:linear-gradient(90deg,#2a2440f0,#132e3ce8);border-color:var(--shift-color)}.shift-card.seasonal .shift-num{font-size:18px}