:root{--bg: #f4f4f1;--ink: #1c1c1c;--muted: #8e8e88;--you: #ff6b1a;--ai: #e4455c;--accent: #f5c518;--font-num: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--ink);background-color:var(--bg);background-image:linear-gradient(#e4e4e0 1px,transparent 1px),linear-gradient(90deg,#e4e4e0 1px,transparent 1px);background-size:28px 28px;font-family:Pixelify Sans,ui-sans-serif,sans-serif;font-weight:400;-webkit-font-smoothing:auto}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}.app{position:relative;min-height:100dvh;display:grid;place-items:center;padding:12px 16px 16px;overflow:auto}.ornament{position:absolute;pointer-events:none;opacity:.92}.ornament-nw{top:16px;left:16px;width:min(16vw,120px)}.ornament-se{right:16px;bottom:16px;width:min(16vw,120px)}.shell{position:relative;z-index:1;width:min(100%,560px);display:flex;flex-direction:column;align-items:center;gap:8px}.masthead{display:flex;flex-direction:column;align-items:center;gap:8px}.title{margin:0;font-size:16px;font-weight:500;letter-spacing:.22em;text-indent:.22em}.scoreline{display:flex;justify-content:center;align-items:center;gap:16px}.player{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.08em;text-transform:lowercase}.player.is-turn{color:var(--ink)}.player:not(.is-turn){color:var(--muted)}.score{font-family:var(--font-num);font-size:22px;font-weight:600;letter-spacing:.02em;line-height:1;font-variant-numeric:lining-nums tabular-nums}.score-divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;letter-spacing:.08em}.badge{display:block;flex-shrink:0;image-rendering:pixelated}.board-wrap{position:relative;width:min(100%,360px)}.board{display:block;width:100%;height:auto;overflow:visible;touch-action:manipulation}.hit{fill:transparent;cursor:pointer}.hit:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.line-preview{pointer-events:none}.pixel-line{animation:pixel-pop .14s steps(3,end)}.marker{transform-box:fill-box;transform-origin:center;animation:pop-marker .32s ease-out}.status{min-height:0;margin:0;padding:6px 12px;font-size:13px;letter-spacing:.1em;color:var(--ink);background:#fff;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--accent)}.status strong{color:var(--ink);font-weight:500}.controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 12px;font-size:12px;letter-spacing:.08em;color:var(--ink)}.size-picks{display:flex;align-items:center;gap:0;background:#fff;border:2px solid var(--ink)}.size-picks span{padding:6px 10px 6px 12px;color:var(--ink)}.size-picks button{min-width:28px;padding:6px 10px;color:var(--ink);font-family:var(--font-num);font-size:15px;font-weight:600;font-variant-numeric:lining-nums tabular-nums}.again{min-width:28px;padding:6px 10px;color:var(--ink)}.size-picks button.is-active{background:var(--ink);color:#fff}.size-picks button:hover:not(.is-active){background:#fffaf3}.again{background:var(--you);color:#fff;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}.again:hover{background:var(--ink)}@keyframes pixel-pop{0%{opacity:0}to{opacity:1}}@keyframes pop-marker{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 720px){.ornament-nw,.ornament-se{display:none}.scoreline{min-width:0;gap:12px}.score{font-size:24px}.topbar{flex-direction:column;align-items:stretch}.play-app .brand-tag{display:none}.play-app .topbar{gap:8px}.play-app .nav-pills{width:100%}.play-app .nav-pills a{flex:1;text-align:center;padding:8px 10px}.play-app .shell{gap:10px}.play-app .board-wrap{width:min(100%,420px)}.play-app .skin-row{width:100%;gap:10px}.play-app .skin-picker{flex:1;min-width:0}.play-app .skin-options{justify-content:center;flex-wrap:wrap;max-width:100%;gap:4px}.play-app .skin-options .skin-mark,.play-app .skin-options .badge{width:18px!important;height:18px!important}.play-app .ad-rail{display:grid;width:100%;margin:4px 0 0;gap:6px}.play-app .ad-rail .ad-card{min-height:48px;padding:8px 10px;gap:8px}.play-app .ad-copy em{display:none}.play-app .ad-logo{width:28px;height:28px}.skin-drift.is-passive .skin-token{pointer-events:none;cursor:default}}.play-app{height:100dvh;max-height:100dvh;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;padding:12px 18px 14px}.play-app .topbar{flex-shrink:0;width:100%;z-index:3}.play-app .shell{flex:1;width:min(100%,560px);align-self:center;justify-content:center;gap:clamp(10px,1.8dvh,18px)}.play-app .shell>*{position:relative;z-index:3}.play-app .title{font-size:clamp(15px,2.2dvh,18px)}.play-app .score{font-size:clamp(24px,3.8dvh,32px)}.play-app .scoreline{gap:18px}.play-app .board-wrap{width:min(100%,460px,calc(100dvh - 320px))}.play-app .ornament-nw,.play-app .ornament-se{width:min(18vw,148px);opacity:.95;z-index:0}.ad-stage{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:repeat(4,auto);align-content:center;align-items:center;column-gap:0;row-gap:clamp(12px,2.4dvh,24px);padding:88px 18px 96px}.ad-stage .ad-card{pointer-events:auto;position:static}.ad-stage .ad-ml{grid-area:1 / 1}.ad-stage .ad-lm{grid-area:2 / 1}.ad-stage .ad-bl{grid-area:3 / 1}.ad-stage .ad-lb{grid-area:4 / 1}.ad-stage .ad-tr{grid-area:1 / 3}.ad-stage .ad-rm{grid-area:2 / 3}.ad-stage .ad-mr{grid-area:3 / 3}.ad-stage .ad-br{grid-area:4 / 3}.ad-rail{display:none;width:min(100%,560px);grid-template-columns:1fr 1fr;gap:6px;position:relative;z-index:2}.ad-card{width:236px;min-height:76px;display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:10px 12px;background:#fff;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--you);color:inherit;text-decoration:none}.ad-card.is-empty{box-shadow:3px 3px #c8c8c2;color:var(--muted);letter-spacing:.08em}.ad-card.is-empty:hover,.ad-card.is-filled:hover{background:#fffaf3}.ad-logo{width:36px;height:36px;flex-shrink:0;display:grid;place-items:center;border:2px solid var(--ink);background:#fafafa;overflow:hidden}.ad-logo img{width:74%;height:74%;object-fit:contain}.ad-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.ad-copy strong{font-size:14px;font-weight:500;line-height:1.1}.ad-copy em{color:var(--muted);font-style:normal;font-size:11px;letter-spacing:.02em;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (min-width: 1101px){.play-app .topbar{padding-inline:min(22vw,248px)}}@media (max-width: 1100px){.ad-stage{display:none}.play-app{overflow:auto;height:auto;max-height:none;padding-top:max(10px,env(safe-area-inset-top));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:max(12px,env(safe-area-inset-bottom));padding-left:max(12px,env(safe-area-inset-left))}.play-app .topbar{order:1}.play-app .shell{order:2;width:min(100%,560px)}.play-app .ad-rail{display:grid;width:min(100%,560px);margin:12px 0 0}.ad-rail .ad-card{width:auto;min-height:58px}}@media (max-height: 760px){.play-app .ornament-nw,.play-app .ornament-se{width:min(14vw,104px)}.ad-stage{padding:80px 14px 88px;row-gap:14px}}.topbar{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px}.brand-lockup{display:flex;flex-direction:column;gap:2px}.brand-name{font-size:16px;font-weight:500;letter-spacing:.12em}.brand-tag{color:var(--muted);font-size:11px;letter-spacing:.04em}.nav-pills{display:flex;border:2px solid var(--ink);background:#fff}.nav-pills a{color:var(--muted);text-decoration:none;padding:8px 14px;letter-spacing:.08em}.nav-pills a.is-active{background:var(--ink);color:#fff}.skin-row{width:auto;display:flex;justify-content:center;align-items:flex-start;gap:28px}.skin-picker{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--muted);font-size:11px;letter-spacing:.08em}.skin-options{display:flex;flex-wrap:wrap;gap:6px}.skin-options button{border:2px solid transparent;line-height:0}.skin-options button.is-active{border-color:var(--ink)}.skin-mark{display:grid;place-items:center;overflow:hidden;border:2px solid var(--ink);background:#fff;image-rendering:pixelated}.skin-mark img{width:70%;height:70%;object-fit:contain}.skin-letter{font-size:14px;font-weight:600}.board-app{place-items:start stretch;justify-items:center}.board-shell{width:min(100%,820px);align-items:stretch;align-self:start;padding:0 24px 48px}.board-hero,.board-section,.bid-form,.leaderboard,.scoreboard{width:100%;max-width:none;align-self:stretch}.board-hero,.board-section-head{text-align:left}.board-hero h1{margin:8px 0 6px;font-size:42px;font-weight:600;letter-spacing:.04em}.board-hero p{margin:0;color:var(--muted);max-width:none}.bid-form{display:grid;gap:12px}.bid-form label{display:grid;gap:6px;color:var(--muted);font-size:11px;letter-spacing:.16em;text-transform:lowercase}.bid-form input{font:inherit;color:var(--ink);background:#fff;border:2px solid var(--ink);padding:12px 14px;letter-spacing:.04em}.bid-note,.bid-error{margin:0;font-size:12px}.bid-error{color:var(--ai)}.board-section{display:grid;gap:12px;margin-top:28px}.board-section-head h2{margin:0 0 4px;font-size:22px;font-weight:600;letter-spacing:.04em}.board-section-head p{margin:0;color:var(--muted)}.num{font-family:var(--font-num);font-weight:600;letter-spacing:.02em}.leaderboard{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px}.leaderboard li.is-occupied{grid-template-columns:52px 48px 1fr auto}.leaderboard li{display:grid;grid-template-columns:auto 52px 48px 1fr auto;align-items:center;gap:12px;background:#fff;border:2px solid var(--ink);padding:10px 12px}.leaderboard li.is-playable{box-shadow:4px 4px 0 var(--you)}.leaderboard li.is-empty{grid-template-columns:1fr;color:var(--muted)}.leaderboard li.is-open{box-shadow:none}.lb-claim{border:2px solid var(--ink);background:#fff;padding:8px 10px;font-family:var(--font-num);font-size:12px;letter-spacing:.04em;white-space:nowrap}.lb-claim:hover:not(:disabled){background:var(--ink);color:#fff}.lb-claim:disabled{opacity:.5}.lb-rank{font-family:var(--font-num);font-size:22px;font-weight:600}.lb-logo{width:48px;height:48px;display:grid;place-items:center;border:2px solid var(--ink);background:#fafafa;overflow:hidden}.lb-logo.is-blank{background:#ecece8}.lb-logo img{width:76%;height:76%;object-fit:contain}.lb-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.lb-meta strong{font-size:16px;font-weight:500}.lb-meta span{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-bid{font-family:var(--font-num);font-size:24px;font-weight:600}@media (max-width: 720px){.board-shell{padding:0 12px 32px}.leaderboard li,.leaderboard li.is-occupied{grid-template-columns:28px 28px minmax(0,1fr);grid-template-areas:"rank logo meta" "claim claim bid";align-items:start;gap:6px 8px;padding:8px}.leaderboard li.is-occupied{grid-template-areas:"rank logo meta" ". . bid"}.leaderboard .lb-rank{grid-area:rank;align-self:center;font-size:16px}.leaderboard .lb-logo{grid-area:logo;align-self:center;width:28px;height:28px}.leaderboard .lb-meta{grid-area:meta}.leaderboard .lb-meta strong{font-size:14px}.leaderboard .lb-meta span{white-space:normal;overflow:visible;text-overflow:unset;line-height:1.35}.leaderboard .lb-claim{grid-area:claim;justify-self:start;padding:4px 8px;font-size:11px}.leaderboard .lb-bid{grid-area:bid;align-self:center;font-size:16px;text-align:right}.skin-chart li{grid-template-columns:28px minmax(0,1fr) auto;gap:8px;padding:8px}.chart-mark{width:28px;height:28px}.skin-chart .wins{font-family:var(--font-num);font-size:13px;font-weight:600;white-space:nowrap}.scoreboard li{grid-template-columns:36px minmax(0,1fr) auto;gap:8px;padding:8px}.scoreboard .lb-rank{font-size:14px}.scoreboard .wins{font-size:16px}.scoreboard .record{font-size:12px}}.scoreboard{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}.scoreboard li{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:14px;background:#fff;border:2px solid var(--ink);padding:12px 14px}.scoreboard li.is-empty{grid-template-columns:1fr;color:var(--muted)}.scoreboard .lb-rank{font-size:18px;color:var(--muted)}.scoreboard .wins{font-family:var(--font-num);font-size:22px;font-weight:600;white-space:nowrap}.scoreboard .record{color:var(--muted);font-family:var(--font-num);font-size:13px;letter-spacing:.02em}.monthly-claim{justify-self:start;background:var(--ink);color:#fff;border:2px solid var(--ink);padding:12px 16px;font-family:var(--font-num);letter-spacing:.04em}.monthly-claim:hover:not(:disabled){background:var(--you);border-color:var(--you)}.username-gate{min-height:100dvh;display:grid;place-items:center;padding:24px}.username-card{width:min(100%,380px);display:grid;gap:12px;background:#fff;border:2px solid var(--ink);box-shadow:6px 6px 0 var(--you);padding:22px 20px 20px}.username-kicker,.username-card label{color:var(--muted);font-size:11px;letter-spacing:.14em;text-transform:lowercase}.username-card h2{margin:0;font-size:28px;font-weight:600}.username-card p{margin:0;color:var(--muted)}.username-card label{display:grid;gap:6px}.username-card input{font:inherit;color:var(--ink);background:#fff;border:2px solid var(--ink);padding:12px 14px}.username-card button{background:var(--ink);color:#fff;padding:12px 16px;letter-spacing:.12em}.sponsor-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px;background:#f4f4f1d1}.sponsor-modal{width:min(100%,440px);max-height:calc(100dvh - 48px);overflow:auto;display:grid;gap:12px;background:#fff;border:2px solid var(--ink);box-shadow:6px 6px 0 var(--you);padding:20px 20px 18px}.sponsor-modal-head{display:flex;align-items:center;justify-content:space-between}.sponsor-close{width:28px;height:28px;border:2px solid var(--ink);line-height:1;font-size:18px}.sponsor-modal h2{margin:0;font-size:28px;font-weight:600}.sponsor-modal p{margin:0;color:var(--muted)}.sponsor-modal label,.sponsor-logo-field{display:grid;gap:6px;color:var(--muted);font-size:11px;letter-spacing:.14em;text-transform:lowercase}.sponsor-modal input,.sponsor-modal textarea{font:inherit;color:var(--ink);background:#fff;border:2px solid var(--ink);padding:10px 12px;resize:vertical}.sponsor-logo-pick{display:flex;align-items:center;gap:10px;cursor:pointer}.sponsor-logo-pick input{display:none}.sponsor-logo-preview{width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;border:2px solid var(--ink);background:#fafafa;overflow:hidden}.sponsor-logo-preview img{width:74%;height:74%;object-fit:contain}.sponsor-modal button[type=submit]{background:var(--ink);color:#fff;padding:12px 16px;letter-spacing:.08em;font-family:var(--font-num)}.sponsor-modal button[type=submit]:disabled{opacity:.5}.skin-chart{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px}.skin-chart li{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;background:#fff;border:2px solid var(--ink);padding:10px 12px}.skin-chart li.is-empty{grid-template-columns:1fr;color:var(--muted)}.chart-mark{width:36px;height:36px;display:grid;place-items:center;border:2px solid var(--ink);background:#fff;overflow:hidden;font-weight:600}.chart-mark img{width:74%;height:74%;object-fit:contain}.chart-meta{min-width:0;display:grid;gap:6px}.chart-track{display:block;height:10px;background:#ecece8;border:2px solid var(--ink)}.chart-fill{display:block;height:100%;background:var(--you)}.skin-drift{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;overflow:hidden;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none}.skin-token{position:absolute;top:0;left:0;z-index:1;display:grid;place-items:center;padding:0;pointer-events:auto;cursor:grab;border:1px solid var(--ink);background:#fff;box-shadow:1px 1px 0 var(--ink);will-change:transform}.skin-token:active{cursor:grabbing}.skin-token img{width:64%;height:64%;object-fit:contain;pointer-events:none}.skin-token span{font-weight:600;font-size:9px}