:root{color-scheme:light;--forest:#10241e;--forest-light:#1d3d31;--lime:#d8f36a;--paper:#f5f7f5;--ink:#162820;--muted:#627169;--line:#dfe6e0;--white:#fff;--red:#a43d36;--radius:20px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #85ab22;outline-offset:4px}button,input,select{min-height:48px}button{border:0}input,select{width:100%;border:1px solid #ccd7cf;border-radius:12px;padding:12px 14px;background:#fff;color:var(--ink)}input::placeholder{color:#84918a}input[aria-invalid=true]{border-color:var(--red)}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.9rem,4vw,2.9rem);letter-spacing:-.045em;line-height:1.15}h2{font-size:1.4rem;letter-spacing:-.03em}h3{font-size:1.05rem}p{line-height:1.65}svg{width:20px;height:20px;flex-shrink:0}header{background:var(--forest);color:#fff}.header-inner{max-width:1160px;margin:auto;min-height:88px;display:flex;align-items:center;gap:40px;padding:0 32px}.brand{display:flex;align-items:center;gap:12px;font-size:1.25rem;font-weight:750;letter-spacing:-.025em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--lime);color:var(--forest);border-radius:12px;font-size:1.4rem;font-weight:850}.nav{display:flex;gap:8px;margin-left:auto}.nav a{padding:12px 18px;border-radius:10px;font-size:.95rem;color:#bdcec5}.nav a.active{background:#294339;color:#fff}.logout{background:transparent;color:#b9cdc1;min-height:44px;padding:8px 12px;border-radius:10px;font-size:.9rem}.logout:hover,.nav a:hover{background:#294339;color:#fff}main{max-width:1160px;margin:auto;padding:44px 32px 68px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.eyebrow{display:block;color:var(--muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;font-weight:650;margin-bottom:12px}.subtext{color:var(--muted);margin-top:12px;max-width:620px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 21px;border-radius:12px;font-weight:650;line-height:1.35;transition:background .15s,transform .15s}.button:hover{transform:translateY(-1px)}.primary{background:var(--forest);color:var(--white)}.primary:hover{background:#244738}.lime{background:var(--lime);color:var(--forest)}.secondary{border:1px solid #ced8d0;background:#fff;color:var(--ink)}.quiet{background:transparent;color:var(--muted)}.danger{background:#f7e7e5;color:var(--red)}.small{min-height:40px;padding:8px 13px;font-size:.875rem}.game-card{background:var(--forest);border-radius:24px;display:grid;grid-template-columns:1.15fr 1fr;min-height:300px;overflow:hidden;color:#fff}.game-identity{padding:36px 42px;position:relative;border-right:1px solid #ffffff1a;display:flex;flex-direction:column;justify-content:space-between}.game-type{color:#bed0c5;display:flex;gap:8px;align-items:center;font-size:.95rem}.game-number{font-size:clamp(5rem,10vw,9rem);font-weight:800;letter-spacing:-.065em;line-height:1.05;color:var(--lime)}.game-action{padding:42px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:19px}.game-action h2{font-size:1.9rem;color:#fff}.game-action p{color:#c5d4cb;max-width:340px}.meta-chips{display:flex;gap:12px;font-size:.85rem;color:#c5d4cb;flex-wrap:wrap}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:36px 0 16px}.section-heading a{font-size:.9rem;color:var(--muted)}.surface{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px}.empty{display:flex;align-items:center;gap:16px;padding:27px;border:1px dashed #cbd7ce;border-radius:16px;color:var(--muted);background:#fafcf9}.empty-icon{width:45px;height:45px;background:#eaf0e9;border-radius:13px;display:grid;place-items:center}.empty h3{color:var(--ink);margin-bottom:5px}.empty p{font-size:.925rem}.continue{padding:22px 26px;margin-top:22px;display:flex;gap:20px;align-items:center;background:#eaf1dc;border:1px solid #d5e1bd;border-radius:18px}.continue-text{flex:1}.continue p{color:#536446;font-size:.925rem}.two-column{display:grid;grid-template-columns:1.55fr 1fr;gap:24px;align-items:start}.setup-row{display:grid;grid-template-columns:30px 1fr 42px;gap:12px;align-items:center;margin-bottom:14px}.player-index{color:var(--muted);font-size:.9rem;font-variant-numeric:tabular-nums}.remove{background:#f1f4f0;color:#68756b;border-radius:10px;min-height:42px;padding:10px}.remove svg{display:block}.form-label{display:block;font-size:.925rem;font-weight:650;margin-bottom:9px}.form-section{margin-bottom:26px}.helper{color:var(--muted);font-size:.9rem;margin-top:10px;line-height:1.6}.setup-title{margin-bottom:24px}.setup-summary{background:#eaf0e7;border-color:#dae4d5}.rule{display:flex;align-items:flex-start;gap:12px;margin-top:22px;color:#445548;font-size:.95rem;line-height:1.6}.rule svg{margin-top:3px;color:#477247}.setup-submit{width:100%;margin-top:12px}.error{color:var(--red);background:#faeeec;border:1px solid #efcfcb;border-radius:12px;padding:12px 15px;font-size:.925rem;line-height:1.5;margin-top:12px}.hidden{display:none!important}.backlink{display:inline-flex;gap:8px;align-items:center;color:var(--muted);font-size:.9rem;margin-bottom:20px}.board-heading{margin-bottom:24px}.board-heading h1{font-size:2.4rem}.board-meta{color:var(--muted);font-size:.95rem;margin-top:10px}.turn-banner{background:var(--forest);color:#fff;border-radius:20px;padding:25px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.turn-banner .eyebrow{color:#b5caba;margin-bottom:7px;font-size:.8rem}.starter-name{font-size:1.7rem;font-weight:750;letter-spacing:-.025em;overflow-wrap:anywhere}.round-pill{background:var(--lime);color:var(--forest);padding:12px 18px;border-radius:12px;font-weight:700;white-space:nowrap}.turn-next{color:#b5caba;font-size:.875rem;margin-top:5px}.scoreboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:14px;margin-bottom:24px}.score-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:19px 21px;position:relative}.score-card.leading{border-color:#96b169;box-shadow:0 0 0 1px #96b169}.score-card .name{font-weight:650;overflow-wrap:anywhere;padding-right:30px}.score-card .total{font-size:2.7rem;line-height:1.3;letter-spacing:-.045em;font-weight:750;font-variant-numeric:tabular-nums;margin-top:9px}.points-label{color:var(--muted);font-size:.85rem}.leader-tag{position:absolute;right:15px;top:18px;color:#55722e}.leader-tag svg{width:18px}.negative{color:var(--red)}.current-tag{display:inline-flex;font-size:.78rem;border-radius:6px;padding:3px 7px;margin-top:12px;background:#eaf1da;color:#506b30}.score-entry{margin-bottom:24px}.entry-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}.entry-heading span{color:var(--muted);font-size:.9rem}.score-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.score-inputs input{font-size:1.45rem;font-weight:600;font-variant-numeric:tabular-nums;min-height:62px;letter-spacing:-.03em}.score-inputs label{overflow-wrap:anywhere}.entry-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px}.entry-footer p{font-size:.875rem;color:var(--muted);line-height:1.5}.scroll-table{position:relative;overflow-x:auto;overscroll-behavior-x:contain}.table-surface{padding:0;overflow:hidden}.table-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:23px 26px;border-bottom:1px solid var(--line)}table{border-collapse:collapse;width:100%;text-align:left;font-size:.925rem}th{background:#f8faf7;color:var(--muted);font-weight:550;font-size:.85rem}th,td{padding:17px 22px;border-bottom:1px solid #eaf0e9;white-space:nowrap}tbody tr:last-child td{border-bottom:0}.num{text-align:right;font-variant-numeric:tabular-nums;font-weight:650}.table-player{max-width:200px;overflow:hidden;text-overflow:ellipsis}.round-cell{font-weight:700}td small{display:block;color:var(--muted);font-size:.8rem;font-weight:450;margin-top:3px}.result-date{font-size:.95rem;color:var(--muted);margin-top:11px}.result-head{text-align:center;margin:8px 0 32px}.result-head .eyebrow{margin-bottom:13px}.result-head h1{font-size:2.8rem}.podium{display:flex;justify-content:center;align-items:flex-end;gap:14px;max-width:820px;margin:0 auto 28px}.podium-place{flex:1;min-width:0;text-align:center;display:flex;flex-direction:column}.podium-place.rank-1{order:2}.podium-place.rank-2{order:1}.podium-place.rank-3{order:3}.podium-name{font-weight:750;font-size:1.2rem;margin-bottom:6px;overflow-wrap:anywhere}.podium-points{font-size:1rem;color:var(--muted);margin-bottom:17px}.podium-block{min-height:135px;background:#e4eae2;border-radius:16px 16px 0 0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px;gap:8px;font-size:2.6rem;font-weight:800;color:#63725e}.rank-1 .podium-block{min-height:190px;background:var(--forest);color:var(--lime)}.rank-2 .podium-block{min-height:155px;background:#dfe8d8}.podium-block small{font-size:.85rem;font-weight:600;letter-spacing:0}.result-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:28px 0}.saved-note{display:flex;align-items:center;justify-content:center;gap:8px;color:#55723d;font-size:.95rem;margin:16px 0}.result-ranking{max-width:820px;margin:auto}.winner-text{color:var(--muted);font-size:.95rem;margin-top:11px}.rank-name{display:flex;align-items:center;gap:12px;min-width:0}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#edf2e8;color:#49603b;font-weight:700;flex-shrink:0}.history-list{display:grid;gap:12px}.history-item{display:flex;align-items:center;gap:20px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 24px}.history-item:hover{border-color:#9caf98;background:#fbfcf8}.history-game{width:60px;height:60px;border-radius:15px;display:grid;place-items:center;background:#eaf0df;color:#334c2d;font-weight:800;font-size:1.3rem}.history-body{flex:1;min-width:0}.history-title{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.history-title span{font-size:.85rem;color:var(--muted)}.history-body p{font-size:.925rem;color:var(--muted);margin-top:7px;overflow-wrap:anywhere}.history-winner{text-align:right}.history-winner strong{display:block;font-size:1.05rem;overflow-wrap:anywhere;max-width:230px}.history-winner span{display:block;color:var(--muted);font-size:.85rem;margin-top:4px}.date-group{font-size:.95rem;color:var(--muted);margin:18px 0 1px}.login-wrap{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}.login-intro{background:var(--forest);color:#fff;padding:48px 64px;display:flex;flex-direction:column}.login-intro .brand{align-self:flex-start}.login-copy{margin:auto 0;padding:60px 0}.login-copy .eyebrow{color:#a6c3b3}.login-copy h1{font-size:clamp(2.6rem,5vw,4.8rem);max-width:500px;letter-spacing:-.055em;line-height:1.1}.login-copy h1 span{color:var(--lime)}.login-copy p{color:#bed0c4;max-width:400px;font-size:1.05rem;margin-top:25px}.login-bottom{font-size:.9rem;color:#a5bdae}.login-form-wrap{display:flex;align-items:center;justify-content:center;padding:40px}.login-form{width:100%;max-width:365px}.login-form h2{font-size:1.9rem;margin-bottom:12px}.login-form>p{color:var(--muted);margin-bottom:28px;font-size:.95rem}.login-form .button{width:100%;margin-top:17px}.password-field{position:relative}.password-field input{padding-right:50px}.password-toggle{position:absolute;right:4px;top:4px;min-height:40px;width:40px;border-radius:8px;display:grid;place-items:center;background:transparent;color:var(--muted)}.login-small{margin-top:24px!important;font-size:.85rem!important}.loading{min-height:70dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;color:var(--muted)}#toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:var(--forest);color:#fff;border-radius:12px;padding:13px 22px;box-shadow:0 12px 40px #0002;max-width:calc(100% - 32px);z-index:20;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;font-size:.925rem}#toast.visible{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid var(--line);border-radius:20px;padding:28px;width:calc(100% - 32px);max-width:470px;color:var(--ink);box-shadow:0 20px 90px #0003}dialog::backdrop{background:#081b136b;backdrop-filter:blur(3px)}dialog h2{margin-bottom:12px}dialog p{color:var(--muted);font-size:.95rem}dialog .actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}dialog .score-inputs{grid-template-columns:repeat(2,1fr);margin-top:20px}.storage-warning{background:#fff3d7;border:1px solid #e7d59c;padding:14px 20px;border-radius:12px;margin-bottom:20px;color:#745c24;font-size:.925rem;line-height:1.6}.footer-note{color:var(--muted);font-size:.85rem;text-align:center;margin-top:34px}.nowrap{white-space:nowrap}.mobile-only{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:800px){.header-inner{padding:0 22px;gap:18px;min-height:76px}main{padding:32px 22px 48px}.nav{gap:4px}.nav a{padding:10px 13px}.two-column{grid-template-columns:1fr}.setup-summary{order:2}.game-identity{padding:30px}.game-action{padding:30px}.game-number{font-size:7rem}.login-intro{padding:34px}.login-copy h1{font-size:3.5rem}.login-form-wrap{padding:32px}.scoreboard{grid-template-columns:repeat(3,1fr)}.score-card{padding:17px}.score-card .total{font-size:2.4rem}.history-winner strong{max-width:160px}}
@media(max-width:560px){.header-inner{padding:14px 18px;flex-wrap:wrap;gap:10px;min-height:auto}.brand{font-size:1.1rem}.brand-mark{width:32px;height:32px;border-radius:10px;font-size:1.2rem}.nav{order:3;width:100%;gap:5px;margin-top:5px}.nav a{flex:1;text-align:center;font-size:.9rem;padding:11px}.logout{margin-left:auto;font-size:.85rem;padding:6px 9px}main{padding:27px 18px 42px}.page-heading{align-items:flex-start;gap:15px;margin-bottom:23px}.page-heading h1{font-size:2rem}.eyebrow{font-size:.78rem;margin-bottom:9px}.subtext{font-size:.95rem}.game-card{grid-template-columns:1fr;min-height:0;border-radius:20px}.game-identity{border-right:0;border-bottom:1px solid #ffffff1a;padding:24px;gap:20px}.game-number{font-size:6.7rem;line-height:.95}.game-action{padding:25px;gap:16px}.game-action h2{font-size:1.5rem}.game-action p{font-size:.95rem}.game-action .button{width:100%}.section-heading{margin-top:29px}.section-heading h2{font-size:1.2rem}.empty{padding:22px 18px;gap:12px}.empty-icon{display:none}.continue{padding:20px;align-items:flex-start;flex-direction:column;gap:14px}.continue .button{width:100%}.surface{padding:22px 19px}.setup-row{grid-template-columns:24px 1fr 40px;gap:9px}.board-heading h1{font-size:2rem}.board-heading>.button{font-size:.85rem;padding:10px 13px;min-height:44px}.board-meta{font-size:.85rem}.turn-banner{padding:22px 20px;gap:12px}.starter-name{font-size:1.4rem}.round-pill{font-size:.85rem;padding:11px 12px}.turn-next{font-size:.8rem}.scoreboard{grid-template-columns:repeat(2,1fr);gap:10px}.score-card{padding:15px}.score-card .name{font-size:.95rem}.score-card .total{font-size:2.4rem}.current-tag{font-size:.75rem}.entry-heading{align-items:flex-start;flex-direction:column;gap:7px}.score-inputs{grid-template-columns:repeat(2,1fr);gap:14px}.entry-footer{flex-direction:column;align-items:stretch;gap:15px}.entry-footer .button{width:100%}.entry-footer p{font-size:.85rem}.table-surface{padding:0}.table-top{padding:20px 18px}.table-top h2{font-size:1.15rem}th,td{padding:15px 16px;font-size:.875rem}.table-top .button{font-size:.8rem;padding:8px 11px}.result-head{margin:4px 0 28px}.result-head h1{font-size:2.1rem}.result-date{font-size:.875rem}.podium{gap:8px}.podium-name{font-size:.95rem}.podium-points{font-size:.875rem;margin-bottom:12px}.podium-block{padding:12px 8px;min-height:110px;font-size:2.2rem}.rank-2 .podium-block{min-height:135px}.rank-1 .podium-block{min-height:165px}.podium-block small{font-size:.75rem}.result-actions .button{flex:1;padding:12px 15px;font-size:.9rem}.result-actions .quiet{flex-basis:100%}.history-item{padding:19px 17px;gap:13px;flex-wrap:wrap}.history-game{width:48px;height:48px;font-size:1.1rem;border-radius:12px}.history-body{min-width:180px}.history-title{gap:7px}.history-body p{font-size:.875rem}.history-winner{margin-left:61px;text-align:left;width:calc(100% - 61px)}.history-winner strong{font-size:.95rem;max-width:none}.history-winner span{display:inline}.login-wrap{display:flex;flex-direction:column;min-height:100dvh}.login-intro{padding:26px 26px 32px}.login-copy{padding:36px 0 0}.login-copy h1{font-size:2.7rem;max-width:350px}.login-copy p{font-size:.95rem;margin-top:18px}.login-bottom{display:none}.login-form-wrap{padding:32px 26px;flex:1}.login-form h2{font-size:1.6rem}.login-form>p{margin-bottom:22px}.login-small{margin-top:20px!important}dialog{padding:23px}.footer-note{margin-top:28px}}
.empty-rounds{padding:20px 26px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Rules and card scoring */
.point-rules{border:1px solid var(--line);border-radius:14px;padding:16px;margin:24px 0}.point-rules summary,.rule-summary summary{cursor:pointer;font-weight:650;min-height:30px}.point-rules summary span{font-size:.85rem;font-weight:450;color:var(--muted);margin-left:8px}.rules-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.rules-grid input{font-size:1rem;padding:10px;min-height:44px}.rules-grid label{margin-bottom:0}.point-rules>.form-label{margin-top:18px}.point-rules>.button{margin-top:10px}.rule-summary{margin:20px 0;padding:15px 18px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:.9rem}.rule-summary p{color:var(--muted);margin-top:10px}.score-inputs{grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:22px}.player-entry{min-width:0}.point-field{display:flex;gap:8px;align-items:center}.point-field input{min-width:0}.camera-button{height:62px;min-width:52px;display:grid;place-items:center;border:1px solid #ccd7cf;border-radius:12px;background:#eff4e9;color:var(--forest)}.camera-button:hover{background:#e1edcf}.camera-button svg{width:23px;height:23px}.check-label{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;line-height:1.5;font-weight:450}.check-label input[type=checkbox]{width:19px;height:19px;min-height:19px;flex:0 0 19px;margin:2px 0 0;accent-color:var(--forest);padding:0;border-radius:4px}.penalty-label{margin:12px 0 0;font-size:.8rem;color:var(--muted)}.penalty-label strong{font-weight:550}.score-inputs .penalty-label input{font-size:1rem;min-height:19px}.score-preview{font-variant-numeric:tabular-nums;margin-top:8px;font-size:.85rem;min-height:22px}
/* Local photo scanner */
#scanner-dialog{max-width:760px;max-height:90dvh;overflow-y:auto;padding:28px}.scanner-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.scanner-heading .eyebrow{margin-bottom:5px}.scanner-heading h2{margin-bottom:8px;overflow-wrap:anywhere}.scanner-intro{font-size:.875rem!important}.scan-tabs{display:flex;gap:8px;margin:22px 0 16px}.scan-tabs button{flex:1;border:1px solid var(--line);background:#f5f7f3;color:var(--muted);border-radius:12px;font-size:.9rem;padding:10px}.scan-tabs button[aria-selected=true]{background:var(--forest);color:#fff;border-color:var(--forest)}.scan-zone{padding:18px;border:1px solid var(--line);border-radius:16px;background:#fafcf8}.scan-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.scan-tools .helper{margin-top:0;font-size:.8rem;flex:1;min-width:150px}.scan-photo{margin:16px 0;max-height:420px;overflow:auto;border-radius:10px;background:#17231b}.scan-photo canvas{display:block;width:100%;height:auto}.scan-photo canvas.marking{cursor:crosshair;touch-action:none}.scan-list-heading{display:flex;justify-content:space-between;gap:12px;margin:20px 0 12px;font-size:.9rem}.scan-list-heading span{color:var(--muted);font-variant-numeric:tabular-nums}.scan-card-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.scan-card{display:flex;gap:10px;align-items:center;min-width:0;border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px}.scan-card.uncertain{border-color:#d7aa54;background:#fffaf0}.scan-card>div{min-width:0;flex:1}.scan-card label{font-size:.78rem;font-weight:550;display:block;margin-bottom:5px}.scan-card select{font-size:.85rem;min-height:42px;padding:8px}.scan-card img{width:40px;height:56px;object-fit:contain;flex-shrink:0;border-radius:4px}.scan-card .button{padding:7px;font-size:.75rem}.card-placeholder{display:grid;place-items:center;width:30px;color:#87917f}.scan-verify{border-top:1px solid var(--line);margin-top:12px;padding-top:15px}.scan-calculation{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:20px 0}.scan-calculation>div{background:#eff4e9;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:4px;font-variant-numeric:tabular-nums}.scan-calculation span{font-size:.75rem;color:var(--muted)}.scan-calculation strong{font-size:1.2rem}.reference-choice{font-size:.8rem;color:var(--muted);margin-top:14px}.scan-privacy{font-size:.8rem!important;margin-top:15px}.scan-status{padding:15px;border-radius:10px;background:#eaf1da;margin-top:12px}.scan-zone>.button{margin-top:8px}
@media(max-width:560px){.rules-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.score-inputs{grid-template-columns:1fr;gap:22px}.player-entry .form-label{margin-bottom:8px}.penalty-label{font-size:.85rem}dialog .score-inputs{grid-template-columns:1fr}#scanner-dialog{padding:20px 16px;width:calc(100% - 16px);max-height:94dvh}.scan-zone{padding:14px 11px}.scan-card-list{grid-template-columns:1fr}.scan-calculation{grid-template-columns:repeat(2,1fr);padding:16px 0}.scan-calculation strong{font-size:1.1rem}.scan-tools .button{font-size:.8rem;padding:8px 10px}.scan-photo{max-height:340px}#scanner-dialog .actions{gap:8px}#scanner-dialog .actions .button{flex:1;font-size:.85rem;padding:11px}.point-rules summary span{display:block;margin:5px 0 0 20px}}
/* Online 500 */
.mode-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px}.game-action small{color:#c5d4cb;font-size:.8rem;line-height:1.5}.game-action .secondary{background:transparent;color:#fff;border-color:#8a9f8b}.online-hub .form-section{margin-top:20px}.online-rule-list{display:grid;gap:12px;margin:18px 0 22px}.online-rule{padding:12px;border:1px solid var(--line);border-radius:12px;background:#f8faf6}.online-rule.main-rule{background:#eef4e5;border-color:#d2dfc3}.online-rule strong{display:block;font-size:.9rem}.online-rule small{display:block;font-size:.8rem;color:var(--muted);margin-top:4px}.online-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.online-settings-grid input,.online-settings-grid select{margin-top:8px}.online-rule-summary{list-style:none;padding:0;margin:16px 0}.online-rule-summary li{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:9px 0}.online-rule-summary strong{white-space:nowrap}.room-code-input{letter-spacing:.15em;text-transform:uppercase;font-weight:700;font-variant-numeric:tabular-nums}.online-room-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.online-room-link{padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;gap:6px}.online-room-link strong{letter-spacing:.1em}.online-room-link span{color:var(--muted);font-size:.85rem}.online-invite{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;background:#edf3e2;border-color:#d5e2c4}.invite-code{font-size:2rem;letter-spacing:.12em;font-variant-numeric:tabular-nums}.online-invite .eyebrow{margin-bottom:7px}.lobby-players{list-style:none;padding:0;margin:22px 0}.lobby-players li{display:flex;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.lobby-name{flex:1;min-width:0;font-weight:650;overflow-wrap:anywhere}.lobby-name small{display:block;font-size:.8rem;color:var(--muted);font-weight:400;margin-top:3px}.ready-label{color:var(--muted);font-size:.8rem}.ready-label.is-ready{color:#386521;background:#edf5dd;border-radius:7px;padding:5px 8px}.connection-status{font-size:.85rem}#online-notice:empty{display:none}#online-notice{margin-bottom:20px}#online-notice .button{margin-top:10px}.hand-count{color:var(--muted);font-size:.8rem;line-height:1.7;margin-top:10px}.online-scoreboard{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.online-table{background:#eaf0e7;margin-bottom:24px;border-color:#d4dfcd}.table-topline{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.table-topline>.helper{margin-top:0}.draw-piles{display:grid;grid-template-columns:.85fr 1.15fr;gap:20px;border-bottom:1px solid #ccd9c4;padding-bottom:25px;margin-bottom:25px}.draw-pile{display:flex;gap:16px;align-items:center;min-width:0}.draw-pile>div>strong,.draw-pile small{display:block}.draw-pile>div>small{color:var(--muted);font-size:.8rem;margin:6px 0 9px}.pile-buttons{display:flex;flex-wrap:wrap;gap:7px}.playing-card,.card-back,.empty-card-slot{width:72px;height:104px;flex:0 0 72px;position:relative;border-radius:8px;background:#fff;border:1px solid #bac8b6;box-shadow:0 3px 6px #1b301110;color:#172920;padding:0;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;user-select:none;min-height:0}.playing-card.red-card{color:#b2453e}.card-corner{position:absolute;left:7px;top:5px;display:flex;flex-direction:column;align-items:center;line-height:1.1;font-weight:750;font-size:1rem}.card-corner small{font-size:.85rem}.card-corner.bottom{inset:auto 7px 5px auto;transform:rotate(180deg)}.card-pip{font-family:Georgia,serif;font-size:2rem;line-height:1}.card-back{background:repeating-linear-gradient(45deg,#244b3c 0 4px,#315442 4px 6px);border:4px solid white;outline:1px solid #aebb9f}.card-back span{display:grid;place-items:center;width:34px;height:40px;border:1px solid #d8f36a70;border-radius:10px;color:var(--lime);font-size:1.5rem;font-weight:750}.empty-card-slot{border:1px dashed #9faf98;background:transparent;color:var(--muted);font-size:.85rem}.joker-word{font-size:.5rem;letter-spacing:.07em;left:5px;top:6px}.joker-symbol{width:36px;height:50px}.joker-as{position:absolute;left:5px;bottom:5px;display:flex;flex-direction:column;align-items:center;gap:1px;text-align:center;font-size:.9rem;font-weight:750;line-height:1;width:auto;min-width:1em;background:#fff}.joker-as .joker-suit{font-family:Georgia,serif;font-size:1.1em}.meld-list{display:grid;gap:17px}.table-meld{border:1px solid #cfdbc7;border-radius:14px;background:#f7faf4;padding:16px;min-width:0}.meld-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.meld-heading strong{font-size:.9rem}.meld-heading small{display:block;color:var(--muted);font-size:.75rem;margin-top:3px}.meld-heading .button{font-size:.8rem;padding:7px 10px}.meld-cards{display:flex;gap:8px;max-width:100%;overflow-x:auto;padding:4px 2px 6px;overscroll-behavior-x:contain}.table-card-wrap{flex:0 0 62px;min-width:0}.table-card-wrap .playing-card{width:62px;height:90px}.table-card-wrap>small{display:block;text-align:center;font-size:.65rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:6px;color:var(--muted)}.table-card-wrap button:disabled{opacity:1;cursor:default}.table-card-wrap button:not(:disabled){outline:2px solid #749745;outline-offset:1px}.empty-table{padding:12px 2px;margin:0}.own-hand{margin-bottom:24px}.hand-sort{display:flex;align-items:center;gap:10px;font-size:.8rem;color:var(--muted)}.hand-sort select{width:110px;min-height:40px;padding:7px 10px;font-size:.85rem}.hand-cards{display:flex;flex-wrap:wrap;gap:9px;padding-top:8px}.hand-cards .playing-card{transition:transform .15s,box-shadow .15s;touch-action:manipulation}.hand-cards .playing-card.selected{transform:translateY(-6px);border-color:#627f24;box-shadow:0 0 0 3px var(--lime),0 5px 12px #1b301125}.hand-cards .playing-card.must-use{outline:2px dashed #bd6b24;outline-offset:2px}.hand-actions{border-top:1px solid var(--line);padding-top:18px;margin-top:24px;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center}.hand-actions .helper{margin:0}.rommy-banner{background:var(--lime);border-radius:12px;padding:15px 18px;margin-bottom:20px}.rommy-banner p{font-size:.85rem;line-height:1.5;margin-top:6px}.online-log{padding-left:22px;color:var(--muted);line-height:1.8;margin-bottom:0}.online-log li{padding:3px 0}.joker-declaration{border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.joker-declaration legend{font-size:.85rem;font-weight:700;padding:0 7px}.joker-declaration label{margin:0}#online-dialog{max-width:680px;max-height:90dvh;overflow-y:auto}#online-dialog form>.form-label{margin-top:18px}#online-dialog .actions{flex-wrap:wrap}#online-dialog .online-rule-list{gap:9px}
@media(max-width:800px){.draw-piles{grid-template-columns:1fr;gap:23px}.online-scoreboard{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.game-action .mode-actions{width:100%;gap:10px}.online-settings-grid{grid-template-columns:1fr 1fr}.online-invite{flex-direction:column;align-items:flex-start;gap:15px;padding:20px}.invite-code{font-size:1.75rem}.online-scoreboard{grid-template-columns:repeat(2,minmax(0,1fr))}.online-scoreboard .total{font-size:2.1rem}.online-scoreboard .name{font-size:.9rem;padding-right:0}.online-scoreboard .hand-count{font-size:.75rem}.lobby-players li{gap:9px;flex-wrap:wrap}.lobby-players .button{min-height:32px;font-size:.75rem;padding:5px 8px}.online-table{padding:19px 13px}.draw-pile{gap:14px}.draw-pile .button{font-size:.8rem;padding:8px 11px}.draw-pile .playing-card,.draw-pile .card-back,.draw-pile .empty-card-slot{width:65px;flex-basis:65px;height:96px}.meld-heading{align-items:flex-start;flex-wrap:wrap}.table-meld{padding:12px}.meld-cards{gap:6px}.table-topline{align-items:flex-start;flex-wrap:wrap;gap:12px}.hand-sort{gap:7px;margin-left:auto}.hand-cards{gap:8px}.hand-cards .playing-card{width:calc((100% - 32px)/5);flex-basis:calc((100% - 32px)/5);height:88px}.hand-cards .card-corner{font-size:.85rem;left:5px}.hand-cards .card-corner.bottom{left:auto;right:5px}.hand-cards .card-pip{font-size:1.55rem}.hand-cards .joker-word{font-size:.4rem}.hand-actions{align-items:stretch;flex-direction:column}.hand-actions .button{font-size:.8rem;padding:10px 11px;flex:1}.hand-actions .mode-actions{width:100%}.own-hand{padding:20px 16px}.rommy-banner{padding:13px}.online-rule-summary{font-size:.8rem}.online-rule-summary li{gap:10px}.online-room-links{grid-template-columns:1fr}#online-dialog{width:calc(100% - 18px);padding:21px 17px;max-height:94dvh}}

/* Keep focus visible without crossing adjacent labels or controls. */
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #789d21;outline-offset:1px}
main{max-width:1440px}
html{scroll-padding-top:100px}
.game-header{position:sticky;top:0;z-index:40}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}

/* Shuffora identity: wordmark on regular pages, cards only at a playing table. */
.site-header,.offline-header{background:#fff;color:#192d23;box-shadow:0 1px 0 #dfe7dd}
.site-header .header-inner,.offline-header .header-inner{max-width:1440px;min-height:102px}
.brand .brand-wordmark{display:block;width:250px;max-width:100%;height:auto}
.site-header .brand,.offline-header .brand{flex:none;max-width:calc(100% - 100px)}
.site-header .site-navigation a{color:#42574b}
.site-header .site-navigation a:hover,.site-header .site-navigation a.active{background:#edf3e8;color:#183626}
.site-header .site-navigation a.lime{color:#193b29}
.site-header .site-navigation .logout{color:#193b29;background:#edf3e8;border-color:#dfe7dd}
.site-header .header-inner:not(.game-header-inner) .site-navigation{border-top-color:#dfe7dd}
.offline-header .offline-online-link{color:#42574b}
.account-login .login-intro .brand{background:transparent;border-radius:0;padding:0}
.game-header .brand>span:not(.brand-mark):not(.sr-only){display:none}
.game-header .brand .brand-mark{display:block;background:transparent url('/assets/shuffora-icon-192.png?v=32') center/contain no-repeat;color:transparent;border-radius:0;font-size:0;flex:none}
.brand-loading-icon{display:block;width:64px;height:64px;object-fit:contain}
/* Equal side tracks keep status and timers at the viewport's geometric centre. */
body:is(.online-game-mode,.classic-table-mode,.solo-game-mode) .game-header .header-inner.game-header-inner{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr)}
.game-header-inner>.game-header-brand,.game-header-inner>.solo-header-brand{min-width:0}
.game-header-inner>.table-turn,.game-header-inner>.solo-header-progress{width:100%;min-width:0;justify-self:center}
.game-header-inner>.table-tools,.game-header-inner>.classic-header-tools,.game-header-inner>.solo-tools{justify-self:end;min-width:0}
.game-header .header-room,.game-header .classic-header-status,.game-header .solo-header-game{min-width:0}
.game-header .header-room small,.game-header .classic-header-status small,.game-header .solo-header-game small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.postgame-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;align-items:stretch;width:100%;margin:24px auto}
.postgame-actions>.button{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:56px;min-height:56px;padding:8px 14px;text-align:center;font-size:.9rem;line-height:1.25}
.postgame-actions>.helper{grid-column:1/-1;margin:0;text-align:center}
@media(max-width:560px){
 .site-header .header-inner,.offline-header .header-inner{min-height:88px;padding-top:10px;padding-bottom:10px}
 .brand .brand-wordmark{width:200px}
 .postgame-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
 .postgame-actions>.button{font-size:.82rem;padding-inline:10px}
}
@media(max-width:360px){.brand .brand-wordmark{width:176px}}

/* Readable legal information, using the same section rhythm as the rest of the site. */
.privacy-page{max-width:880px;margin:0 auto}
.privacy-page>.surface{margin-top:24px;padding:30px 32px}
.privacy-page h2{font-size:1.25rem;line-height:1.35;margin-bottom:16px}
.privacy-page p{line-height:1.8;font-size:.94rem;overflow-wrap:anywhere}
.privacy-page p+p{margin-top:18px}
.privacy-page a{color:#2f6349;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;overflow-wrap:anywhere}
.privacy-page a[href^="tel:"]{white-space:nowrap}
.privacy-page a:hover{color:#163c28}
.site-header .site-navigation .logout{background:#fff0ee;color:#982b29;border:1px solid #edc8c3;border-radius:11px;padding:11px 15px;font-weight:650}
.site-header .site-navigation .logout:hover{background:#fce1de;border-color:#d99b93;color:#79221f}
.site-header .site-navigation .logout:focus-visible{outline-color:#b14a40}
.section-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:-2px 0 27px;padding-bottom:13px;border-bottom:1px solid var(--line)}
.section-tabs a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:10px;color:var(--muted);font-weight:650;font-size:.9rem}
.section-tabs a:hover{background:#eaf0e5;color:var(--ink)}
.section-tabs a.active{background:var(--forest);color:#fff}
.section-tabs a:focus-visible{outline:3px solid #85ab22;outline-offset:3px}
.login-language{display:flex;justify-content:center;gap:9px;margin-top:24px;padding-top:19px;border-top:1px solid var(--line)}
.login-language button{padding:8px 15px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--muted);font-size:.85rem;min-height:42px}
.login-language button[aria-pressed=true]{background:#eaf1df;color:var(--forest);border-color:#c4d5af;font-weight:650}
.language-settings-card select{max-width:320px}
.language-settings-card .helper{margin:12px 0 0}
@media(max-width:560px){.section-tabs{margin-bottom:22px;gap:6px}.section-tabs a{flex:1;padding:10px 12px;font-size:.85rem}.site-navigation .logout{padding:11px 15px;margin-left:0;justify-content:center}.login-language{margin-top:20px}}
.privacy-page .page-heading{margin-bottom:30px}
.privacy-page .page-heading .helper{margin-top:15px;font-size:.8rem}
@media(max-width:560px){.privacy-page>.surface{padding:23px 20px;margin-top:20px}.privacy-page h2{font-size:1.1rem}.privacy-page p{font-size:.9rem;line-height:1.75}.privacy-page p+p{margin-top:15px}}