.as-hasami-app{--ink:#28332b;--green:#315e48;--cream:#fffaf0;max-width:1080px;margin:20px auto;color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.as-hasami-app *{box-sizing:border-box}.as-hasami-app .hs-shell{padding:clamp(8px,2.5vw,26px);border-radius:24px;background:#e1e8de}.as-hasami-app .hs-hero{text-align:center;margin-bottom:22px}.as-hasami-app .eyebrow{margin:0;color:#527061;font-size:.75rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.as-hasami-app h2{margin:6px 0;font:600 clamp(2rem,6vw,3.5rem)/1.1 Georgia,serif}.as-hasami-app .hs-hero>p:last-child{color:#68746d;margin:8px 0}.as-hasami-app .hs-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:18px}.as-hasami-app .hs-panel{min-width:0;padding:16px;background:var(--cream);border:1px solid #ffffffb8;border-radius:20px;box-shadow:0 12px 32px #34443a20}.as-hasami-app .hs-aside{align-self:start;font-size:.93rem;line-height:1.5}.as-hasami-app h3{font:600 1.4rem Georgia,serif;margin:8px 0}.as-hasami-app .hs-players{display:flex;justify-content:space-between;align-items:center;gap:5px}.as-hasami-app .hs-player{display:flex;gap:7px;align-items:center;border:2px solid transparent;border-radius:12px;padding:7px;opacity:.6}.as-hasami-app .hs-player.active{border-color:#57906c;background:#e7f1e7;opacity:1}.as-hasami-app small{display:block;font-size:.75rem}.as-hasami-app .hs-turn{text-align:center;color:var(--green);font-size:.85rem}.as-hasami-app .hs-stone{display:block;width:26px;height:26px;flex-shrink:0;border-radius:50%;border:2px solid #786b54;box-shadow:0 2px 3px #0003}.as-hasami-app .hs-stone.white{background:radial-gradient(circle at 35% 28%,#fff,#f1eadb 65%,#c8bba3)}.as-hasami-app .hs-stone.black{background:radial-gradient(circle at 35% 28%,#69736b,#29322d 62%,#111512);border-color:#111713}.as-hasami-app .hs-status{min-height:3em;text-align:center;font-size:.9rem;margin:12px 0 6px}.as-hasami-app .hs-board-wrap{padding:3px;border:3px solid #916b39;border-radius:15px;background:#dfb777;box-shadow:inset 0 0 25px #8d602740,0 8px 16px #352e2420}.as-hasami-app .hs-board{display:block;width:100%;height:auto;aspect-ratio:1/1;touch-action:manipulation}.as-hasami-app .hs-square{fill:#ecd0a0;stroke:#8b6e43;stroke-width:1.5}.as-hasami-app .hs-piece{pointer-events:none;stroke-width:2.5}.as-hasami-app .white .hs-piece{fill:#fff9ea;stroke:#796c55}.as-hasami-app .black .hs-piece{fill:#29322d;stroke:#111713}.as-hasami-app .empty .hs-piece{display:none}.as-hasami-app .hs-target{display:none;pointer-events:none;fill:#315e48}.as-hasami-app .legal .hs-target{display:block}.as-hasami-app .legal .hs-square{fill:#c8d5a3}.as-hasami-app .last .hs-square{fill:#f4df86}.as-hasami-app .selected .hs-square{fill:#a9c393;stroke:#315e48;stroke-width:4}.as-hasami-app .hs-cell{cursor:pointer;outline:none}.as-hasami-app .hs-cell:focus-visible .hs-square{stroke:#1762b0;stroke-width:5}.as-hasami-app .hs-coordinate{font:16px system-ui;fill:#5d492f;pointer-events:none}.as-hasami-app .hs-caption{text-align:center;font-size:.78rem;color:#68746d;margin:14px 0 0}.as-hasami-app .hs-score{background:#f1e4c8;border-radius:12px;padding:12px}.as-hasami-app .hs-score span{display:flex;justify-content:space-between;gap:10px}.as-hasami-app .hs-controls{display:grid;gap:8px;margin:16px 0}.as-hasami-app button{min-height:44px;padding:10px 14px;border:0;border-radius:999px;background:var(--green);color:#fff;font:700 .95rem system-ui;cursor:pointer}.as-hasami-app button.secondary{border:1px solid #a8b4a9;background:#eef3ed;color:#294837}.as-hasami-app button:disabled{opacity:.45;cursor:default}.as-hasami-app .hs-rules{border-top:1px solid #d8dfd8;padding-top:14px}.as-hasami-app summary{cursor:pointer;font-weight:700}.as-hasami-app ul{padding-left:20px}.as-hasami-app li{margin:8px 0}
@media(max-width:800px){.as-hasami-app .hs-layout{grid-template-columns:1fr}.as-hasami-app .hs-controls{grid-template-columns:1fr 1fr}.as-hasami-app .hs-aside{padding:18px}.as-hasami-app .hs-board-panel{padding:12px}}
@media(max-width:440px){.as-hasami-app{margin:8px auto}.as-hasami-app .hs-shell{padding:8px 4px}.as-hasami-app .hs-board-panel{padding:10px 4px}.as-hasami-app .hs-player{padding:5px 3px;gap:4px;font-size:.8rem}.as-hasami-app small{font-size:.65rem}.as-hasami-app .hs-turn{font-size:.73rem}.as-hasami-app .hs-stone{width:20px;height:20px}.as-hasami-app .hs-status{font-size:.8rem}.as-hasami-app .hs-hero>p:last-child{font-size:.85rem}}
.as-hasami-app [hidden]{display:none!important}.as-hasami-app .hs-aside label{display:block;margin:10px 0;font-weight:650}.as-hasami-app .hs-aside select,.as-hasami-app .hs-aside input{display:block;box-sizing:border-box;width:100%;max-width:100%;min-height:44px;margin-top:5px;padding:8px;border:1px solid #a8b4a9;border-radius:8px;background:#fff;color:#28332b;font:inherit}.as-hasami-app .hs-room{overflow-wrap:anywhere;font-weight:650;background:#e7f1e7;padding:10px;border-radius:10px}.as-hasami-app [data-role="connection"]{color:#86551e;overflow-wrap:anywhere}.as-hasami-app [data-role="draw-offer"] button{margin:3px}
.as-hasami-app .hs-mode-panel{max-width:760px;margin:0 auto;padding:24px;text-align:center}.as-hasami-app .hs-mode-panel h3{margin:0 0 20px;font-size:1.6rem}.as-hasami-app .hs-mode-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.as-hasami-app .hs-mode-panel label{display:block;max-width:300px;margin:16px auto 12px;text-align:left;font-weight:650}.as-hasami-app .hs-mode-panel select,.as-hasami-app .hs-mode-panel input{display:block;width:100%;min-height:44px;margin-top:6px;padding:8px;border:1px solid #a8b4a9;border-radius:8px;background:#fff;color:#28332b;font:inherit}.as-hasami-app [data-role="online-options"]{margin-top:22px;padding-top:16px;border-top:1px solid #d8dfd8}.as-hasami-app [data-role="cancel-mode"]{margin-top:14px}