:root{color:#343e38;font-synthesis:none;-webkit-font-smoothing:antialiased;background:#f5f1e7;font-family:Yu Gothic,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 15% 8%,#fffdf8 0,#0000 32%),#f5f1e7;min-width:280px;margin:0}button,summary{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #508b7d}.queue-list:focus-visible{outline-offset:-3px;outline:3px solid #508b7d}button:disabled{cursor:default;opacity:.45}[hidden]{display:none!important}.page{width:min(100% - 32px,750px);margin:0 auto;padding:28px 0 22px}.masthead{padding:0 3px 18px}.brand{letter-spacing:.19em;color:#78837a;align-items:center;gap:10px;font-size:9px;font-weight:800;display:flex}.brand-number{color:#a2937f;letter-spacing:.13em;margin-left:auto}.brand-mark{align-items:flex-end;gap:2px;width:23px;height:18px;display:inline-flex}.brand-mark i{background:#d1a77a;border-radius:1px;width:6px;height:9px}.brand-mark i:nth-child(2){background:#94ad9b;height:16px}.brand-mark i:nth-child(3){background:#c98c7c;height:12px}h1{letter-spacing:.12em;margin:13px 0 4px;font-size:clamp(25px,4.7vw,35px);font-weight:800;line-height:1.25}h1 span{color:#bc8d72;font-weight:400}.masthead p{color:#82877d;letter-spacing:.09em;margin:0;font-size:12px}.game{background:#fffdf8;border:1px solid #e4ddce;border-radius:20px;overflow:hidden;box-shadow:0 16px 50px #7e6c5110,0 2px 8px #7e6c5109}.status-bar{align-items:center;gap:23px;min-height:72px;padding:13px 25px;display:flex}.status-item{flex-direction:column;gap:2px;min-width:89px;display:flex}.status-item>span{color:#99998c;letter-spacing:.08em;font-size:10px;font-weight:700}.status-button{text-align:left;background:0 0;border:0;align-items:flex-start;padding:0}.status-button:disabled{opacity:1}.status-button .queue-hint{color:#668879;text-underline-offset:3px;font-size:9px;text-decoration:underline}.status-button:disabled .queue-hint{visibility:hidden}.status-item strong{color:#47594e;font-family:Georgia,serif;font-size:25px;font-weight:400;line-height:1}.status-item strong b{font-weight:400}.status-item strong small{color:#92998e;margin-left:4px;font-family:Yu Gothic,sans-serif;font-size:10px}.status-divider{background:#e8e5dc;width:1px;height:32px}.status-note{text-align:right;color:#adad9f;letter-spacing:.12em;margin-left:auto;line-height:1.25}.status-note span{margin-bottom:2px;font-size:8px;display:block}.status-note strong{font-size:9px}.scene{background:#f1f3e9;border:1px solid #e6e9df;border-radius:12px;margin:0 14px;position:relative;overflow:hidden}canvas{touch-action:none;width:100%;height:auto;display:block}.overlay{background:0 0;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:14px;position:fixed;inset:0;overflow-y:auto}.overlay[open]{place-items:center;display:grid}.overlay::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#53685d82}.overlay-card{text-align:center;overscroll-behavior:contain;background:#fffdf8;border:1px solid #ece6d9;border-radius:16px;width:min(100%,350px);max-height:calc(100dvh - 28px);padding:22px 24px;overflow-y:auto;box-shadow:0 14px 38px #40514830}.overlay-symbol{justify-content:center;align-items:flex-end;gap:4px;height:44px;margin:0 auto 15px;display:flex}.overlay-symbol i{background:#d5977c;border-radius:3px;width:27px;height:27px;display:block;transform:rotate(-5deg);box-shadow:inset 2px 2px #fff4,0 2px 2px #80645022}.overlay-symbol i:nth-child(2){background:#a5bba5;width:24px;height:38px;transform:rotate(3deg)}.overlay-symbol i:nth-child(3){background:#d8b785;height:22px;transform:rotate(5deg)}.overline{color:#a0a698;letter-spacing:.17em;font-size:9px;font-weight:800;display:block}.overlay h2{letter-spacing:.08em;margin:10px 0;font-size:clamp(18px,4.6vw,23px)}.overlay p{color:#777e73;margin:0 0 17px;font-size:12px;line-height:1.9}.primary{color:#fff;background:#577a69;border:1px solid #4f715f;border-radius:10px;font-weight:700;transition:background .15s,transform .15s;box-shadow:0 3px #3e6150}.primary:not(:disabled):hover{background:#486b59}.primary:not(:disabled):active{transform:translateY(2px);box-shadow:0 1px #3e6150}.overlay-action{min-width:160px;min-height:45px;padding:9px 19px;font-size:13px}.overlay-action span{margin-left:15px}.view-tower{color:#6f8979;text-underline-offset:3px;background:0 0;border:0;min-height:44px;margin:7px auto 0;font-size:11px;font-weight:700;text-decoration:underline;display:block}.mode-picker{text-align:left;margin:0 0 14px}.mode-picker>span{color:#929c8f;margin:0 0 6px 2px;font-size:10px;font-weight:700;display:block}.mode-options{grid-template-columns:1fr 1fr;gap:7px;display:grid}.mode-button{color:#78887b;background:#f8f8f2;border:1px solid #e0e5da;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:50px;display:flex}.mode-button[aria-pressed=true]{color:#466a58;background:#e9f0e6;border-color:#6c9480;box-shadow:inset 0 0 0 1px #6c9480}.mode-button strong{font-size:14px}.mode-button small{font-size:10px}.queue-dialog{color:#343e38;background:#fffdf8;border:1px solid #e3e5da;border-radius:16px;width:min(560px,100vw - 28px);max-width:none;max-height:calc(100dvh - 28px);padding:20px;box-shadow:0 14px 38px #40514830}.queue-dialog[open]{flex-direction:column;display:flex}.queue-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#53685d82}.queue-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.queue-head h2{letter-spacing:.08em;margin:6px 0 0;font-size:19px}.queue-close{color:#61796a;background:#f8f8f2;border:1px solid #e0e5da;border-radius:9px;flex:none;width:44px;height:44px;font-size:25px;line-height:1}.queue-dialog>p{color:#78877b;margin:8px 0 14px;font-size:11px;line-height:1.7}.queue-list{overscroll-behavior:contain;grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:7px;min-height:0;margin:0;padding:0 2px 2px;list-style:none;display:grid;overflow-y:auto}.queue-list li{background:#f8f9f2;border:1px solid #ecede4;border-radius:9px;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:7px 3px 8px;display:flex}.queue-list li:first-child{background:#eef5e9;border-color:#a9c3ad}.queue-number{color:#97a598;font-size:10px;font-weight:700}.queue-icon{width:58px;height:38px;display:block}.queue-name{color:#667b6b;white-space:nowrap;font-size:10px}.instruction-row{color:#747f73;justify-content:space-between;align-items:center;gap:8px;padding:13px 25px 4px;font-size:11px;display:flex}.instruction-row p{min-height:1.4em;margin:0}.instruction-row>span{color:#a49d8c;white-space:nowrap;font-size:10px}.controls{align-items:flex-end;gap:12px;padding:8px 25px 17px;display:flex}.control-group{flex:none}.control-label{color:#a3a497;letter-spacing:.08em;margin:0 0 5px 1px;font-size:9px;font-weight:700;display:block}.button-pair{gap:5px;display:flex}.control{color:#5c6e60;background:#fafaf4;border:1px solid #e0e1d7;border-radius:9px;width:51px;height:45px;font-size:22px;line-height:1}.control:not(:disabled):hover{background:#edf2e9}.drop{flex:1;justify-content:center;align-items:center;gap:18px;min-height:45px;margin-left:4px;padding:0 17px;font-size:13px;display:flex}.drop span:last-child{font-size:17px}.game-foot{border-top:1px solid #efeee6;justify-content:space-between;align-items:flex-start;gap:15px;padding:11px 25px 14px;display:flex}details{color:#7e897d;max-width:75%;font-size:11px;line-height:1.8}summary{cursor:pointer;color:#738174;font-weight:700;list-style:none}summary::-webkit-details-marker{display:none}summary span{margin-left:3px;transition:transform .15s;display:inline-block}details[open] summary span{transform:rotate(45deg)}details p{margin:8px 0 0}.restart{white-space:nowrap;color:#9b998b;background:0 0;border:0;padding:0;font-size:11px;font-weight:700;line-height:1.8}.restart:hover{color:#577a69}.foot-actions{flex-wrap:wrap;justify-content:flex-end;gap:3px 12px;display:flex}.page-footer{color:#a2a194;justify-content:space-between;padding:15px 3px 0;font-size:10px;display:flex}.page-footer span:last-child{letter-spacing:.13em;font-size:8px;font-weight:800}@media (min-width:600px){.page{padding-top:20px}.masthead{padding-bottom:12px}.game{grid-template-columns:minmax(0,1fr) 230px;display:grid}.status-bar{grid-column:1/-1}.scene{grid-area:2/1/5;align-self:start;margin:0 0 14px 14px}.instruction-row{grid-area:2/2;padding:0 14px;line-height:1.7;display:block}.instruction-row>span{white-space:normal;margin-top:7px;display:block}.controls{grid-area:3/2;grid-template-columns:1fr 1fr;align-items:end;gap:10px 6px;padding:14px;display:grid}.control{width:44px}.drop{grid-column:1/-1;margin:2px 0 0}.game-foot{grid-area:4/2;align-self:stretch;margin:0 14px;padding:11px 0;display:block}details{max-width:none}.foot-actions{justify-content:start;gap:8px;margin-top:12px;display:grid}}@media (max-height:550px){.overlay-card{padding-top:14px;padding-bottom:14px}.overlay-symbol{height:33px;margin-bottom:8px}.overlay-symbol i:nth-child(2){height:32px}.overlay p{margin-bottom:10px}}@media (max-width:500px){.page{width:min(100% - 20px,750px);padding-top:17px}.masthead{padding-bottom:13px}h1{margin-top:10px}.game{border-radius:15px}.status-bar{gap:13px;min-height:63px;padding:11px 15px}.status-item{min-width:71px}.status-item strong{font-size:22px}.scene{border-radius:9px;margin:0 9px}.instruction-row{flex-direction:column;align-items:flex-start;gap:2px;padding:10px 14px 3px}.controls{gap:6px;padding:7px 14px 14px}.control{width:44px;height:44px}.button-pair{gap:3px}.drop{gap:5px;min-width:0;min-height:44px;padding:0 9px;font-size:12px}.game-foot{padding:10px 14px 12px}.page-footer span:last-child{display:none}}@media (max-width:320px){.controls{gap:4px;padding-left:8px;padding-right:8px}.drop{gap:3px;padding:0 5px;font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important}}
