@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#2d352e;background:#f8f9f5;font-synthesis:none;font-weight:400;--green: #245d48;--muted: #81867d;--border: #e6e9df;--orange: #ca774e}*{box-sizing:border-box}body{margin:0;min-height:100dvh}button,input{font:inherit}button{cursor:pointer}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{color:inherit}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible{outline:3px solid #ca9862;outline-offset:3px}button{transition:background .18s,transform .18s}button:active:not(:disabled){transform:translateY(1px)}button svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:Manrope,sans-serif}h1{font-size:35px;line-height:1.3;letter-spacing:-1.3px;font-weight:750}h2{font-size:19px;letter-spacing:-.5px}button{border:0;background:none}input{min-width:0}strong{font-weight:650}.header{background:#fffefa;border-bottom:1px solid var(--border)}.header-inner{max-width:1160px;margin:auto;min-height:86px;padding:0 36px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;font-size:33px;font-weight:800;letter-spacing:-1.8px;padding:0}.brand-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:var(--green);color:#fffdef;margin-right:10px}.brand-period{color:var(--orange)}.desktop-nav{display:flex;gap:10px}.desktop-nav button{display:flex;gap:9px;align-items:center;font-size:13px;font-weight:600;padding:12px 17px;border-radius:8px;color:#7b8177}.desktop-nav button.selected{background:#edf2e9;color:var(--green)}.desktop-nav button:hover{background:#f0f3eb}.header-end{display:flex;align-items:center;gap:20px}.local-label{font-size:11px;color:#83887e;display:flex;gap:7px;align-items:center}.local-label>span{background:#789569;width:6px;height:6px;border-radius:50%}.icon-button{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px}.icon-button:hover{background:#eef0e8}.settings-button{border:1px solid var(--border);border-radius:50%}main{max-width:1160px;margin:auto;padding:43px 36px 0;min-height:calc(100dvh - 86px)}.page-heading{margin-bottom:29px;position:relative}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.65px;color:#819076;display:flex;align-items:center;gap:8px;margin-bottom:12px}.tiny-line{display:inline-block;width:19px;height:2px;background:#8e9d7c}.page-heading p{font-size:14px;color:var(--muted);margin-top:10px;line-height:1.6}.heading-doodle{position:absolute;right:15px;top:21px;color:#c4945b;transform:rotate(10deg)}.mobile-break{display:none}.hero{position:relative;overflow:hidden;background:#245d48;border-radius:15px;min-height:322px;color:#fffced;display:grid;grid-template-columns:1.1fr 1fr}.hero-content{padding:33px 38px;z-index:1}.hero-label{display:flex;align-items:center;gap:7px;color:#ceddc0;letter-spacing:1.9px;font-size:9px;font-weight:600;margin-bottom:15px}.hero-label>span{width:6px;height:6px;background:#d6c97f;border-radius:50%}.hero h2{font-size:34px;line-height:1.23;letter-spacing:-1px;font-weight:650}.hero p{font-size:12px;line-height:1.8;color:#c1d0bd;max-width:315px;margin:13px 0 23px}.button{min-height:45px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:8px;font-size:12px;font-weight:650;padding:11px 18px}.primary{background:var(--green);color:#fff}.primary:hover{background:#194b38}.cream{background:#f5edcf;color:#304f3b}.cream:hover{background:#fff7dd}.secondary{background:#fff;border:1px solid var(--border)}.secondary:hover{background:#f0f3e9}.hero-footnote{display:flex;align-items:center;gap:6px;font-size:9px;color:#b5cbb4;margin-top:13px}.board-art{position:relative;min-height:322px}.orbit{position:absolute;border:1px solid #ffffff0b;border-radius:50%;width:400px;height:400px;top:-20px;left:-5px}.orbit-two{width:300px;height:300px;top:31px;left:44px}.playing-card{width:118px;height:162px;border-radius:11px;position:absolute;box-shadow:0 12px 20px #0d30262b}.card-back{background:#d5a560;left:84px;top:67px;transform:rotate(-23deg);border:7px solid #e1b775;display:grid;place-items:center}.card-back:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px solid #f4d89990;border-radius:3px;background:repeating-linear-gradient(45deg,transparent,transparent 7px,#f4d89930 7px,#f4d89930 8px)}.card-back>span{font-family:serif;font-size:45px;color:#f6ddb0}.card-front{background:#f7f0d9;left:174px;top:48px;transform:rotate(13deg);color:#285b45}.card-corner{position:absolute;top:10px;left:11px;font-family:Georgia,serif;font-size:19px;display:flex;flex-direction:column;align-items:center;line-height:1}.card-corner span{font-size:16px}.card-corner.bottom{top:auto;left:auto;bottom:10px;right:11px;transform:rotate(180deg)}.card-spade{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:87px}.art-dice{position:absolute;top:185px;left:91px;width:77px;height:77px;border-radius:17px;transform:rotate(-15deg);background:#fcf5df;box-shadow:5px 8px #c8c2a7,9px 17px 18px #12362755;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:14px;gap:4px}.art-dice i{border-radius:50%;background:#375943}.art-dice i:nth-child(2){grid-column:3}.art-dice i:nth-child(3){grid-column:2;grid-row:2}.art-dice i:nth-child(4){grid-column:1;grid-row:3}.art-dice i:nth-child(5){grid-column:3;grid-row:3}.pawn{position:absolute;left:293px;top:173px;width:62px;height:102px;transform:rotate(12deg)}.pawn span{position:absolute;left:15px;width:34px;height:34px;border-radius:50%;background:#d98c65;box-shadow:inset -7px -4px #b96b49}.pawn i{position:absolute;top:29px;left:16px;width:34px;height:48px;background:#d38a63;clip-path:polygon(28% 0,72% 0,100% 100%,0 100%)}.pawn b{position:absolute;bottom:15px;width:64px;height:23px;border-radius:50%;background:#dc936d;box-shadow:0 7px #b96b49,0 12px 12px #13382944}.art-chip{position:absolute;width:47px;height:23px;border-radius:50%;background:#d6b969;border:3px dashed #ecd28a;box-shadow:0 5px #b59b52;transform:rotate(-12deg)}.chip-one{left:228px;top:258px}.chip-two{left:218px;top:249px}.art-star{position:absolute;color:#c9bb80;font-size:35px;font-weight:300}.star-one{top:40px;left:341px}.star-two{top:222px;left:35px;font-size:26px}.art-caption{position:absolute;bottom:20px;left:144px;font-size:9px;font-style:italic;letter-spacing:.3px;color:#adbfaa}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:23px 0 32px}.stat{padding:21px 23px;display:flex;align-items:center;gap:15px;background:#fffefa;border:1px solid var(--border);border-radius:11px;min-width:0}.stat-icon{width:45px;height:45px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.sage,.color-0{background:#eaf0e1;color:#5e7650}.peach,.color-1{background:#f6e8de;color:#b47b59}.butter,.color-2{background:#f7efd6;color:#b89749}.color-3{background:#e3ecee;color:#678991}.color-4{background:#ede7f0;color:#90749d}.stat>div{min-width:0}.stat>div>span{font-size:11px;color:#808477}.stat strong{display:flex;align-items:baseline;gap:9px;font-family:Manrope,sans-serif;font-size:26px;line-height:1.4;margin-top:3px}.stat small{font-family:DM Sans,sans-serif;font-weight:400;font-size:9px;color:#9b9e92}.stat .leader-name{font-size:17px;display:block;overflow-wrap:anywhere}.leader-name small{display:block;margin-top:3px}.dashboard-grid{display:grid;grid-template-columns:1.85fr 1fr;gap:23px}.panel{background:#fffefa;border:1px solid var(--border);border-radius:12px;overflow:hidden}.section-head{display:flex;justify-content:space-between;align-items:center;padding:24px 25px 10px;gap:15px}.section-head h2{font-size:16px}.section-head p{font-size:11px;color:#93978b;margin-top:5px}.text-button{display:inline-flex;align-items:center;gap:7px;color:var(--green);font-size:11px;font-weight:600;padding:5px 0;white-space:nowrap}.text-button:hover{text-decoration:underline}.empty-state{padding:28px 20px 33px;text-align:center;display:flex;align-items:center;flex-direction:column}.empty-icon{height:54px;width:54px;border-radius:16px;background:#f0f3e9;color:#809171;display:grid;place-items:center;margin-bottom:15px}.empty-state h3{font-size:14px;letter-spacing:-.2px}.empty-state p{font-size:12px;line-height:1.8;max-width:330px;color:#8c9285;margin-top:7px;margin-bottom:13px}.tip-card{padding:27px 26px 0;background:#eef0e5;border:1px solid #e5e8da;border-radius:12px;display:flex;flex-direction:column}.tip-label{font-size:9px;letter-spacing:1.4px;color:#7e896d;display:flex;align-items:center;gap:7px;font-weight:600}.tip-card h2{font-size:23px;line-height:1.4;font-weight:600;margin:15px 0 11px;color:#465b40}.tip-card p{font-size:11px;line-height:1.9;color:#89907d;max-width:255px;margin-bottom:22px}.tip-bottom{display:flex;align-items:center;gap:10px;border-top:1px solid #dfe3d3;padding:17px 0;margin-top:auto;color:#788367;font-size:10px}.tip-bottom>svg{margin-left:auto;color:#a5ad8b}.mini-dice{display:grid;place-items:center;color:#778b64;transform:rotate(-12deg)}.privacy-note{display:flex;justify-content:center;align-items:center;gap:7px;margin:26px 0;color:#9a9e90;font-size:10px}.privacy-note button{color:#78876b;display:flex;align-items:center;gap:5px;font-size:10px;padding:0 0 0 8px}.match-list{padding:5px 24px}.match-row{display:flex;width:100%;align-items:center;text-align:left;padding:18px 0;gap:13px;border-bottom:1px solid #edf0e6}.match-row:last-child{border-bottom:0}.match-row:hover{background:#f7f8f1}.game-icon{width:43px;height:46px;display:grid;place-items:center;border-radius:9px;flex-shrink:0}.match-info{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.match-info strong{font-size:13px;overflow-wrap:anywhere}.match-info>span{font-size:10px;color:#979c8d}.dot{margin:0 5px}.match-winner{display:flex;gap:5px;align-items:center;color:#9b874c;font-size:11px;max-width:32%}.match-winner span{overflow-wrap:anywhere}.row-arrow{color:#a0a894;flex-shrink:0}footer{margin-top:38px;border-top:1px solid var(--border);padding:24px 0;display:flex;align-items:center;gap:17px;font-size:10px;color:#a4a798}footer a{color:#65775a;font-weight:650}footer a:hover{text-decoration:underline}.footer-brand{font-family:Manrope,sans-serif;font-weight:800;font-size:18px;letter-spacing:-1px;color:#8a967e}.footer-right{margin-left:auto}.mobile-nav{display:none}.split{display:flex;justify-content:space-between;align-items:center;gap:20px}.list-toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:30px 0 17px}.list-toolbar>span{font-size:12px;color:#828b79}.search{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:8px;background:#fffefa;padding:11px 14px;color:#919a85}.search input{background:none;border:0;outline:none;font-size:12px;width:200px}.tag{display:flex;gap:8px;align-items:center;padding:10px 14px;border:1px solid var(--border);border-radius:25px;font-size:11px;color:#7c876e;white-space:nowrap}.ranking-banner{background:#edf0df;border:1px solid #e1e7ce;border-radius:12px;padding:28px;display:flex;gap:23px;align-items:center;margin:30px 0 23px}.ranking-crown{width:74px;height:74px;border-radius:50%;background:#f8efd1;color:#b69843;display:grid;place-items:center;flex-shrink:0}.ranking-banner .eyebrow{font-size:9px;margin-bottom:7px}.ranking-banner h2{font-size:25px;overflow-wrap:anywhere}.ranking-banner p{font-size:12px;color:#899076;margin-top:7px}.banner-sparkle{margin-left:auto;color:#b2b991;flex-shrink:0}.ranking-row{display:grid;grid-template-columns:40px minmax(0,1fr) 100px 100px 100px;gap:16px;align-items:center;padding:19px 25px;border-bottom:1px solid var(--border);font-size:13px}.ranking-row:last-child{border-bottom:0}.ranking-row>span:nth-last-child(-n+2),.wins{text-align:center}.ranking-labels{background:#f5f6ef;color:#959b88;font-size:10px}.ranking-labels>span:nth-child(3){text-align:center}.ranking-person{display:flex;align-items:center;gap:12px;min-width:0}.ranking-person strong{overflow-wrap:anywhere}.rank{font-size:14px;color:#959d89}.rank.first{color:#b69a47}.wins{color:var(--green);font-size:17px}.ranking-explanation{display:flex;align-items:flex-start;gap:8px;font-size:11px;line-height:1.7;max-width:680px;color:#949b89;margin:20px 0}.ranking-explanation svg{flex-shrink:0;margin-top:2px}.back-button{display:flex;align-items:center;gap:8px;font-size:12px;color:#858e79;padding:0;margin-bottom:25px}.setup-layout{max-width:750px;margin:auto}.form-section{padding:26px;margin-bottom:20px}.form-title{display:flex;align-items:center;gap:13px;margin-bottom:24px}.form-title>span{font-size:11px;background:#eef2e6;color:#71865f;border-radius:8px;padding:10px}.form-title h2{font-size:17px}.form-title p{font-size:11px;color:#929887;margin-top:5px;line-height:1.6}.form-title>svg{margin-left:auto;color:#8a977d;flex-shrink:0}.field-label{display:block;font-size:11px;font-weight:600;margin-bottom:9px}.text-input{width:100%;border:1px solid #dfe4d5;border-radius:8px;background:#fffefa;padding:13px 14px;font-size:13px;color:#37452f}.text-input::placeholder{color:#a1a695}.rule-label{margin-top:23px}.rule-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rule-option{border:1px solid var(--border);border-radius:9px;padding:16px;display:flex;align-items:center;gap:12px;text-align:left;color:#939b88}.rule-option span:not(.radio-dot){display:flex;flex-direction:column;gap:5px}.rule-option strong{font-size:12px;color:#536249}.rule-option small{font-size:10px}.rule-option.active{border-color:#698164;background:#f0f4e9;color:#57714e}.radio-dot{width:15px;height:15px;border:1px solid #cdd4c1;border-radius:50%;margin-left:auto;flex-shrink:0}.active .radio-dot{border:4px solid #5b7a51;background:#fff}.player-fields{display:grid;gap:18px}.player-field{display:flex;align-items:center;gap:12px}.player-field>div{flex:1;min-width:0}.player-field label{font-size:10px;color:#8c947e;display:block;margin-bottom:6px}.avatar{height:45px;width:45px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.avatar.small{width:34px;height:34px;font-size:11px}.player-field>.avatar{margin-top:15px}.player-field>.icon-button{margin-top:15px;flex-shrink:0}.suggestions{display:flex;flex-wrap:wrap;gap:5px}.suggestions button{margin-top:6px;display:flex;align-items:center;gap:4px;background:#eef2e8;color:#607653;font-size:10px;border-radius:5px;padding:5px 7px}.existing-person{display:flex;gap:4px;align-items:center;font-size:10px;color:#65805b;margin-top:5px}.add-player{border:1px dashed #cbd4be;color:#688258;width:100%;margin-top:23px}.add-player:hover{background:#f2f5eb}.form-help{font-size:10px;line-height:1.7;color:#939b87;margin-top:13px}.setup-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px}.setup-bottom>span{display:flex;align-items:center;gap:6px;font-size:10px;color:#929c84}.form-error{font-size:12px;color:#ab5a47;margin-bottom:15px}.live-status{display:flex;flex-direction:column;gap:10px}.match-timer{display:flex;align-items:center;gap:12px;padding:13px 18px;border:1px solid var(--border);border-radius:10px;background:#fffefa;color:var(--green)}.match-timer span{display:block;font-size:10px;color:#718065;margin-bottom:3px}.match-timer strong{font-size:23px;font-variant-numeric:tabular-nums}.result-duration{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;font-variant-numeric:tabular-nums}.live-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.live-dot{width:7px;height:7px;border-radius:50%;background:#679a63;box-shadow:0 0 0 4px #e6eee0}.saved-label{display:flex;align-items:center;gap:6px;font-size:10px;color:#809175;white-space:nowrap}.score-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.score-card{background:#fffefa;border:1px solid var(--border);border-radius:13px;padding:22px}.score-card-head{display:flex;align-items:center;gap:11px}.score-card-head h2{font-size:15px;overflow-wrap:anywhere}.leader-crown{margin-left:auto;color:#b49a4c;flex-shrink:0}.points{font-family:Manrope,sans-serif;font-size:55px;letter-spacing:-2px;font-weight:650;text-align:center;margin:23px 0;overflow-wrap:anywhere}.points>span:not(.sr-only){display:block;font-family:DM Sans,sans-serif;font-size:11px;letter-spacing:0;color:#9ba28f;font-weight:400;margin-top:0}.quick-points{display:flex;gap:7px}.quick-points button{display:flex;align-items:center;justify-content:center;gap:2px;flex:1;background:#eff3e8;color:#557749;height:43px;border-radius:7px;font-size:13px}.quick-points button:first-child{background:#f5ece5;color:#a57c61}.quick-points button:hover{filter:brightness(.96)}.custom-points{display:flex;border:1px solid var(--border);border-radius:7px;margin-top:10px;overflow:hidden}.custom-points input{width:100%;border:0;background:none;padding:11px;font-size:11px}.custom-points button{width:40px;flex-shrink:0;display:grid;place-items:center;color:var(--green);border-left:1px solid var(--border)}.live-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:24px}.live-note{display:flex;justify-content:space-between;gap:20px;margin-top:20px;font-size:10px;color:#99a08d;line-height:1.7}.danger-link{color:#b0806b;font-size:10px;padding:0;white-space:nowrap}.danger{background:#a45240;color:#fff}.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}dialog{border:1px solid var(--border);border-radius:17px;background:#fffefa;width:calc(100% - 32px);max-width:510px;padding:26px;color:#34402e;max-height:88dvh;overflow-y:auto;box-shadow:0 25px 100px #152d3026}dialog::backdrop{background:#1d332b66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.modal-head h2{font-size:20px}.modal-description{font-size:13px;color:#89917e;line-height:1.8}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:25px;flex-wrap:wrap}.finish-preview{margin-top:22px;background:#f3f5ec;border-radius:9px;padding:5px 16px}.finish-preview>div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;font-size:13px;border-bottom:1px solid #e3e8d9}.finish-preview>div:last-child{border-bottom:0}.finish-preview>div>span{overflow-wrap:anywhere;min-width:0}.finish-preview strong{white-space:nowrap}.result-celebration{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px}.result-trophy{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:#f6edce;color:#b29a4b;margin-bottom:19px}.result-celebration h2{font-size:27px;overflow-wrap:anywhere;max-width:100%}.result-celebration p{font-size:12px;color:#949a87;margin-top:10px;overflow-wrap:anywhere;max-width:100%}.result-celebration .eyebrow{font-size:9px}.result-scores{background:none;border:1px solid var(--border)}.result-scores b{color:#9ca48d;margin-right:12px}.result-scores .winner{color:var(--green)}.result-scores small{font-weight:400;color:#929d82}.result-rule{font-size:10px;color:#949c87;text-align:center;margin:19px 0}.full{width:100%}.backup-options{display:grid;gap:12px;margin-top:22px}.backup-options>button{display:flex;align-items:center;gap:14px;text-align:left;border:1px solid var(--border);border-radius:10px;padding:16px}.backup-options>button:hover{background:#f5f7ee}.backup-options>button>span:nth-child(2){flex:1}.backup-options strong{display:block;font-size:13px;margin-bottom:5px}.backup-options small{display:block;font-size:10px;color:#8c9780;line-height:1.6}.backup-options>button>svg{flex-shrink:0;color:#8c9780}.backup-note{display:flex;gap:10px;align-items:center;background:#f0f4e8;padding:15px;border-radius:8px;margin-top:20px;font-size:11px;color:#7f8e70;line-height:1.7}.backup-note svg{flex-shrink:0}.toast{position:fixed;bottom:27px;left:50%;transform:translate(-50%);max-width:calc(100% - 30px);width:max-content;z-index:10;display:flex;align-items:center;gap:10px;background:#284f3d;color:#fffbea;border:1px solid #6e8b60;padding:14px 19px;border-radius:10px;box-shadow:0 5px 24px #25392530;font-size:12px;line-height:1.6}.toast svg{flex-shrink:0}.update-toast button{min-height:32px;padding:6px 10px;border-radius:6px;background:#fffbea;color:#245d48;font-size:12px;font-weight:700}.storage-error{padding:15px;background:#fff1d9;color:#8f623a;border:1px solid #ecd4aa;border-radius:8px;font-size:12px;line-height:1.7;margin-bottom:20px}.storage-error button{text-decoration:underline;font-weight:600}body:has(dialog[open]){overflow:hidden}@media(min-width:1400px){main{padding-top:49px}.hero{min-height:350px}.hero-content{padding:36px 41px}.hero h2{font-size:37px}.board-art{transform:scale(1.07);transform-origin:50% 50%}.stats{margin-top:25px;margin-bottom:32px}}@media(max-width:1000px){.header-inner{padding:0 28px}.header-end .local-label{display:none}main{padding:33px 28px 0}.hero{grid-template-columns:1fr .9fr}.hero-content{padding:30px}.board-art{transform:scale(.86);transform-origin:15% 50%}.stat{padding:18px 15px;gap:11px}.stat strong,.stat small{display:block}.dashboard-grid{grid-template-columns:1.6fr 1fr;gap:18px}.tip-card{padding:23px 21px 0}.tip-card h2{font-size:21px}.score-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ranking-row{grid-template-columns:30px minmax(0,1fr) 75px 75px 75px}}@media(max-width:700px){.header{padding-top:env(safe-area-inset-top)}.header-inner{min-height:72px;padding:0 22px}.brand{font-size:29px}.brand-icon{width:34px;height:34px;border-radius:10px}.brand-icon svg{width:25px}.desktop-nav{display:none}.header-end .local-label{display:flex;font-size:9px}.header-end{gap:12px}.settings-button{width:31px;height:31px}main{padding:28px 20px calc(84px + env(safe-area-inset-bottom));min-height:calc(100dvh - 72px - env(safe-area-inset-top))}h1{font-size:29px;letter-spacing:-1px}.page-heading{margin-bottom:23px}.eyebrow{font-size:8px;letter-spacing:1.45px;margin-bottom:11px}.page-heading p{font-size:12px;margin-top:8px}.mobile-break{display:block}.heading-doodle{right:2px;top:30px}.heading-doodle svg{width:23px}.hero{min-height:330px;grid-template-columns:1fr;border-radius:12px}.hero-content{padding:28px 24px;max-width:100%}.hero-label{font-size:8px;letter-spacing:1.4px;margin-bottom:17px}.hero h2{font-size:29px}.hero p{font-size:11px;max-width:230px;margin:14px 0 20px;padding-right:12px}.hero .button{font-size:11px;padding:11px 14px;min-height:43px}.hero-footnote{font-size:8px;max-width:230px}.board-art{position:absolute;right:-92px;bottom:-35px;width:260px;height:290px;transform:scale(.66);transform-origin:50% 100%;pointer-events:none;opacity:.85}.card-front{left:134px;top:48px}.card-back{left:64px}.pawn{left:240px}.art-dice{left:85px;top:200px}.art-chip{left:190px;top:272px}.chip-two{left:180px;top:261px}.art-caption,.star-one,.star-two{display:none}.stats{gap:9px;margin:15px 0 25px}.stat{padding:15px 11px;display:block;border-radius:10px}.stat-icon{width:33px;height:33px;border-radius:9px;margin-bottom:11px}.stat-icon svg{width:18px;height:18px}.stat>div>span{font-size:9px;display:block;min-height:24px}.stat strong{font-size:26px;margin-top:2px}.stat small{font-size:8px;line-height:1.5;margin-top:4px}.stat .leader-name{font-size:14px;line-height:1.45;min-height:45px}.dashboard-grid{grid-template-columns:1fr;gap:19px}.section-head{padding:21px 19px 8px}.section-head h2{font-size:16px}.section-head p,.text-button{font-size:10px}.empty-state{padding:26px 20px}.empty-state h3{font-size:13px}.empty-state p{font-size:11px}.tip-card{padding:23px 23px 0;position:relative}.tip-card h2{font-size:22px}.tip-card p{max-width:85%;font-size:11px}.tip-bottom{padding:15px 0}.privacy-note{flex-wrap:wrap;font-size:9px;margin:23px 10px}.privacy-note button{font-size:9px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fffefbf5;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-top:1px solid var(--border);z-index:5;justify-content:space-around;padding:9px 8px max(10px,env(safe-area-inset-bottom))}.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:5px;color:#959d8b;font-size:9px;min-width:65px;padding:3px 8px}.mobile-nav button.selected{color:var(--green)}.mobile-nav button.selected svg{filter:drop-shadow(0 0 6px #5c944942)}.icon-button,.back-button,.mobile-nav button,.quick-points button{min-width:44px;min-height:44px}footer{margin-top:25px;padding:19px 0;gap:10px;font-size:8px}.footer-brand{font-size:16px}.footer-right{display:none}.split{align-items:flex-start;flex-direction:column;gap:18px}.split .button{width:100%}.list-toolbar{margin-top:23px;align-items:flex-start;flex-direction:column;gap:13px}.search{width:100%}.search input{width:100%;font-size:12px}.match-list{padding:3px 17px}.match-row{gap:10px;flex-wrap:wrap;position:relative;padding:17px 24px 17px 0}.game-icon{width:39px;height:43px}.match-info strong{font-size:12px}.match-info>span{font-size:9px}.match-winner{width:100%;max-width:100%;padding-left:49px;margin-top:-4px;font-size:10px}.row-arrow{position:absolute;right:0;top:29px}.ranking-banner{padding:21px 16px;gap:15px;margin-top:20px}.ranking-crown{width:53px;height:53px}.ranking-crown svg{width:28px}.ranking-banner h2{font-size:21px}.ranking-banner p{font-size:10px;line-height:1.7}.ranking-banner .eyebrow{font-size:8px}.banner-sparkle{display:none}.ranking-row{grid-template-columns:22px minmax(0,1fr) 43px 43px 47px;gap:7px;padding:17px 12px;font-size:11px}.ranking-person{gap:7px}.ranking-person .avatar{width:27px;height:27px;font-size:9px}.ranking-person strong{font-size:11px}.ranking-labels{font-size:8px;padding:13px 12px}.rank{font-size:11px}.rank svg{width:20px}.wins{font-size:14px}.ranking-explanation{font-size:10px}.form-section{padding:21px 17px}.form-title{gap:10px;margin-bottom:20px}.form-title h2{font-size:15px}.form-title p{font-size:10px}.form-title>svg{width:21px}.rule-options{gap:9px}.rule-option{padding:13px 10px;gap:7px;flex-wrap:wrap}.rule-option>svg{width:17px}.rule-option strong{font-size:11px}.rule-option small{font-size:8px}.radio-dot{width:12px;height:12px}.active .radio-dot{border-width:3px}.player-field{gap:9px}.player-field>.avatar{width:29px;height:29px}.player-field>.icon-button{width:26px}.text-input{padding:12px;font-size:12px}.setup-bottom{flex-direction:column-reverse;gap:16px}.setup-bottom .button{width:100%}.live-heading{align-items:flex-start;flex-direction:column;gap:13px}.live-heading h1{overflow-wrap:anywhere}.score-grid{grid-template-columns:1fr;gap:14px}.score-card{padding:19px}.score-card-head h2{font-size:16px}.points{margin:15px 0;font-size:53px}.quick-points button{height:46px}.custom-points input{font-size:12px;padding:13px}.live-toolbar{flex-direction:column-reverse;gap:10px}.live-toolbar .button{width:100%}.live-note{flex-direction:column;gap:18px;align-items:center;text-align:center}.toast{bottom:88px;font-size:11px;padding:12px 15px;z-index:10}dialog{padding:21px;max-height:85dvh}.modal-head h2{font-size:18px}.modal-description{font-size:12px}.modal-actions{display:grid;grid-template-columns:1fr;width:100%}.modal-actions .button{width:100%}.backup-options>button{padding:13px;gap:10px}.backup-options .stat-icon{margin:0;width:36px;height:36px}.result-celebration h2{font-size:24px}.storage-error{font-size:11px}input,textarea,select,.search input,.text-input,.custom-points input{font-size:16px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}