:root{--black: #111111;--white: #ffffff;--yellow: #ffdf00;--yellow-soft: #fff4a8;--green: #009c3b;--green-dark: #00702b;--muted: #4a4a4a;--line: #d9d9d9;--danger: #b00020;--font-display: "Lilita One", "Archivo", system-ui, sans-serif;--font: "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--white);color:var(--black);font-family:var(--font);font-size:17px;line-height:1.5}button,input,select{font-family:inherit;font-size:inherit;color:inherit}:focus-visible{outline:4px solid var(--black);outline-offset:3px}code{background:#f0f0f0;border:1px solid var(--line);padding:1px 6px;border-radius:6px;font-size:.92em}.icon{flex-shrink:0;display:block}.icon-sticker{filter:drop-shadow(2px 2px 0 var(--black))}.badge{flex-shrink:0;filter:drop-shadow(3px 3px 0 var(--black))}.page{max-width:640px;margin:0 auto;padding:18px 18px 130px}.page.narrow{max-width:520px}.hero{display:flex;align-items:center;gap:14px;padding:14px 18px 16px;background:var(--green);border-bottom:6px solid var(--yellow);box-shadow:0 6px 0 var(--black);margin-bottom:6px}.hero-text{flex:1;min-width:0}.hero-kicker{margin:0;font-weight:700;font-size:.95rem}.hero-title{margin:0;font-family:var(--font-display);font-weight:400;font-size:2.1rem;line-height:1.05;color:var(--yellow);text-shadow:2px 2px 0 var(--black);overflow-wrap:anywhere}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:10;display:flex;background:var(--white);border-top:4px solid var(--black);padding-bottom:env(safe-area-inset-bottom)}.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:68px;padding:6px 2px;background:var(--white);border:0;border-right:3px solid var(--black);font-size:.82rem;font-weight:800;cursor:pointer}.tab:last-child{border-right:0}.tab.active{background:var(--yellow)}.block{border-top:4px solid var(--black);padding:20px 0 26px}.heading{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-family:var(--font-display);font-weight:400;font-size:1.7rem;line-height:1.1}.sub-heading{margin:20px 0 6px;font-weight:800}.hint,.empty,.loading{color:var(--muted);font-size:.95rem;margin:6px 0}.summary{margin:4px 0 12px;font-size:1.05rem}.names{margin:4px 0;line-height:1.7}.error-text{color:var(--danger);font-weight:800;margin:0}.warn{margin:14px 0 0;padding:10px 12px;background:var(--yellow-soft);border:3px solid var(--black);border-radius:12px;font-weight:600}.balance{margin:16px 0 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 18px;border:3px solid var(--black);border-radius:14px;background:var(--white);color:var(--black);font-weight:800;box-shadow:0 4px 0 var(--black);cursor:pointer;transition:transform .06s,box-shadow .06s}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--black)}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:0 2px 0 var(--black)}.btn-primary{background:var(--yellow)}.btn.btn-ghost{border-color:transparent;background:transparent;box-shadow:none;text-decoration:underline;text-underline-offset:3px}.btn.btn-ghost:active:not(:disabled){transform:none;box-shadow:none}.btn-danger{color:var(--danger);border-color:var(--danger);box-shadow:0 4px 0 var(--danger)}.btn-small{min-height:44px;padding:0 12px;font-size:.95rem;box-shadow:0 3px 0 var(--black)}.btn-block{width:100%}.link-btn{background:none;border:0;padding:8px 0;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.link-btn.light{color:var(--black);font-weight:800}.link-btn.danger{color:var(--danger)}.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.choice-row{display:flex;gap:12px;margin:12px 0 8px}.btn-choice{flex:1;min-height:66px;font-size:1.2rem}.btn-choice.selected{background:var(--green)}.btn-choice.no.selected{background:var(--black);color:var(--white)}.stack{display:grid;gap:14px}.field{display:flex;flex-direction:column;gap:6px;font-weight:700}.field small{font-weight:400}input:not([type=checkbox]),select{min-height:50px;padding:0 12px;border:3px solid var(--black);border-radius:12px;background:var(--white)}.check{display:flex;align-items:center;gap:10px;min-height:44px;font-weight:700}.check input{width:24px;height:24px;accent-color:var(--green-dark)}.new-game{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}.new-game .field{flex:1 1 180px}.inline-field{max-width:260px;margin-bottom:14px}.icon-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px}.icon-choice{display:flex;align-items:center;justify-content:center;min-height:56px;padding:0;border:3px solid var(--black);border-radius:12px;background:var(--white);cursor:pointer}.icon-choice.selected{background:var(--yellow);box-shadow:0 3px 0 var(--black)}.rows{list-style:none;margin:8px 0 0;padding:0}.rows>li{padding:12px 0;border-bottom:2px solid var(--line)}.player-main{display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px}.muted{flex-basis:100%;color:var(--muted);font-size:.9rem}.pay-row,.att-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.pay-name,.att-name{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-weight:700}.pay-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:132px;min-height:48px;border:3px solid var(--black);border-radius:12px;background:var(--yellow);font-weight:800;box-shadow:0 3px 0 var(--black);cursor:pointer}.pay-toggle.paid{background:var(--green)}.seg{display:inline-flex;flex-shrink:0;border:3px solid var(--black);border-radius:12px;overflow:hidden;box-shadow:0 3px 0 var(--black)}.seg-btn{min-height:46px;padding:0 14px;background:var(--white);border:0;font-weight:800;cursor:pointer}.seg-btn+.seg-btn{border-left:3px solid var(--black)}.seg-btn.yes.on{background:var(--green)}.seg-btn.no.on{background:var(--black);color:var(--white)}.editor{padding:4px 0}.month-nav{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-bottom:6px}.month-label{justify-content:center;margin:0;text-transform:capitalize}.picker{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.pick{display:inline-flex;align-items:center;gap:6px;min-height:46px;padding:0 14px;border:3px solid var(--black);border-radius:12px;background:var(--white);font-weight:800;cursor:pointer}.pick.done{background:var(--green)}.pick.active{background:var(--yellow);box-shadow:0 3px 0 var(--black)}.game-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.game-head .heading{margin:0}.game-date{display:block;margin:0 0 12px;font-family:var(--font-display);font-size:1.7rem;line-height:1.1}.game-date:first-letter{text-transform:uppercase}.danger-zone{margin-top:22px}.attr-admin-main{display:flex;align-items:flex-start;gap:12px}.attr-admin-main .hint{margin:2px 0 0}.chip{display:inline-flex;align-items:center;gap:4px;padding:1px 10px 1px 7px;border:2px solid var(--black);border-radius:8px;font-size:.85rem;font-weight:800;line-height:1.6;white-space:nowrap}.chip-paid{background:var(--green)}.chip-pending{background:var(--yellow)}.chip-info{background:var(--white);padding-left:10px}.chip-neutral{background:#eee;padding-left:10px}.my-status{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:6px 0;font-weight:700}.fee{color:var(--muted);font-weight:700}.pay-list{list-style:none;margin:0;padding:0}.pay-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:2px solid var(--line)}.pay-list li.me{font-weight:800}.rate-card{padding:16px;border:3px solid var(--black);border-radius:16px;background:var(--white);box-shadow:5px 5px 0 var(--black)}.rate-title{margin:0 0 4px;font-family:var(--font-display);font-weight:400;font-size:1.8rem;line-height:1.1}.attr-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px;padding:12px 0;border-bottom:2px solid var(--line)}.attr-row:last-of-type{margin-bottom:14px}.attr-text{display:flex;flex-direction:column;min-width:0;flex:1 1 170px}.attr-name{display:inline-flex;align-items:center;gap:8px}.stars{display:flex;gap:2px}.star{width:46px;height:46px;padding:0;background:none;border:0;font-size:36px;line-height:1;color:var(--white);-webkit-text-stroke:2px var(--black);cursor:pointer}.star.on{color:var(--yellow)}.bibs{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin:14px 0 6px}.bib-wrap{filter:drop-shadow(4px 4px 0 var(--black))}.bib{padding:3px;background:var(--black);clip-path:polygon(0 0,30% 0,50% 24px,70% 0,100% 0,100% 100%,0 100%)}.bib-inner{padding:36px 14px 12px;clip-path:polygon(0 0,30% 0,50% 26px,70% 0,100% 0,100% 100%,0 100%)}.bib-yellow{background:var(--yellow);color:var(--black)}.bib-green{background:var(--green);color:var(--black)}.bib-black{background:var(--black);color:var(--white)}.bib-white{background:var(--white);color:var(--black)}.bib h3{margin:0;font-family:var(--font-display);font-weight:400;font-size:1.7rem;line-height:1.05}.bib-sub{margin:2px 0 8px;font-size:.92rem;font-weight:700}.bib ul{list-style:none;margin:0;padding:0}.bib li{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:7px 0;font-weight:800;box-shadow:inset 0 -2px #11111140}.bib-black li{box-shadow:inset 0 -2px #ffffff4d}.bib li small{font-size:.85rem;font-weight:700;opacity:.85}.toast-region{position:fixed;left:0;right:0;bottom:calc(84px + env(safe-area-inset-bottom));z-index:20;display:flex;justify-content:center;padding:0 16px;pointer-events:none}.toast{max-width:480px;padding:12px 16px;border:3px solid var(--yellow);border-radius:12px;background:var(--black);color:var(--white);font-weight:700;box-shadow:0 4px #00000059}.toast-error{background:var(--danger);border-color:var(--white)}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.guest-slot{flex-basis:100%;display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:6px}.guest-slot .editor{width:100%}.goal-ctrl{display:flex;align-items:center;gap:10px}.goal-count{min-width:2ch;text-align:center;font-size:1.2rem}.rating-badge{display:inline-flex;align-items:center;gap:4px;font-weight:800}.hero-extra{display:inline-block;margin-top:6px;padding:2px 10px 2px 6px;background:var(--white, #fff);border:3px solid var(--black);border-radius:999px;color:var(--black)}.trend-up,.trend-down{font-size:.8em;line-height:1}.trend-up{color:#0a8a3a}.trend-down{color:#d7263d}.hero-actions{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.next-step{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding:10px 12px;border:3px solid var(--black);border-radius:14px}.next-step p{margin:0}.next-step strong{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.next-step-action{background:var(--yellow-soft)}.next-step-ok{background:#e8f6ec}.lock-note{margin:6px 0 0;color:var(--muted);font-size:.9rem}.view-switch{margin-bottom:14px}.rank-list{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px}.rank-list li{display:flex;align-items:center;gap:10px;padding:10px 12px;border:3px solid var(--black);border-radius:12px;background:#fff}.rank-list li.first{background:var(--yellow-soft)}.rank-pos{min-width:2.2ch;font-weight:800}.rank-name{flex:1;min-width:0}.count-table{width:100%;border-collapse:collapse;margin:6px 0 14px}.count-table th,.count-table td{padding:8px 6px;border-bottom:2px solid var(--black);text-align:center}.count-table th:first-child,.count-table td:first-child{text-align:left}.vote-result{display:grid;gap:4px}