:root{color:#243e49;font-synthesis:none;--gold:#edc67e;--mint:#8bd8cb;background:#f0eee5;font-family:Yu Gothic UI,Hiragino Sans,Meiryo,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 85% 0,#d9e5df 0,#0000 50%),#f0eee5;margin:0}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:#f9f8f1;border:1px solid #b5c1bc;border-radius:8px;min-height:44px;padding:8px 13px;font-weight:700}button:hover:enabled{background:#e6eee7}button:disabled{cursor:default;opacity:.5}button:focus-visible,canvas:focus-visible{outline-offset:3px;outline:3px solid #e0a94e}[hidden]{display:none!important}.app{width:min(1000px,100% - 40px);margin:0 auto}.heading{justify-content:space-between;align-items:center;gap:16px;padding:24px 0 18px;display:flex}.eyebrow{letter-spacing:.19em;color:#667e7f;margin:0 0 5px;font:700 10px/1.5 ui-monospace,Consolas,monospace}h1{letter-spacing:.03em;margin:0;font-size:clamp(23px,3vw,32px);font-weight:800;line-height:1.3}h1 span{font-weight:500}.heading nav{gap:6px;display:flex}.heading button{background:#f9f8f199;padding:8px 12px;font-size:12px}.game-layout{grid-template-columns:minmax(0,1fr) 264px;gap:38px;max-width:840px;margin:auto;display:grid}.play-column{flex-direction:column;align-items:center;min-width:0;display:flex}.scorebar{letter-spacing:.06em;justify-content:space-between;align-items:center;gap:12px;width:min(100%,70.5882svh - 137.647px);padding:0 4px 9px;font:700 10px/1.4 ui-monospace,Consolas,monospace;display:flex}.scorebar strong{margin-left:4px;font-size:20px}.scorebar small{color:#7b8b89;margin-left:3px;font-weight:400}#lives{color:#b27669;letter-spacing:3px}#weather-mini{font-family:inherit}.board-shell{background:#203744;border-radius:18px;width:min(100%,70.5882svh - 137.647px);min-width:240px;max-width:480px;position:relative;overflow:hidden;box-shadow:0 16px 35px #20374424,0 3px #183240}canvas{aspect-ratio:12/17;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.rack{color:#f5edd9;background:#233f4eeb;border:1px solid #bdd8d355;border-radius:7px;width:calc(24% - 4px);min-width:66px;min-height:48px;padding:5px 3px;line-height:1.3;position:absolute;bottom:9px;box-shadow:0 2px 7px #10222d22}.rack:disabled{opacity:.72}.rack:enabled{border-color:#edc67e;box-shadow:0 0 0 2px #edc67e22}.rack:hover:enabled{background:#36535d}.rack-left{left:10px}.rack-right{right:10px}.rack small{display:none}.rack strong{font-size:12px;display:block}.rack span{margin-top:3px;font-size:10px;display:block}.overlay{z-index:3;background:#122c3c78;place-items:center;padding:15px;display:grid;position:absolute;inset:0}.overlay-card{text-align:center;background:#f7f4eaf5;border:1px solid #fff9;border-radius:15px;width:100%;max-width:350px;padding:26px 20px 23px;box-shadow:0 12px 40px #102b3e33}.overlay-card .overline{letter-spacing:.2em;color:#6a8587;margin:0 0 15px;font:700 10px/1.5 monospace}.overlay-card h2{letter-spacing:.04em;margin:0 0 14px;font-size:25px;line-height:1.55}.overlay-card p{margin:12px 0;font-size:12px;line-height:1.95}.overlay-card button{width:100%;margin-top:10px}.overlay-card .primary{color:#f8f2df;background:#24454e;border-color:#24454e}.overlay-card .primary:hover{background:#375d64}.overlay-card .accent{color:#a17736}.overlay-card .result-numbers{justify-content:center;gap:20px;margin:18px 0;display:flex}.result-numbers b{font-size:23px;display:block}.result-numbers span{color:#6c817e;font-size:10px}.help-copy{text-align:left;max-height:51svh;overflow:auto}.help-copy p{font-size:12px;line-height:1.85}.help-copy b{color:#385a5d}.under-board{text-align:center;justify-content:center;align-items:center;gap:8px;width:100%;min-height:38px;display:flex}.under-board p{color:#647e7b;margin:9px 0;font-size:11px;line-height:1.5}.under-board button{white-space:nowrap;color:#fff;background:#24454e;padding:7px 12px;font-size:12px}.sidebar{align-self:start;gap:16px;padding-top:32px;display:grid}.weather-card{background:#e0e8e0;border:1px solid #c4d1c7;border-radius:12px;padding:20px}.card-label{letter-spacing:.12em;color:#70837c;margin:0;font:700 9px/1.5 ui-monospace,Consolas,monospace}.card-label span{float:right;letter-spacing:0}.weather-title{align-items:center;gap:15px;margin:12px 0 9px;display:flex}.weather-title>span{font-size:32px;line-height:1}h2{margin:0;font-size:22px}.weather-card p{min-height:20px;margin:9px 0 15px;font-size:11px;line-height:1.8}.meter{background:#99aaa333;border-radius:3px;height:3px;overflow:hidden}.meter i{background:#6e9d91;border-radius:3px;width:100%;height:100%;display:block}.effect-card{border-bottom:1px solid #b8c7bf;padding:4px 4px 16px}.effect-card h2{margin:7px 0 14px;font-size:20px}.wet{align-items:center;gap:13px;display:flex}.wet>span{color:#7c8d85;font-size:10px}.wet .meter{flex:1}.wet i{background:#83a9c2}.ball-label{margin-top:22px}#effects{flex-wrap:wrap;align-items:center;gap:5px;min-height:34px;margin-top:6px;display:flex}.effect-pill{background:#faf8ee;border:1px solid #587a7144;border-radius:30px;padding:5px 9px;font-size:11px}.empty-effect{color:#7b8b84;font-size:11px}#exchange-progress{color:#937347;margin:12px 0 0;font-size:12px}.hint-card{align-items:center;gap:13px;display:flex}.hint-star{color:#bd9353;font-size:36px}.hint-card p{margin:0;font-size:11px;line-height:1.9}.hint-card strong{font-size:14px}.small-note{color:#71877f;margin:0;font-size:11px;line-height:1.9}.quiet{background:0 0;border-color:#c4cec4;font-size:11px}footer{text-align:center;letter-spacing:.25em;color:#8c9b90;padding:12px 0 14px;font:600 8px/1.5 monospace}@media (max-width:650px){.app{width:calc(100% - 24px)}.heading{align-items:center;gap:8px;padding:14px 0 12px}.eyebrow{letter-spacing:.11em;font-size:8px}.heading nav{gap:3px}.heading button{min-width:44px;padding:6px;font-size:10px}.heading h1{letter-spacing:0;max-width:220px;font-size:21px}.heading h1 span{white-space:nowrap}.game-layout{flex-direction:column;gap:8px;display:flex}.scorebar,.board-shell{width:min(100%,70.5882svh - 165.882px)}.scorebar{padding-bottom:7px}.sidebar{flex-wrap:wrap;justify-content:space-between;align-self:center;align-items:center;gap:5px 12px;width:min(100%,480px);padding:0;display:flex}.weather-card,.hint-card,.small-note{display:none}.effect-card{border:0;flex-wrap:wrap;align-items:center;gap:7px;padding:0;display:flex}.effect-card>.card-label,.effect-card .wet,.ball-label{display:none}.effect-card h2{white-space:nowrap;margin:0;font-size:12px}.effect-card #effects{gap:3px;min-height:24px;margin:0}.effect-pill{padding:3px 6px;font-size:10px}.effect-card #exchange-progress{margin:0;font-size:10px}.quiet{min-height:44px;padding:6px 8px;font-size:10px}.under-board{min-height:35px}.under-board p{min-height:15px;font-size:10px}.overlay-card{padding:22px 15px}.overlay-card h2{font-size:22px}.overlay-card p{font-size:11px}.board-shell{border-radius:14px}.rack{min-height:46px;bottom:7px}.rack strong{font-size:11px}.rack span{font-size:9px}footer{padding:9px 0;font-size:7px}}@media (max-width:350px){.heading h1{font-size:18px}.heading{gap:4px}.eyebrow{font-size:7px}.heading button{padding:5px;font-size:9px}.app{width:calc(100% - 16px)}.game-layout{gap:5px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}