:root{--bg: #0b1530;--bg-panel: #131f42;--border: #2a3a6a;--text: #e8ecf6;--dim: #8fa2c8;--accent: #ffd93d;--primary: #2e6ddf;--green: #3fae6a;--red: #e04848;--font: "Courier New", Courier, monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overscroll-behavior:none}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}#root,.app{height:100dvh}.app{max-width:520px;margin:0 auto;display:flex;flex-direction:column}button{font-family:var(--font);cursor:pointer}.screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px 20px calc(24px + env(safe-area-inset-bottom));overflow-y:auto}.logo{font-size:44px;line-height:.95;letter-spacing:6px;text-align:center;color:var(--accent);text-shadow:3px 3px 0 #b8860b,6px 6px 0 rgba(0,0,0,.4)}.tagline{color:var(--dim);font-size:12px;letter-spacing:3px;text-align:center}.screen-title{font-size:18px;letter-spacing:3px;color:var(--accent);text-align:center}.panel{background:var(--bg-panel);border:3px solid var(--border);box-shadow:4px 4px #00000059;padding:20px;width:100%;max-width:340px;display:flex;flex-direction:column;gap:14px}.field-label{font-size:11px;letter-spacing:2px;color:var(--dim)}.text-input{background:#0a1128;border:2px solid var(--border);color:var(--text);font-family:var(--font);font-size:20px;letter-spacing:2px;padding:12px;width:100%;text-transform:uppercase}.text-input:focus{outline:none;border-color:var(--accent)}.fine-print{font-size:10px;color:var(--dim)}.btn{background:var(--bg-panel);border:3px solid var(--border);color:var(--text);font-size:15px;font-weight:700;letter-spacing:2px;padding:14px 18px;box-shadow:3px 3px #0006;transition:transform .05s;touch-action:manipulation}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px #0006}.btn:disabled{opacity:.4}.btn-primary{background:var(--primary);border-color:#1c4ba5}.btn-ghost{background:transparent;box-shadow:none;border-color:transparent;color:var(--dim)}.card-row{display:flex;gap:14px;width:100%;max-width:380px;justify-content:center}.card-col{display:flex;flex-direction:column;gap:12px;width:100%;max-width:380px}.card{background:var(--bg-panel);border:3px solid var(--border);box-shadow:4px 4px #00000059;color:var(--text);padding:16px 12px;display:flex;flex-direction:column;align-items:center;gap:10px;flex:1}.card:active{transform:translate(2px,2px);box-shadow:2px 2px #00000059}.card-selected{border-color:var(--accent)}.card-wide{flex-direction:row;justify-content:flex-start;text-align:left;padding:12px 16px;gap:16px}.card-body{display:flex;flex-direction:column;gap:5px}.card-name{font-size:15px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.card-sub{font-size:11px;color:var(--dim);line-height:1.4}.card-dim{opacity:.75}.card-format .card-name{color:var(--accent)}.diff-chip{font-size:9px;letter-spacing:1px;color:#081020;padding:3px 6px;border-radius:2px}.sprite-preview{image-rendering:pixelated}.welcome-art{width:100%;max-width:420px;max-height:62dvh;object-fit:contain;border:3px solid var(--border);box-shadow:6px 6px #00000073}.btn-start{font-size:18px;padding:16px 42px}.howto-panel{gap:8px;max-width:380px}.howto-heading{font-size:11px;letter-spacing:2px;color:var(--accent);margin-top:6px}.howto-heading:first-child{margin-top:0}.howto-row{display:flex;gap:10px;align-items:baseline;font-size:12px}.howto-key{flex-shrink:0;min-width:108px;color:var(--text);font-weight:700;letter-spacing:1px;font-size:11px}.howto-desc{color:var(--dim);line-height:1.35}.howto-tip{font-size:11px;color:var(--dim);line-height:1.45}.howto-tip b{color:var(--accent)}.screen-top{justify-content:flex-start}.creator{display:flex;gap:16px;width:100%;max-width:420px}.creator-left{display:flex;flex-direction:column;align-items:center;gap:10px}.preview-box{background:var(--bg-panel);border:3px solid var(--border);box-shadow:4px 4px #00000059;padding:12px 16px 6px;display:flex;align-items:flex-end;justify-content:center}.base-toggle{display:flex;flex-direction:column;gap:6px;width:100%}.creator-right{flex:1;display:flex;flex-direction:column;gap:9px;min-width:0}.creator-right .text-input{font-size:15px;padding:9px 10px}.option-row{display:flex;align-items:center;gap:8px}.option-label{font-size:10px;letter-spacing:1px;color:var(--dim);width:52px;flex-shrink:0}.option-choices{display:flex;gap:6px;flex-wrap:wrap}.swatch{width:26px;height:26px;border:2px solid var(--border);box-shadow:2px 2px #00000059;padding:0}.swatch-selected{border-color:var(--accent);outline:2px solid var(--accent)}.chip{background:var(--bg-panel);border:2px solid var(--border);color:var(--text);font-size:11px;letter-spacing:1px;padding:7px 10px;box-shadow:2px 2px #00000059}.chip-small{font-size:9px;padding:6px 7px}.chip-selected{border-color:var(--accent);color:var(--accent)}.racket-section{width:100%;max-width:420px;display:flex;flex-direction:column;gap:8px}.racket-row{display:flex;gap:8px}.racket-card{flex:1;background:var(--bg-panel);border:2px solid var(--border);box-shadow:2px 2px #00000059;color:var(--text);padding:8px 2px 6px;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0}.racket-selected{border-color:var(--accent)}.racket-locked{opacity:.75;border-style:dashed}.racket-name{font-size:8px;letter-spacing:1px}.racket-price{font-size:8px;color:var(--accent)}.racket-hint{font-size:10px;color:var(--accent);letter-spacing:1px;text-align:center}.creator-actions{display:flex;gap:12px;width:100%;max-width:420px;justify-content:space-between}@media(max-width:380px){.creator{flex-direction:column;align-items:center}.creator-right{width:100%}}.game-screen{flex:1;display:flex;flex-direction:column;min-height:0;padding-bottom:env(safe-area-inset-bottom);position:relative}.scoreboard{background:var(--bg-panel);border-bottom:3px solid var(--border);padding:8px 12px 6px;font-size:14px}.score-row{display:flex;align-items:baseline;gap:10px;padding:2px 0}.score-name{flex:1;font-weight:700;letter-spacing:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.serve-dot{color:var(--accent);margin-right:6px;font-size:10px}.diff-tag{font-size:9px;color:var(--dim);margin-left:8px;letter-spacing:1px}.score-games{color:var(--dim);font-weight:700;letter-spacing:3px}.score-points{width:44px;text-align:right;font-size:18px;font-weight:700;color:var(--accent)}.score-meta{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--dim);letter-spacing:1px;padding-top:4px;border-top:1px solid var(--border);margin-top:4px}.challenges{color:var(--green);letter-spacing:2px}.hud-icons{display:flex;gap:6px}.icon-btn{background:transparent;border:none;color:var(--dim);font-size:14px;padding:2px 6px}.banner-slot{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:center;justify-content:center;pointer-events:none}.banner{background:#0a1024eb;border:2px solid var(--accent);color:var(--accent);font-size:14px;font-weight:700;letter-spacing:2px;padding:8px 16px;white-space:nowrap;animation:banner-pop .18s ease-out}@keyframes banner-pop{0%{transform:scale(.7);opacity:0}}.canvas-wrap{flex:1;min-height:0;display:flex;align-items:flex-start;justify-content:center;background:#08102a;position:relative}.game-canvas{image-rendering:pixelated;touch-action:none;display:block}.action-bar{padding:10px 12px 14px;display:flex;flex-direction:column;gap:8px;background:var(--bg-panel);border-top:3px solid var(--border)}.shot-buttons{display:flex;gap:10px}.btn-shot{flex:1;font-size:16px;padding:18px 8px;min-height:58px}.btn-swing{background:var(--primary);border-color:#1c4ba5}.btn-slice{background:#7a4fb8;border-color:#5a3690}.btn-drop{background:#2c8f6e;border-color:#1d6a50}.btn-toss{background:var(--accent);border-color:#b8860b;color:#241a02}.btn-sub{display:block;font-size:9px;letter-spacing:1px;margin-top:2px;opacity:.85}.swipe-zone{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;touch-action:none}.joy-overlay{position:absolute;left:14px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:6}.court-challenge{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:7;width:auto}.mode-toggle{font-size:9px;letter-spacing:1px;color:var(--accent);border:1px solid var(--border);border-radius:4px;padding:2px 6px}.joystick{position:relative;width:118px;height:118px;border-radius:50%;border:3px solid var(--border);background:#131f426b;touch-action:none;flex-shrink:0}.joystick-knob{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;background:#e8ecf638;border:2px solid rgba(232,236,246,.55);pointer-events:none}.shot-cluster{display:flex;align-items:center;gap:10px}.shot-col{display:flex;flex-direction:column;gap:10px}.btn-round{border-radius:50%}.btn-small{flex:0 0 auto;width:58px;height:58px;min-height:0;padding:0;font-size:10px}.btn-big{flex:0 0 auto;width:94px;height:94px;min-height:0;padding:0;font-size:14px}.btn-big .btn-sub{font-size:8px}.btn-challenge{background:var(--red);border-color:#9c2626;font-size:16px;padding:14px;animation:challenge-pulse .7s infinite alternate}@keyframes challenge-pulse{to{filter:brightness(1.3)}}.result-title{font-size:40px;letter-spacing:5px}.result-win{color:var(--accent);text-shadow:3px 3px 0 #b8860b}.result-lose{color:var(--red);text-shadow:3px 3px 0 #6a1a1a}.result-panel{align-items:center;gap:8px}.result-format{font-size:11px;color:var(--dim);letter-spacing:2px}.result-score{font-size:24px;font-weight:700;letter-spacing:2px}.stats-table{width:100%;margin-top:6px;border-top:2px solid var(--border);padding-top:10px;display:flex;flex-direction:column;gap:7px}.stats-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.stats-row .stats-label{font-size:10px;color:var(--dim);letter-spacing:1px;text-align:center;text-transform:uppercase}.stats-head{margin-bottom:2px}.stats-head .stats-name{font-size:11px;color:var(--accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats-head .stats-name:last-child,.stats-row .stats-val:last-child{text-align:right}.stats-row .stats-val{font-size:13px;font-weight:700}.result-buttons{display:flex;flex-direction:column;gap:10px;width:100%;max-width:300px}.btn-career{background:var(--green);border-color:#2a7a49}.stat-row{display:flex;align-items:center;gap:8px}.stat-label{font-size:11px;letter-spacing:1px;color:var(--dim);width:118px;flex-shrink:0}.stat-bar{flex:1;height:12px;background:#0a1128;border:2px solid var(--border);overflow:hidden}.stat-fill{height:100%;background:var(--accent)}.xp-bar .stat-fill{background:var(--green)}.stat-val{font-size:12px;font-weight:700;width:26px;text-align:right;flex-shrink:0}.skills-panel{gap:12px}.pool-counter{font-size:13px;letter-spacing:2px}.pool-counter b{color:var(--accent)}.pool-counter .pool-done{color:var(--green)}.hub-panel{gap:10px}.hub-head{display:flex;justify-content:space-between;align-items:baseline}.hub-name{font-size:16px;font-weight:700;letter-spacing:2px}.hub-rank{font-size:14px;font-weight:700;color:var(--accent)}.hub-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--dim)}.hub-money{color:var(--green);font-weight:700}.hub-points{font-size:12px;color:var(--accent)}.hub-records{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:10px;padding-top:8px;border-top:1px solid var(--border);font-size:9px;color:var(--dim);letter-spacing:.5px}.hub-records b{color:var(--text)}.hub-event .card-name{color:var(--accent)}.hub-event{width:100%;max-width:340px}.sponsor-card{max-width:340px;gap:9px}.sponsor-current{border-color:var(--green)}.sponsor-tier-4{border-color:var(--accent);background:linear-gradient(160deg,#1a1607,var(--bg-panel) 60%)}.sponsor-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.sponsor-name{font-size:16px;letter-spacing:2px;color:var(--text)}.sponsor-tier-4 .sponsor-name{color:var(--accent)}.sponsor-tier{font-size:8px;letter-spacing:1px;color:#081020;background:var(--dim);padding:3px 6px;border-radius:2px}.sponsor-tier-3 .sponsor-tier{background:#2ee6a0}.sponsor-tier-4 .sponsor-tier{background:var(--accent)}.sponsor-blurb{font-size:11px;line-height:1.4;color:var(--dim)}.sponsor-gear{display:flex;gap:8px;justify-content:center;padding:6px;background:#0a1128;border:2px solid var(--border)}.sponsor-piece{display:flex;flex-direction:column;align-items:center;gap:2px}.sponsor-bonus{font-size:8px;letter-spacing:.5px;color:var(--green)}.sponsor-terms{display:flex;gap:14px;font-size:10px;letter-spacing:.5px;color:var(--dim)}.sponsor-terms b{color:var(--accent)}.sponsor-btn{width:100%;font-size:12px}.career-panel{max-width:340px;gap:10px}.career-section{font-size:11px;letter-spacing:2px;color:var(--accent)}.trophy-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.trophy-tile{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;border:2px solid var(--border);background:#0a1128;opacity:.5}.trophy-tile.trophy-won{opacity:1;border-color:var(--accent)}.trophy-icon{font-size:18px;line-height:1}.trophy-count{font-size:14px;color:var(--text)}.trophy-label{font-size:7px;letter-spacing:.5px;color:var(--dim);text-align:center}.plaque-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.plaque{display:flex;flex-direction:column;gap:2px;padding:7px 8px;border:2px solid var(--border);background:#0a1128}.plaque-on{border-color:var(--accent)}.plaque-off{opacity:.55}.plaque-mark{font-size:11px}.plaque-on .plaque-mark{color:var(--accent)}.plaque-label{font-size:10px;letter-spacing:1px;color:var(--text)}.plaque-hint{font-size:8px;line-height:1.3;color:var(--dim)}.career-retire{border-color:#6a2a3a}.btn-danger{background:var(--red);color:#081020;border:none}.legacy-crown{font-size:40px;line-height:1}.legacy-blurb{font-size:12px;color:var(--dim);text-align:center;max-width:320px;line-height:1.4}.news-panel{max-width:340px;gap:7px}.news-title{font-size:11px;letter-spacing:2px;color:var(--accent)}.news-item{font-size:11px;line-height:1.35;color:var(--text);padding-left:2px;border-left:2px solid var(--border);padding-top:1px;padding-bottom:1px;text-indent:6px}.hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:340px}.hub-grid .btn{padding:12px 8px;font-size:13px}.bracket-round-label{font-size:12px;letter-spacing:1px;text-align:center;color:var(--text)}.bracket-round-label b{color:var(--accent)}.scout-card{max-width:340px;gap:10px}.scout-card.scout-rival{border-color:var(--red);box-shadow:4px 4px #e0484840}.scout-head{display:flex;align-items:center;gap:10px}.scout-id{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.scout-name{font-size:14px;letter-spacing:1px;color:var(--text)}.scout-sub{font-size:11px;color:var(--dim)}.scout-stars{color:var(--accent);letter-spacing:1px}.scout-rival-badge{font-size:9px;letter-spacing:1px;color:#081020;background:var(--red);padding:3px 6px;border-radius:2px;white-space:nowrap}.scout-style{font-size:11px;letter-spacing:2px;color:var(--accent);text-align:center;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:6px 0}.scout-tags{display:flex;flex-direction:column;gap:5px}.scout-tag{font-size:11px;letter-spacing:.5px;line-height:1.3}.scout-strength{color:#f2b8b8}.scout-weakness{color:#9fe0b8}.scout-h2h{font-size:10px;letter-spacing:1px;color:var(--dim);border-top:1px solid var(--border);padding-top:8px}.scout-h2h b{color:var(--text);font-size:12px}.scout-h2h-note{color:var(--accent)}.bracket-scroll{width:100%;max-width:380px;overflow-x:auto;-webkit-overflow-scrolling:touch}.bracket{display:flex;gap:10px;padding-bottom:6px}.bracket-round{display:flex;flex-direction:column;justify-content:space-around;gap:6px;min-width:128px}.bracket-round-name{font-size:9px;letter-spacing:1px;color:var(--dim);text-align:center}.bracket-slot{background:var(--bg-panel);border:2px solid var(--border);font-size:10px;padding:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bracket-user{border-color:var(--accent);color:var(--accent);font-weight:700}.bracket-seed{color:var(--dim);font-size:9px}.bracket-next{max-width:340px;text-align:center;font-size:13px}.bracket-next b{color:var(--accent)}.cal-row{align-items:center}.cal-week{font-size:12px;font-weight:700;color:var(--dim);flex-shrink:0}.cal-crest{display:flex;align-items:flex-end;justify-content:center;width:34px;flex-shrink:0}.tournament-crest{display:block;image-rendering:pixelated}.bracket-crest{display:flex;justify-content:center;margin-bottom:2px}.hub-event-crest{display:flex;align-items:flex-end;flex-shrink:0}.cal-past{opacity:.45}.cal-here{background:var(--accent);margin-left:auto;flex-shrink:0}.rankings-panel{gap:6px;max-width:380px}.rank-row{display:flex;align-items:baseline;gap:10px;font-size:12px;padding:3px 0}.rank-user{color:var(--accent);font-weight:700}.rank-num{width:42px;color:var(--dim);flex-shrink:0}.rank-user .rank-num{color:var(--accent)}.rank-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-meta{display:inline-flex;align-items:baseline;gap:6px;flex-shrink:0;font-size:9px;color:var(--dim)}.rank-age:after{content:"y";opacity:.6}.rank-slams{color:var(--dim)}.rank-stars{font-size:9px;color:var(--accent);letter-spacing:1px}.rank-pts{width:48px;text-align:right;font-weight:700}.rank-page{font-size:12px;color:var(--dim);align-self:center}.reward-rows{display:flex;flex-direction:column;gap:8px}.reward-row{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1px;color:var(--dim)}.reward-row b{color:var(--text)}.reward-highlight,.reward-highlight b{color:var(--accent)}.saves-panel{max-width:380px}.save-code{width:100%;background:#0a1128;border:2px solid var(--border);color:var(--dim);font-family:var(--font);font-size:10px;padding:8px;resize:none;word-break:break-all}.save-code:focus{outline:none;border-color:var(--accent)}.save-msg{font-size:11px;color:var(--green)}.btn-danger{border-color:var(--red);color:var(--red)}.shop-section{width:100%;max-width:380px;display:flex;flex-direction:column;gap:8px}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}.shop-card{background:var(--bg-panel);border:3px solid var(--border);padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:6px}.shop-swatch{width:26px;height:26px;border:2px solid var(--border)}.shop-name{font-size:10px;font-weight:700;letter-spacing:1px;text-align:center}.shop-bonus{font-size:9px;color:var(--green)}.shop-btn{padding:7px 8px;font-size:10px;width:100%}.ch-ai{color:var(--dim);opacity:.8}.banner-alert{animation:bannerPulse .7s ease-in-out infinite;border-color:var(--accent)}@keyframes bannerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.btn-challenge{animation:challengePulse .7s ease-in-out infinite}@keyframes challengePulse{0%,to{transform:scale(1);box-shadow:3px 3px #0006}50%{transform:scale(1.07);box-shadow:3px 3px #0006,0 0 14px #ffd93d8c}}.stars{display:inline-block;font-size:16px;letter-spacing:2px;line-height:1;color:#2a3a6a;flex:1}.stars-track{position:relative;display:inline-block}.stars-bg{color:#2a3a6a}.stars-fill{position:absolute;left:0;top:0;overflow:hidden;white-space:nowrap;color:var(--accent);text-shadow:1px 1px 0 rgba(0,0,0,.4)}.flag{font-size:14px}.pixelflag{image-rendering:pixelated;vertical-align:-2px;border:1px solid rgba(0,0,0,.45);flex-shrink:0}.flag-grid{display:flex;flex-wrap:wrap;gap:6px}.flag-chip{display:inline-flex;align-items:center;gap:4px}.hub-id{display:flex;gap:14px;align-items:flex-start}.hub-avatar{background:#0a1128;border:2px solid var(--border);padding:4px;flex-shrink:0}.hub-id-text{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.hub-week-label{font-size:11px;letter-spacing:2px;color:var(--dim)}.hub-locked{opacity:.55}.hub-slam .card-name{color:var(--accent)}.hub-event{align-items:center}.hub-cup-flag{font-size:26px}.bracket-matches{display:flex;flex-direction:column;justify-content:space-around;gap:8px;flex:1}.draw-match{background:var(--bg-panel);border:2px solid var(--border);display:flex;flex-direction:column}.draw-champion{border-color:var(--accent)}.draw-row{display:flex;align-items:center;gap:5px;font-size:10px;padding:4px 6px;white-space:nowrap;min-width:0}.draw-row+.draw-row{border-top:1px solid #223055}.draw-user{color:var(--accent);font-weight:700}.draw-loser{opacity:.45}.draw-seed{color:var(--dim);font-size:8px;width:16px;flex-shrink:0;text-align:right}.draw-name{overflow:hidden;text-overflow:ellipsis;flex:1}.draw-score{font-weight:700;color:var(--green);flex-shrink:0}.draw-user .draw-score{color:var(--accent)}.draw-sim-tag{color:var(--dim);font-size:8px}.draw-tbd{color:#2a3a6a;justify-content:center}.bracket-round{min-width:168px}.cup-row{background:var(--bg-panel);border:2px solid var(--border);font-size:11px;padding:8px}.cal-body{gap:7px;min-width:0;flex:1}.cal-event{display:flex;align-items:center;gap:8px;min-width:0}.cal-minor{opacity:.75}.cal-name{font-size:12px;font-weight:700;letter-spacing:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cal-minor .cal-name{font-weight:400;font-size:11px}.cal-tier{font-size:8px;letter-spacing:1px;color:var(--dim);border:1px solid var(--border);padding:2px 4px;flex-shrink:0}.cal-lock{font-size:10px}.shop-brand{font-size:8px;letter-spacing:2px;color:var(--accent);border-bottom:1px solid var(--border);padding-bottom:3px;width:100%;text-align:center}.shop-blurb{font-size:8px;color:var(--dim);text-align:center;line-height:1.4;min-height:22px}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}.reward-head{border-bottom:1px solid var(--border);padding-bottom:6px}@media(min-width:700px){.app{border-left:3px solid var(--border);border-right:3px solid var(--border);width:min(1100px,94vw);max-width:none}.app:has(>.game-screen){width:min(760px,calc((100dvh - 176px)*.6))}}@media(min-width:700px){.app>.screen{zoom:1.2}.welcome-art{max-height:52dvh}.panel,.howto-panel,.card-row,.card-col{max-width:560px}.creator,.racket-section,.creator-actions{max-width:620px}.hub-panel,.hub-event,.bracket-next{max-width:560px}.hub-grid{max-width:560px;grid-template-columns:repeat(3,1fr)}.bracket-scroll{max-width:100%}.bracket-round{min-width:150px}.rankings-panel,.saves-panel{max-width:560px}.shop-section{max-width:860px}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.shop-card{padding:14px 10px}.shop-name{font-size:12px}.shop-blurb{font-size:10px;line-height:1.5}.shop-bonus{font-size:11px}.shop-btn{font-size:12px}}