*{box-sizing:border-box;margin:0}:root{--paper: #f2efe8;--panel: #e9e4d9;--panel-2: #dfd8c8;--line: #cfc6b2;--ink: #262119;--muted: #7d7466;--clay: #b04e2e;--clay-deep: #8c3d24;--on-clay: #f8f1e9;--moss: #4e6e48;--on-moss: #eff3ec;--madder: #9c3a2e;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--sans: system-ui, -apple-system, "Segoe UI", sans-serif}html,body{height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}#root{max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding:20px;padding-bottom:max(20px,env(safe-area-inset-bottom))}.screen{flex:1;display:flex;flex-direction:column;gap:16px}.screen.centered{justify-content:center;align-items:center;text-align:center}h1{font-family:var(--serif);font-size:1.65rem;font-weight:500;letter-spacing:-.01em}.label{font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.muted{color:var(--muted);font-size:.92rem}.card{background:var(--panel);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);padding:18px;display:flex;flex-direction:column;gap:12px}.tessellation{display:block;width:100%}@keyframes facet-drift{0%,to{opacity:1}50%{opacity:.45}}.facet-drift{animation:facet-drift 9s ease-in-out infinite}label.field{display:flex;flex-direction:column;gap:7px}input,select{background:var(--paper);border:1.5px solid var(--line);border-radius:3px;color:var(--ink);font-size:1.05rem;font-family:var(--sans);padding:12px;width:100%}input:focus,select:focus{outline:none;border-color:var(--ink)}input.code-input{text-transform:uppercase;letter-spacing:.35em;text-align:center;font-weight:600}.btn{border:1.5px solid transparent;border-radius:3px;padding:14px 18px;font-size:1rem;font-weight:600;font-family:var(--sans);cursor:pointer;background:var(--panel-2);color:var(--ink);transition:transform 70ms,background-color .12s}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--clay);color:var(--on-clay)}.btn.primary:not(:disabled):active{background:var(--clay-deep)}.btn.good{background:var(--moss);color:var(--on-moss)}.btn.fell{background:transparent;border-color:var(--madder);color:var(--madder)}.btn.ghost{background:transparent;color:var(--muted)}.btn.ghost.danger{color:var(--madder)}.btn.danger{background:var(--madder);color:var(--on-clay)}.btn.small{padding:8px 12px;font-size:.85rem}.row{display:flex;gap:10px;align-items:center}.row.spread{justify-content:space-between}.grow{flex:1}.code-plate{background:var(--paper);border:1.5px solid var(--ink);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));font-size:1.9rem;font-weight:600;letter-spacing:.32em;text-indent:.32em;text-align:center;padding:14px 10px}.player-row{display:flex;align-items:center;gap:10px;padding:11px 2px;border-bottom:1px solid var(--line)}.player-row:last-child{border-bottom:none}.presence{width:8px;height:8px;flex-shrink:0;background:var(--moss);clip-path:polygon(50% 0,100% 100%,0 100%)}.presence.off{background:var(--madder);clip-path:polygon(50% 100%,100% 0,0 0)}.badge{font-size:.62rem;font-weight:700;letter-spacing:.1em;color:var(--clay);border:1px solid var(--clay);border-radius:2px;padding:2px 5px}.remove-slot{width:26px;flex-shrink:0;display:flex;justify-content:flex-end}.icon-remove{width:24px;height:24px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:1.15rem;line-height:1;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform 70ms,border-color .12s,color .12s}.icon-remove:active{transform:scale(.9)}.icon-remove:hover{border-color:var(--madder);color:var(--madder)}.overlay{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:24px;background:#2621198c}.dialog{width:100%;max-width:360px;background:var(--panel);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));padding:22px;display:flex;flex-direction:column;gap:14px}.dialog-title{font-family:var(--serif);font-size:1.3rem;font-weight:500}.numeral{font-family:var(--serif);font-size:4.6rem;font-weight:500;line-height:1;font-variant-numeric:tabular-nums}.grade-shape{position:relative;display:grid;place-items:center;margin:0 auto}.grade-shape svg{position:absolute;inset:0}.grade-shape-label{position:relative;font-family:var(--serif);font-size:1.9rem;font-weight:500}.spin-row{display:flex;align-items:center;gap:12px;padding:12px 6px;font-size:1.12rem;color:var(--muted);border-bottom:1px solid var(--line);transition:color .1s}.spin-row:last-child{border-bottom:none}.spin-row .wedge{width:10px;height:12px;flex-shrink:0;clip-path:polygon(0 0,100% 50%,0 100%);background:transparent;transition:background-color 80ms}.spin-row.lit{color:var(--ink);font-weight:600}.spin-row.lit .wedge{background:var(--clay)}.spin-row.landed{color:var(--clay)}.gone-row{padding:10px 6px;font-size:.95rem;color:var(--muted);border-bottom:1px solid var(--line)}.gone-row:last-child{border-bottom:none}.toggle{display:flex;align-items:center;gap:14px;text-align:left;padding:14px 16px;border-radius:3px;border:1.5px solid var(--line);background:var(--paper);cursor:pointer;font-family:var(--sans);font-size:1rem;font-weight:600;color:var(--ink)}.toggle .sub{display:block;font-size:.8rem;font-weight:400;color:var(--muted)}.toggle.on{border-color:var(--ink);background:var(--panel)}.toggle .mult{margin-left:auto;font-family:var(--serif);font-size:1.05rem;color:var(--muted)}.toggle.on .mult{color:var(--clay)}.toggle:disabled{opacity:.4;cursor:default}.preview{flex-direction:row;justify-content:space-around;text-align:center}.preview .win,.preview .lose{font-family:var(--serif);font-size:1.35rem;font-variant-numeric:tabular-nums}.preview .win{color:var(--moss)}.preview .lose{color:var(--madder)}.boulder-photo{position:relative;width:100%;padding:0;border:none;background:var(--panel-2);overflow:hidden;cursor:pointer;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%)}.boulder-photo.framed{cursor:default}.boulder-photo img{display:block;width:100%;max-height:320px;object-fit:cover}.boulder-photo .grade-tag{position:absolute;left:10px;bottom:10px;font-family:var(--serif);font-size:1.5rem;font-weight:600;color:var(--on-clay);background:var(--clay);padding:2px 12px;clip-path:polygon(0 0,100% 0,100% 100%,8px 100%,0 calc(100% - 8px))}.boulder-photo.obscured img{filter:blur(26px) saturate(.7) brightness(.92);transform:scale(1.18)}.boulder-photo .obscured-mark{position:absolute;inset:0;display:grid;place-items:center}.card.picked{border:3px solid var(--moss)}.credit{text-align:center;font-size:.78rem;color:var(--muted);margin-bottom:64px}.credit a{color:var(--muted);text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--line)}.credit a:hover{color:var(--ink)}.boulder-card{align-items:center;text-align:center;gap:10px;padding:24px 18px}.boulder-name{font-family:var(--serif);font-size:1.15rem}.attempts{display:flex;justify-content:center;gap:12px}.attempts span{width:15px;height:13px;clip-path:polygon(50% 0,100% 100%,0 100%);background:var(--line)}.attempts span.used{clip-path:polygon(50% 100%,100% 0,0 0);background:var(--madder)}.points{font-family:var(--serif);font-size:3.6rem;font-weight:500;line-height:1;font-variant-numeric:tabular-nums}.points.win{color:var(--moss)}.points.lose{color:var(--madder)}.standing-row{display:flex;align-items:center;gap:12px;padding:12px 2px;border-bottom:1px solid var(--line)}.standing-row:last-child{border-bottom:none}.standing-row .rank{font-family:var(--serif);font-size:1.1rem;width:24px;color:var(--muted)}.standing-row.first .rank{color:var(--clay)}.standing-row .score{margin-left:auto;font-weight:600;font-variant-numeric:tabular-nums}.banner{position:fixed;top:0;left:0;right:0;background:var(--ink);color:var(--paper);font-size:.85rem;font-weight:600;letter-spacing:.06em;text-align:center;padding:8px;z-index:10}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--madder);color:var(--on-clay);font-weight:600;padding:12px 18px;border-radius:3px;z-index:10;max-width:90vw}