:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Hiragino Sans,Yu Gothic,sans-serif}*{box-sizing:border-box}html,body{color:#f5f5f0;overscroll-behavior:none;touch-action:manipulation;background:#0d1f18;height:100%;margin:0;padding:0}#app{flex-direction:column;align-items:center;gap:12px;min-height:100vh;padding:16px 8px 32px;display:flex}#screenRoot{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}h1{text-align:center;margin:4px 0;font-size:18px}.game-canvas{touch-action:none;background:#0d1f18;border:1px solid #ffffff26;border-radius:8px;max-width:100%}.room-screen{flex-direction:column;align-items:stretch;gap:14px;width:100%;max-width:400px;margin-top:12px;display:flex}.top-screen{color:#1b2430;background:linear-gradient(#fff,#f6f8f6);border-radius:20px;flex-direction:column;gap:22px;width:100%;max-width:400px;margin-top:8px;padding:30px 22px 26px;display:flex;box-shadow:0 24px 60px #00000073}.top-hero{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.top-ball-icon{filter:drop-shadow(0 6px 10px #16543f40);width:60px;height:60px}.top-title{color:#16543f;letter-spacing:.02em;margin:0;font-size:22px;font-weight:800;line-height:1.35}.top-tagline{color:#667080;margin:0;font-size:12.5px;line-height:1.7}.top-name-field{flex-direction:column;gap:6px;display:flex}.top-name-field label{color:#16543f;font-size:12px;font-weight:700}.top-name-field input{color:#1b2430;background:#f8faf9;border:1.5px solid #dde3df;border-radius:10px;padding:12px 14px;font-size:15px}.top-name-field input:focus{background:#fff;border-color:#16543f;outline:none}.top-actions{flex-direction:column;gap:12px;display:flex}.top-card{text-align:left;cursor:pointer;font:inherit;background:#fbfcfb;border:1.5px solid #e6eae7;border-radius:14px;align-items:center;gap:14px;padding:14px 16px;transition:transform .1s ease-out,box-shadow .15s ease-out;display:flex}.top-card:active{transform:scale(.97)}.top-card-primary{background:linear-gradient(135deg,#1b3a2f,#16543f);border-color:#0000;box-shadow:0 10px 24px #16543f59}.top-card-primary .top-card-title{color:#fff}.top-card-primary .top-card-desc{color:#ffffffbf}.top-card-icon{background:#16543f14;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;display:flex}.top-card-primary .top-card-icon{background:#ffffff26}.top-card-text{flex-direction:column;gap:2px;display:flex}.top-card-title{color:#1b2430;font-size:15px;font-weight:700}.top-card-desc{color:#8892a0;font-size:11.5px}.top-card-join{cursor:default;align-items:flex-start}.top-join-body{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.top-join-body .join-row input{letter-spacing:.15em;text-align:center;color:#1b2430;background:#fff;border:1.5px solid #dde3df;border-radius:8px;flex:1;min-width:0;padding:10px;font-size:16px}.join-btn{color:#1b1b1b;cursor:pointer;background:#fc3;border:none;border-radius:8px;padding:10px 18px;font-weight:700;transition:transform .1s ease-out}.join-btn:active{transform:scale(.94)}.top-screen .top-error{color:#c0392b}.primary-btn,.secondary-btn{cursor:pointer;border:none;border-radius:8px;padding:14px;font-size:16px;font-weight:700;transition:transform .1s ease-out}.primary-btn:active,.secondary-btn:active,.side-btn:active,.course-cell:active,.pitch-type-btn:active,.throw-btn:active{transform:scale(.94)}.primary-btn{color:#1b1b1b;background:#fc3}.secondary-btn{color:#f5f5f0;background:#ffffff1a;border:1px solid #ffffff40}.join-row{gap:8px;display:flex}.join-row input{letter-spacing:.15em;text-align:center;color:#f5f5f0;background:#ffffff0d;border:1px solid #ffffff4d;border-radius:8px;flex:1;min-width:0;padding:12px;font-size:18px}.top-error{color:#e05a5a;text-align:center;font-size:13px}.room-code{letter-spacing:.2em;text-align:center;background:#ffffff14;border-radius:8px;padding:12px;font-size:40px;font-weight:700}.player-list{flex-direction:column;gap:4px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.side-choice{flex-direction:column;align-items:center;gap:8px;display:flex}.side-btn{color:#f5f5f0;cursor:pointer;background:#ffffff14;border:1px solid #ffffff4d;border-radius:8px;padding:10px 20px;transition:transform .1s ease-out}.match-screen{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:400px;display:flex}.conn-banner{color:#f5f5f0;text-align:center;background:#e05a5a33;border:1px solid #e05a5a;border-radius:6px;width:100%;max-width:400px;margin-bottom:8px;padding:8px 12px;font-size:13px}.pitcher-view{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.pitch-status{opacity:.85;text-align:center;min-height:1.4em;font-size:14px}.course-grid{grid-template-columns:repeat(5,1fr);gap:4px;width:250px;display:grid}.course-cell{aspect-ratio:1;cursor:pointer;background:#ffffff0d;border:1px solid #fff3;border-radius:4px;transition:transform .1s ease-out}.course-cell.strike{background:#ffffff1a;border-color:#fff6}.course-cell.selected{background:#fc3;border-color:#fc3}.course-cell:disabled{opacity:.5;cursor:not-allowed}.pitch-types{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.pitch-type-btn{color:#f5f5f0;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff40;border-radius:6px;padding:8px 12px;transition:transform .1s ease-out}.pitch-type-btn.selected{color:#12331a;background:#7ed957;border-color:#7ed957}.pitch-type-btn:disabled{opacity:.5;cursor:not-allowed}.throw-btn{color:#1b1b1b;cursor:pointer;background:#fc3;border:none;border-radius:8px;padding:12px 28px;font-size:16px;font-weight:700;transition:transform .1s ease-out}.throw-btn:disabled{opacity:.4;cursor:not-allowed}.scoreboard{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;width:100%;max-width:400px;padding:8px 14px;font-family:monospace;font-size:13px}.scoreboard.sb-flash{animation:.6s ease-out sb-flash-anim}@keyframes sb-flash-anim{0%{background:#ffcc3373;border-color:#fc3}to{background:#ffffff0f;border-color:#ffffff1f}}.sb-row{justify-content:space-between;align-items:center;display:flex}.sb-mid{margin-top:8px}.sb-inning{opacity:.85}.sb-diamond{width:46px;height:38px;position:relative}.sb-base{background:#ffffff1f;border:1px solid #fff6;width:12px;height:12px;position:absolute;transform:rotate(45deg)}.sb-base.on{background:#fc3;border-color:#fc3}.sb-base1{bottom:0;right:2px}.sb-base2{margin-left:-6px;top:0;left:50%}.sb-base3{bottom:0;left:2px}.sb-count{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.sb-stats{opacity:.75;border-top:1px solid #ffffff1a;margin-top:6px;padding-top:6px;font-size:11px}.gameover{text-align:center;background:#00000059;border:1px solid #ffffff26;border-radius:8px;width:100%;max-width:400px;padding:18px}.gameover h2{margin:0 0 8px}.gameover button{color:#1b1b1b;cursor:pointer;background:#fc3;border:none;border-radius:6px;margin-top:12px;padding:10px 24px;font-size:15px;font-weight:700}.stats-table{border-collapse:collapse;width:100%;margin-top:14px;font-size:13px}.stats-table th,.stats-table td{text-align:center;border-bottom:1px solid #ffffff1f;padding:6px 8px}.stats-table th{opacity:.7;font-weight:400}.stats-table td:first-child{text-align:left;font-weight:700}.hint{opacity:.7;text-align:center;max-width:380px;font-size:12px}.turn-indicator{text-align:center;color:#fc3;background:#ffcc3326;border:1px solid #ffcc3380;border-radius:6px;width:100%;max-width:400px;margin:0;padding:6px 10px;font-size:14px;font-weight:700}.turn-indicator.cpu-turn{color:#f5f5f0b3;background:#ffffff0f;border-color:#fff3}.tuning{grid-template-columns:auto 1fr auto;align-items:center;gap:4px 8px;width:100%;max-width:380px;font-family:monospace;font-size:12px;display:grid}.tuning input[type=range]{width:100%}