@font-face{font-family:Shippori Mincho;font-style:normal;font-display:swap;font-weight:700;src:url(/arrowla/assets/shippori-mincho-latin-700-normal-DHcmzUO5.woff2) format("woff2"),url(/arrowla/assets/shippori-mincho-latin-700-normal-CkoCYOiI.woff) format("woff")}@font-face{font-family:Shippori Mincho;font-style:normal;font-display:swap;font-weight:700;src:url(/arrowla/assets/shippori-mincho-latin-ext-700-normal-CE7cbR_v.woff2) format("woff2"),url(/arrowla/assets/shippori-mincho-latin-ext-700-normal-CNXCtYzW.woff) format("woff")}@font-face{font-family:Shippori Mincho;font-style:normal;font-display:swap;font-weight:500;src:url(/arrowla/assets/shippori-mincho-latin-500-normal-XI1O8euf.woff2) format("woff2"),url(/arrowla/assets/shippori-mincho-latin-500-normal-C-QwvIb3.woff) format("woff")}@font-face{font-family:Zen Kaku Gothic New;font-style:normal;font-display:swap;font-weight:400;src:url(/arrowla/assets/zen-kaku-gothic-new-latin-400-normal-BEdayliK.woff2) format("woff2"),url(/arrowla/assets/zen-kaku-gothic-new-latin-400-normal-CPSmNJAU.woff) format("woff")}@font-face{font-family:Zen Kaku Gothic New;font-style:normal;font-display:swap;font-weight:400;src:url(/arrowla/assets/zen-kaku-gothic-new-latin-ext-400-normal-788dkCrM.woff2) format("woff2"),url(/arrowla/assets/zen-kaku-gothic-new-latin-ext-400-normal-CLxqD-Ww.woff) format("woff")}@font-face{font-family:Zen Kaku Gothic New;font-style:normal;font-display:swap;font-weight:700;src:url(/arrowla/assets/zen-kaku-gothic-new-latin-700-normal-Dgv0FPyh.woff2) format("woff2"),url(/arrowla/assets/zen-kaku-gothic-new-latin-700-normal-zPVyND5l.woff) format("woff")}@font-face{font-family:Zen Kaku Gothic New;font-style:normal;font-display:swap;font-weight:700;src:url(/arrowla/assets/zen-kaku-gothic-new-latin-ext-700-normal-_CxiKQRu.woff2) format("woff2"),url(/arrowla/assets/zen-kaku-gothic-new-latin-ext-700-normal-C1IFoc_V.woff) format("woff")}:root{--ink: #1f1a1e;--ink-soft: rgba(31, 26, 30, .68);--paper: #f4ecdd;--paper-2: #e9dfcb;--shu: #c8372d;--shu-dark: #9e2a22;--gold: #c9a04a;--ai: #2c3a63;--lacquer: #221a20;--mist: rgba(250, 240, 236, .92);--mincho: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", Georgia, serif;--gothic: "Zen Kaku Gothic New", system-ui, -apple-system, "Segoe UI", sans-serif;--washi: none;--bar: 52px;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);color-scheme:light}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#2b2333}body{font:15px/1.45 var(--gothic);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,input{font:inherit;color:inherit}button{cursor:pointer}[hidden]{display:none!important}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.app{position:fixed;inset:0;overflow:hidden;user-select:none;-webkit-user-select:none}.gl{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none}body.aiming .gl{cursor:crosshair}.washi{background-color:var(--paper);background-image:radial-gradient(120% 80% at 10% 0%,#fff9,#fff0 60%),var(--washi);background-size:auto,256px 256px;border:1px solid rgba(70,48,36,.28);box-shadow:0 22px 60px #1c0c1e61,0 1px #ffffffa6 inset;border-radius:6px}.bar{position:absolute;top:0;left:0;right:0;height:calc(var(--bar) + var(--safe-t));padding:var(--safe-t) calc(12px + var(--safe-r)) 0 calc(14px + var(--safe-l));display:flex;align-items:center;gap:12px;color:var(--paper);z-index:20;pointer-events:none;background:linear-gradient(#181118bd,#18111861 70%,#18111800)}.bar>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none;font:700 21px/1 var(--mincho);letter-spacing:.02em}.seal{width:28px;height:28px}.seal rect,.logo-seal rect{fill:var(--shu)}.seal circle,.seal path,.logo-seal circle,.logo-seal path{fill:none;stroke:#f6efe2;stroke-width:2.6;stroke-linecap:round}.end-tag{display:flex;align-items:baseline;gap:8px;padding:4px 12px;border-radius:3px;background:#f4ecdd1f;border:1px solid rgba(244,236,221,.22);white-space:nowrap}.end-tag b{font:700 15px/1 var(--mincho)}.end-tag span{font-size:13px;opacity:.85}.timer{position:relative;width:40px;height:40px;flex:none}.timer svg{width:100%;height:100%;transform:rotate(-90deg)}.t-back{fill:#140e1459;stroke:#f4ecdd33;stroke-width:3}.t-ring{fill:none;stroke:var(--gold);stroke-width:3;stroke-linecap:round;stroke-dasharray:100 100;transition:stroke .3s}.timer.low .t-ring{stroke:#ff7a5c}.timer b{position:absolute;inset:0;display:grid;place-items:center;font:700 14px/1 var(--mincho)}.timer.low b{color:#ffb19d}.bar-fill{flex:1}.identity{position:relative;display:flex;align-items:center;gap:6px}.identity input{width:138px;height:34px;padding:0 10px;border-radius:3px;border:1px solid rgba(244,236,221,.25);background:#140e1459;color:var(--paper)}.identity input:focus{outline:none;border-color:var(--gold)}.dot-button{width:34px;height:34px;border-radius:50%;border:1px solid rgba(244,236,221,.35);background:#140e1459;display:grid;place-items:center;padding:0}.dot-button i{width:18px;height:18px;border-radius:50%;background:var(--me, var(--shu));box-shadow:0 0 0 2px #f4ecddd9}.color-picker{position:absolute;top:44px;left:0;display:grid;grid-template-columns:repeat(4,34px);gap:8px;padding:12px;background:var(--paper);border-radius:6px;box-shadow:0 12px 40px #140a1466;z-index:40}.swatch{width:34px;height:34px;border-radius:50%;border:2px solid rgba(31,26,30,.15);background:var(--c);padding:0;position:relative}.swatch[aria-pressed=true]{border-color:var(--ink);box-shadow:0 0 0 2px var(--paper) inset}.swatch:disabled{opacity:.25;cursor:not-allowed}.tools{display:flex;gap:6px}.tool{width:38px;height:38px;border-radius:50%;border:1px solid rgba(244,236,221,.22);background:#140e144d;display:grid;place-items:center;padding:0;color:var(--paper)}.tool:hover,.tool:focus-visible{border-color:var(--gold);outline:none}.tool svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.tool .fill{fill:currentColor;stroke:none}.tool.lang{font:700 12px/1 var(--gothic);letter-spacing:.05em}#soundButton[aria-pressed=true] .off,#soundButton[aria-pressed=false] .on{display:none}.board{position:absolute;left:calc(12px + var(--safe-l));top:calc(var(--bar) + var(--safe-t) + 8px);width:248px;z-index:10;pointer-events:none}.board-list{list-style:none;margin:0;padding:0;position:relative}.board-row{position:absolute;left:0;right:0;height:44px;display:grid;grid-template-columns:22px 6px 1fr auto 40px;align-items:center;gap:8px;padding:0 10px 0 8px;background:linear-gradient(90deg,#f4ecdde6,#f4ecddc7);border-radius:3px;box-shadow:0 6px 18px #1e0e1e38;transition:transform .55s cubic-bezier(.3,1.25,.5,1),opacity .3s;color:var(--ink)}.board-row.me{background:linear-gradient(90deg,#fff9ecf7,#faf0dce6);box-shadow:0 6px 18px #1e0e1e40,0 0 0 1.5px var(--gold) inset}.board-row.gone{opacity:.55}.board-row .rank{font:700 17px/1 var(--mincho);text-align:center;color:var(--ink-soft)}.board-row.first .rank{color:var(--shu)}.board-row .flag{width:6px;height:30px;border-radius:1px;background:var(--c);box-shadow:0 0 0 1px #0000001a}.board-row .who{min-width:0;display:flex;align-items:center;gap:6px}.board-row .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:14px}.tag{flex:none;font:700 9.5px/1 var(--gothic);letter-spacing:.06em;padding:3px 4px;border-radius:2px;background:var(--ai);color:var(--paper)}.tag.away{background:#8a7f76}.board-row .ends{display:flex;gap:3px}.pip{width:9px;height:9px;border-radius:50%;background:#1f1a1e1f;box-shadow:0 0 0 1px #1f1a1e1f inset}.pip.s10{background:#e7b131}.pip.s9{background:var(--shu)}.pip.s7{background:#fbf6ec;box-shadow:0 0 0 1px #1f1a1e59 inset}.pip.s5{background:#2a2526}.pip.s3{background:#fbf6ec;box-shadow:0 0 0 1.5px #2a2526 inset}.pip.s1{background:var(--ai)}.pip.s6{background:#d4553f}.pip.s0{background:transparent;box-shadow:0 0 0 1px #1f1a1e73 inset;position:relative}.pip.s0:after{content:"";position:absolute;inset:4px 1px;background:#1f1a1e80;transform:rotate(45deg)}.pip.fly{background:transparent;box-shadow:0 0 0 1.5px var(--gold) inset;animation:pulse .6s infinite alternate}@keyframes pulse{to{opacity:.4}}.board-row .total{font:700 19px/1 var(--mincho);text-align:right}.board-row.bump .total{animation:bump .6s}@keyframes bump{30%{transform:scale(1.35);color:var(--shu)}}.board-toggle{display:none}.stage{position:absolute;inset:0;pointer-events:none;z-index:5}.plate{position:absolute;left:0;top:0;transform-origin:50% 100%;display:flex;align-items:center;gap:6px;padding:3px 8px 3px 4px;border-radius:2px;white-space:nowrap;background:#f4ecddeb;box-shadow:0 4px 12px #1e0e1e4d;font:700 12px/1.2 var(--gothic);color:var(--ink);will-change:transform}.plate:before{content:"";width:4px;align-self:stretch;border-radius:1px;background:var(--c)}.plate b{font:700 13px/1 var(--mincho);color:var(--shu)}.plate.me{box-shadow:0 4px 12px #1e0e1e4d,0 0 0 1.5px var(--gold) inset}.pop{position:absolute;left:0;top:0;font:700 34px/1 var(--mincho);color:var(--paper);text-shadow:0 2px 10px rgba(20,8,20,.6),0 0 2px rgba(20,8,20,.6);will-change:transform,opacity;animation:pop 1.3s cubic-bezier(.2,1.4,.4,1) forwards}.pop.small{font-size:20px}.pop.gold{color:#ffd77a}.pop.big{font-size:92px;animation-duration:1.9s}.pop.big small{display:block;font:700 15px/1.4 var(--gothic);letter-spacing:.12em;text-transform:uppercase;text-align:center}.pop .stamp{display:inline-grid;place-items:center;width:1.45em;height:1.45em;border-radius:50%;border:.06em solid currentColor}@keyframes pop{0%{opacity:0;translate:0 10px;scale:.6}15%{opacity:1;scale:1.08;translate:0 0}70%{opacity:1;scale:1}to{opacity:0;translate:0 -26px}}.reticle{position:absolute;left:0;top:0;overflow:visible;display:none;will-change:transform}body.aiming .reticle{display:block}.r-halo{fill:none;stroke:#fffaf08c;stroke-width:3.6}.r-ring{fill:none;stroke:#191216e0;stroke-width:1.4}.r-cross path,.r-ticks path{stroke:#191216d9;stroke-width:1.4;stroke-linecap:round;fill:none}.r-cross path{stroke:#fffaf0e6;stroke-width:1.6;filter:drop-shadow(0 0 1px rgba(20,10,20,.9))}.r-ticks path{stroke:#fffaf0d9;stroke-width:1.2;filter:drop-shadow(0 0 1px rgba(20,10,20,.9))}.r-dot{fill:var(--shu);stroke:#fffaf0e6;stroke-width:.8}.r-draw{fill:none;stroke:var(--gold);stroke-width:3.2;stroke-linecap:round;stroke-dasharray:0 100;transform:rotate(-90deg);filter:drop-shadow(0 0 2px rgba(20,10,20,.7))}.reticle.full .r-draw{stroke:#ffe7a3}.reticle.full .r-ring{stroke:var(--shu)}.r-breath{fill:none;stroke:#9cc8ff;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:0 100;transform:rotate(-90deg);opacity:0;transition:opacity .2s}.reticle.breath .r-breath{opacity:1}.reticle.shaking .r-breath{stroke:#ff8f7a}.reticle.idle{opacity:.55}.hud{position:absolute;inset:0;pointer-events:none;z-index:12}.hud>*{pointer-events:auto}.wind{position:absolute;left:calc(16px + var(--safe-l));bottom:calc(16px + var(--safe-b));display:flex;align-items:center;gap:10px;pointer-events:none}.wind svg{width:92px;height:92px;filter:drop-shadow(0 6px 14px rgba(20,10,20,.35))}.w-face{fill:#f4ecdde6;stroke:#46302459;stroke-width:1.5}.w-marks path{stroke:#1f1a1e66;stroke-width:1.6}.w-lane{stroke:#1f1a1e1f;stroke-width:7;stroke-linecap:round}.w-target{fill:var(--shu)}.w-target-in{fill:#e7b131}.w-arrow{transition:transform .25s}.w-arrow path{stroke:var(--ai);stroke-width:4;stroke-linecap:round;fill:none}.w-arrow .w-head{fill:var(--ai);stroke:none}.w-arrow .w-tail{stroke-width:2.4}.wind.calm .w-arrow{opacity:.25}.w-text{display:grid;gap:2px;color:var(--paper);text-shadow:0 1px 6px rgba(20,8,20,.8)}.w-text b{font:700 22px/1 var(--mincho)}.w-text span{font:700 13px/1.2 var(--gothic)}.quiver-box{position:absolute;left:50%;bottom:calc(16px + var(--safe-b));transform:translate(-50%);display:grid;justify-items:center;gap:6px;pointer-events:none}.quiver{display:flex;gap:8px;padding:6px 12px;border-radius:30px;background:#18111880}.quiver i{width:8px;height:36px;position:relative;border-radius:2px;background:linear-gradient(#d9c08c,#c5a874)}.quiver i:before{content:"";position:absolute;left:-3px;right:-3px;top:0;height:12px;border-radius:3px 3px 0 0;background:var(--me, var(--shu));clip-path:polygon(0 0,100% 0,100% 100%,50% 75%,0 100%)}.quiver i.used{opacity:.22}.quiver i.flying{opacity:.6}.status{font:700 13px/1.3 var(--gothic);color:var(--paper);text-shadow:0 1px 6px rgba(20,8,20,.9);min-height:17px;text-align:center;max-width:80vw}.hint{position:absolute;left:50%;bottom:calc(96px + var(--safe-b));transform:translate(-50%);margin:0;font-size:12.5px;color:#fff8eceb;text-shadow:0 1px 6px rgba(20,8,20,.9);white-space:nowrap;pointer-events:none;transition:opacity .6s}.hint.gone{opacity:0}.breath-button{position:absolute;right:calc(18px + var(--safe-r));bottom:calc(20px + var(--safe-b));width:78px;height:78px;border-radius:50%;border:2px solid rgba(244,236,221,.6);background:radial-gradient(circle at 40% 35%,#9cc8ff73,#1e28468c);color:var(--paper);font:700 11px/1 var(--gothic);letter-spacing:.08em;touch-action:none}.breath-button.on{background:radial-gradient(circle at 40% 35%,#9cc8ffd9,#284678bf);border-color:#cfe4ff}.let-down{position:absolute;right:calc(30px + var(--safe-r));bottom:calc(112px + var(--safe-b));width:44px;height:44px;border-radius:50%;border:1px solid rgba(244,236,221,.5);background:#18111880;display:grid;place-items:center;color:var(--paper)}.let-down svg{width:18px;height:18px;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;fill:none}.banner{position:absolute;left:0;right:0;top:17%;display:grid;place-items:center;pointer-events:none;z-index:15}.b-inner{position:relative;text-align:center;color:var(--paper);padding:18px 48px 26px;animation:bannerIn .9s cubic-bezier(.2,1,.3,1)}.b-inner:before{content:"";position:absolute;inset:-40% -22%;z-index:-1;background:radial-gradient(closest-side,#1e1020b8,#1e102059 60%,#1e102000)}.banner.out .b-inner{animation:bannerOut .6s forwards}.b-inner small{font:700 13px/1 var(--gothic);letter-spacing:.28em;text-transform:uppercase;opacity:.9}.b-inner h2{margin:8px 0 4px;font:700 clamp(34px,6.4vw,66px)/1.05 var(--mincho);text-shadow:0 3px 24px rgba(30,10,30,.6)}.b-inner p{margin:0;font-size:15px;font-weight:700;text-shadow:0 1px 3px rgba(20,8,20,.95),0 0 12px rgba(20,8,20,.7)}.b-stroke{position:absolute;left:50%;bottom:6px;width:min(420px,70vw);height:12px;transform:translate(-50%);background:var(--shu);border-radius:50% 40% 60% 45%;clip-path:polygon(0 40%,8% 10%,70% 0,100% 35%,96% 80%,30% 100%,2% 85%);opacity:.9;animation:stroke .9s .2s both cubic-bezier(.3,1,.4,1)}@keyframes bannerIn{0%{opacity:0;transform:translateY(14px) scale(.97)}}@keyframes bannerOut{to{opacity:0;transform:translateY(-10px)}}@keyframes stroke{0%{clip-path:polygon(0 40%,0 10%,0 0,0 35%,0 80%,0 100%,0 85%)}}.screen{position:absolute;inset:0;display:flex;align-items:center;padding:calc(var(--bar) + var(--safe-t) + 16px) 6vw calc(24px + var(--safe-b));z-index:18;pointer-events:none}.screen>*{pointer-events:auto}.card{width:min(440px,100%);padding:30px 30px 26px;max-height:100%;overflow:auto}.logo{display:flex;align-items:center;gap:14px}.logo-seal{width:54px;height:54px;flex:none;transform:rotate(-4deg)}.logo h1{margin:0;font:700 52px/1 var(--mincho);letter-spacing:.01em}.tagline{margin:12px 0 22px;color:var(--ink-soft);font-size:15.5px}.actions{display:grid;gap:10px}.btn{min-height:44px;padding:10px 18px;border-radius:4px;border:1px solid rgba(31,26,30,.3);background:#fffcf5b3;color:var(--ink);font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:transform .15s,background .2s,box-shadow .2s}.btn:hover,.btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--gold)}.btn:active{transform:translateY(1px)}.btn.primary{background:linear-gradient(var(--shu),var(--shu-dark));border-color:#7d1f19;color:#fff7ec;box-shadow:0 6px 16px #9e2a2259}.btn.ghost{background:transparent;border-color:transparent;color:var(--ink-soft)}.btn.big{min-height:58px;display:grid;justify-items:start;text-align:left;padding:10px 18px}.btn.big span{font:700 18px/1.2 var(--mincho)}.btn.big small{font-weight:400;font-size:12.5px;opacity:.82}.btn:disabled{opacity:.45;cursor:not-allowed}.quick{margin-top:20px;display:grid;gap:9px}.qrow{display:flex;align-items:center;gap:12px}.qlabel{width:58px;flex:none;font-size:12.5px;color:var(--ink-soft);font-weight:700}.seg{display:flex;flex-wrap:wrap;gap:4px}.seg button{min-width:38px;height:34px;padding:0 10px;border-radius:3px;border:1px solid rgba(31,26,30,.2);background:#fffcf58c;font-size:13px;font-weight:700;color:var(--ink-soft)}.seg button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.seg button:disabled{opacity:.4}.lobby .card h2,.final h2{font:700 30px/1.1 var(--mincho);margin:0 0 14px}.invite{display:flex;gap:8px;margin-bottom:14px}.invite input{flex:1;min-width:0;height:44px;padding:0 10px;border-radius:4px;border:1px solid rgba(31,26,30,.25);background:#ffffffb3;font-size:13px}.lobby-list{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:6px}.lobby-list li{display:flex;align-items:center;gap:10px;min-height:40px;padding:4px 6px 4px 10px;border-radius:4px;background:#fffcf599;border-left:5px solid var(--c)}.lobby-list .lname{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.lobby-list .lmeta{font-size:12px;color:var(--ink-soft)}.lobby-list button{width:40px;height:40px;border:0;background:transparent;color:var(--ink-soft);font-size:18px;border-radius:4px}.lobby-bots,.lobby-setup{display:grid;gap:8px;margin:10px 0}.lobby-actions,.final-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.note{font-size:13px;color:var(--ink-soft);margin:8px 0 0}.final{justify-content:flex-end}.scroll{position:relative;width:min(430px,100%);padding:34px 30px 30px;max-height:100%;overflow:auto;border-radius:2px;animation:unroll 1s cubic-bezier(.2,1,.3,1)}.rod{position:absolute;left:-10px;right:-10px;height:12px;border-radius:6px;background:linear-gradient(#5a3a2a,#2c1c16);box-shadow:0 3px 8px #00000059}.rod.top{top:-6px}.rod.bottom{bottom:-6px}@keyframes unroll{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}.final small{font:700 12px/1 var(--gothic);letter-spacing:.24em;text-transform:uppercase;color:var(--shu)}.final h2{margin:8px 0 6px;font-size:36px;overflow-wrap:anywhere}.final-seal{display:flex;gap:8px;align-items:center;margin-bottom:14px;color:var(--ink-soft);font-size:13px}.final-seal i{width:26px;height:26px;border-radius:4px;background:var(--c);transform:rotate(-6deg);box-shadow:0 0 0 2px #fff9 inset}.final-list{list-style:none;margin:0;padding:0;display:grid;gap:5px}.final-list li{display:grid;grid-template-columns:34px 6px 1fr auto auto;align-items:center;gap:9px;min-height:38px;padding:4px 10px 4px 6px;background:#fffcf58c;border-radius:3px}.final-list li.me{box-shadow:0 0 0 1.5px var(--gold) inset}.final-list .place{font:700 15px/1 var(--mincho);text-align:center;color:var(--ink-soft)}.final-list li:first-child .place{color:var(--shu);font-size:18px}.final-list .flag{width:6px;height:24px;background:var(--c);border-radius:1px}.final-list .fname{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;display:flex;gap:6px;align-items:center}.final-list .ften{font-size:12px;color:var(--ink-soft)}.final-list .ftotal{font:700 19px/1 var(--mincho);min-width:34px;text-align:right}.panel{position:absolute;top:calc(var(--bar) + var(--safe-t) + 6px);right:calc(10px + var(--safe-r));width:min(300px,calc(100vw - 20px));padding:16px;z-index:30;display:grid;gap:12px}.field{display:grid;gap:6px;font-size:12.5px;font-weight:700;color:var(--ink-soft)}.field input{height:42px;padding:0 10px;border-radius:4px;border:1px solid rgba(31,26,30,.25);background:#ffffffbf;font-weight:400;color:var(--ink)}.panel-row{display:flex;gap:8px}.panel-row .btn{flex:1}.swatches{display:grid;grid-template-columns:repeat(4,40px);gap:8px}.swatches .swatch{width:40px;height:40px}.modal{position:absolute;inset:0;z-index:50;display:grid;place-items:center;padding:16px;background:#140c1673}.modal-card{width:min(540px,100%);max-height:100%;overflow:auto;padding:24px 26px}.modal-card h2{margin:0 0 12px;font:700 26px/1.1 var(--mincho)}.modal-card dl{margin:0 0 16px;display:grid;gap:10px}.modal-card dt{font:700 15px/1.2 var(--mincho);color:var(--shu)}.modal-card dd{margin:2px 0 0;font-size:14px}.toast{position:absolute;left:50%;bottom:calc(132px + var(--safe-b));transform:translate(-50%) translateY(8px);padding:9px 16px;border-radius:4px;background:#1c141ae0;color:var(--paper);font-weight:700;font-size:13.5px;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:60;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.connection{position:absolute;left:50%;top:calc(var(--bar) + var(--safe-t) + 8px);transform:translate(-50%);padding:6px 12px;border-radius:20px;background:#1c141ad9;color:var(--paper);font-size:12.5px;font-weight:700;z-index:25}@media(pointer:coarse){.tool{width:42px;height:42px}.seg button{min-height:40px;min-width:42px}.dot-button{width:42px;height:42px}}@media(max-width:760px){:root{--bar: 48px}.brand span,.identity input{display:none}.bar{gap:6px;padding-left:calc(10px + var(--safe-l))}#helpButton,#langButton,.identity{display:none}.end-tag{padding:4px 8px}.end-tag span{font-size:12px}.board{left:calc(8px + var(--safe-l));right:calc(8px + var(--safe-r));width:auto;top:calc(var(--bar) + var(--safe-t) + 4px);pointer-events:auto}.board:not(.open) .board-row:not(.shown){opacity:0;pointer-events:none}.board-row{height:34px;grid-template-columns:18px 5px 1fr auto 30px;gap:6px;padding:0 8px 0 6px}.board-row .rank{font-size:14px}.board-row .name{font-size:12.5px}.board-row .total{font-size:16px}.board-row .flag{height:22px}.pip{width:7px;height:7px}.board-toggle{display:block;position:absolute;inset:0;width:auto;height:auto;min-height:40px;opacity:0;z-index:2}.card{padding:22px 20px 20px}.logo h1{font-size:42px}.logo-seal{width:44px;height:44px}.screen{padding-left:14px;padding-right:14px;justify-content:center}.final{justify-content:center}.wind svg{width:70px;height:70px}.w-text b{font-size:18px}.hint{white-space:normal;width:86vw;text-align:center;bottom:calc(150px + var(--safe-b))}.toast{bottom:calc(170px + var(--safe-b))}.quiver-box{bottom:calc(108px + var(--safe-b))}.breath-button{width:74px;height:74px}}@media(max-height:520px)and (min-aspect-ratio:4/3){:root{--bar: 42px}#helpButton,#langButton,.brand span,.identity input{display:none}.board{width:172px;top:calc(var(--bar) + var(--safe-t) + 4px);left:calc(8px + var(--safe-l));right:auto;pointer-events:auto}.board-row{height:28px;grid-template-columns:16px 5px 1fr auto 28px;gap:5px}.board-row .ends{display:none}.board-row .name{font-size:12px}.board-row .total{font-size:15px}.board-row .rank{font-size:13px}.board-row .flag{height:18px}.board:not(.open) .board-row:not(.shown){opacity:0;pointer-events:none}.board-toggle{display:block;position:absolute;inset:0;width:auto;height:auto;min-height:40px;opacity:0;z-index:2}.screen{padding-top:calc(var(--bar) + 6px);padding-bottom:8px}.card{padding:16px 20px;width:min(520px,100%)}.logo h1{font-size:34px}.logo-seal{width:38px;height:38px}.tagline{margin:6px 0 12px;font-size:13.5px}.actions{grid-template-columns:1fr 1fr}.btn.big{min-height:50px}.quick{margin-top:12px;grid-template-columns:1fr 1fr;gap:6px 14px}.qlabel{width:44px}.wind svg{width:62px;height:62px}.quiver-box{bottom:calc(10px + var(--safe-b))}.quiver i{height:26px}.hint{bottom:calc(64px + var(--safe-b))}.breath-button{width:66px;height:66px;bottom:calc(14px + var(--safe-b))}.banner{top:12%}.scroll{padding:20px 20px 18px}.final h2{font-size:26px}.toast{bottom:calc(70px + var(--safe-b))}}@media(prefers-reduced-motion:reduce){.board-row,.pop,.b-inner,.scroll{transition:none;animation-duration:.01s}}