:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#243c36;background:#f5f2e8;font-synthesis:none;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{min-height:44px;border:1px solid #c2cec5;border-radius:12px;padding:10px 14px;background:#fffdf6;color:#22473d;font-weight:650;cursor:pointer;touch-action:manipulation}button:hover:not(:disabled){border-color:#1d6250}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d29a4b;outline-offset:2px}.primary{background:#204b3e;color:#fff;border-color:#204b3e;width:100%;margin-top:12px}main{max-width:540px;margin:auto;padding:0 16px 24px;min-height:100dvh}header{padding:25px 0 16px;border-bottom:1px solid #d6dcd1;position:relative}.eyebrow{letter-spacing:.17em;font-size:10px;font-weight:750;color:#5b7668}h1{font-size:22px;letter-spacing:-.04em;margin:6px 0}.brand-shapes{font-size:16px;float:right;color:#bf925c}h2{font-size:18px;letter-spacing:-.03em;margin:8px 0 12px}h3{font-size:15px}.connection{display:flex;align-items:center;gap:6px;font-size:11px;color:#6b7d72}.dot{width:7px;height:7px;background:#b69060;border-radius:50%}.online{background:#498e62}.hero{padding:38px 0 24px}.hero h2{font-size:38px;line-height:1.2;letter-spacing:-.055em;margin:15px 0}.hero p{font-size:14px;color:#6b786e;max-width:300px}.hero-art{background:#e5eadd;border-radius:24px;padding:18px 0;display:flex;justify-content:center;gap:20px;margin-bottom:28px}.hero-art i{font-style:normal;font-size:64px;color:#477d69}.hero-art i:first-child{color:#d49a52}.hero-art i:last-child{color:#78a9b7}.panel{background:#fffdf7;border:1px solid #dee2d7;border-radius:20px;padding:20px;margin:16px 0;box-shadow:0 5px 20px #27382b06}.panel>button:not(.close){margin-top:10px;width:100%}.panel p{font-size:13px;color:#697a6d}.panel label{font-size:13px;display:block}input:not([type=checkbox]),select{width:100%;border:1px solid #bdccc0;border-radius:12px;padding:12px;min-height:48px;background:#fafbf5;margin:7px 0;font-size:16px}.deck-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.deck-options button{display:flex;flex-direction:column;gap:8px;padding:16px 10px;text-align:left;min-height:140px}.deck-options strong{font-size:17px}.deck-options small{font-size:10px;font-weight:400}.selected{background:#e7eee0;border:2px solid #326c54!important}.invite{background:#f0eddf;padding:14px;border-radius:12px;display:flex;flex-direction:column}.invite strong{font-size:16px;letter-spacing:.02em;font-family:monospace;word-break:break-all}.check{padding:12px 0;border-bottom:1px solid #e4e8df}.check input{width:22px;height:22px;vertical-align:middle;margin-right:8px}.toolbar{display:flex;gap:8px;align-items:center;padding:12px 0}.toolbar button{font-size:11px;padding:8px}.seat{font-size:11px;margin-right:auto;color:#697c70}.zone-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:9px 0}.zone-heading h2{font-size:12px;margin:0}.zone-heading>span{font-size:10px;color:#728576}.bench{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;min-height:42px}.unit-card{width:100%;display:flex;flex-direction:column;align-items:center;padding:12px 8px;min-width:0;box-shadow:0 3px 8px #2439290b;border:1px solid #bdcab9;background:#fffef8;gap:6px}.unit-card strong{font-size:12px;overflow-wrap:anywhere;line-height:1.2}.unit-card span:not(.shape){font-size:12px}.unit-card small{font-size:10px;font-weight:400}.shape{display:inline-block;width:44px;height:44px;flex-shrink:0}.shape.circle{border-radius:50%}.shape.square{border-radius:9px;transform:rotate(10deg)}.shape.triangle{clip-path:polygon(50% 0,100% 100%,0 100%)}.bench .unit-card{padding:8px 3px;gap:4px;min-height:84px}.bench .unit-card .shape{height:24px;width:24px}.bench .unit-card strong{font-size:9px}.bench .unit-card span:not(.shape){font-size:9px}.bench .unit-card small{display:none}.battle{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:8px;align-items:center;margin:18px 0}.zone-label{display:block;font-size:10px;text-align:center;color:#748474;margin-bottom:6px}.battle .unit-card{min-height:155px;border-radius:18px}.empty-card{border:1px dashed #b8c6b4;border-radius:18px;min-height:155px;display:grid;place-items:center;color:#8d9a8b;font-size:12px}.versus{font-size:22px;color:#759078;text-align:center}.turn-banner{display:flex;justify-content:space-between;align-items:center;border-radius:10px;background:#e2e7dc;padding:10px 14px;font-size:12px;font-weight:700;margin-bottom:16px}.turn-banner.mine{background:#244d3f;color:#fff}.turn-banner small{font-size:10px;font-weight:400}.counts{display:flex;justify-content:space-between;background:#e9eddf;border-radius:10px;padding:12px;font-size:11px;margin-top:12px}.counts b{padding-left:8px}.hand-zone{margin:20px -4px 12px}.hand{display:flex;gap:8px;overflow-x:auto;padding:6px 4px 14px;max-width:100%;overscroll-behavior:contain;scrollbar-width:thin}.hand-card{width:83px;min-width:83px;min-height:126px;display:flex;flex-direction:column;align-items:center;gap:9px;padding:12px 6px;background:#fffdf6}.hand-card .shape{width:31px;height:31px}.hand-card strong{font-size:10px;line-height:1.3}.hand-card small{font-size:9px;color:#738375;font-weight:400}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.actions button{font-size:11px;flex:1 1 45%}.prizes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.prizes button{display:flex;flex-direction:column;align-items:center;gap:8px;background:#304f45;color:#d8e5d4;font-size:11px}.prizes span{font-size:26px}.row{display:flex;gap:10px}.row button{flex:1;margin-top:10px}.result{text-align:center;padding:28px 16px;background:#e9efdf;border:1px solid #cfdbbf;border-radius:20px;margin-top:20px}.result h2{font-size:30px}.result p{font-size:12px;color:#698062}footer{font-size:10px;color:#8a9485;border-top:1px solid #d8ddd0;margin-top:24px;padding-top:16px}.backdrop{position:fixed;inset:0;background:#172b2480;display:flex;align-items:end;justify-content:center;z-index:10}.sheet{background:#fffdf6;border-radius:24px 24px 0 0;max-height:85dvh;overflow-y:auto;width:min(100%,540px);padding:26px 22px max(24px,env(safe-area-inset-bottom));position:relative;box-shadow:0 -8px 50px #172b2430}.sheet>button:not(.close){display:block;width:100%;margin-top:12px}.sheet>p{font-size:13px}.sheet>small{display:block;font-size:11px;color:#7c8778;margin-top:14px}.close{float:right;font-size:20px;width:44px;padding:4px;margin:-8px -4px 0 8px}.log{list-style:none;padding:0;font-size:12px}.log li{padding:12px 0;border-bottom:1px solid #e2e7da;display:flex;gap:12px}.log small{color:#8a9680;min-width:42px}.notice{position:sticky;top:0;z-index:5;padding:10px 12px;font-size:12px;background:#ffedce;border-radius:10px;display:flex;align-items:center;justify-content:space-between}.notice button{background:transparent;border:0;font-size:20px;min-width:44px}.sending{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#193e32;color:#fff;border-radius:99px;font-size:12px;padding:10px 20px;z-index:20;pointer-events:none}.fineprint{font-size:11px!important}.proposal{border-color:#d3b985}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}@media(max-width:370px){main{padding:0 12px 20px}.zone-heading>span{font-size:9px}.battle .unit-card small{font-size:9px}}:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif}main{max-width:680px;padding-bottom:max(24px,env(safe-area-inset-bottom))}header{padding:14px 0 12px}h1{font-size:1.3rem}.eyebrow{font-size:.65rem;letter-spacing:.08em}.connection{font-size:.75rem}.toolbar{padding:8px 0;flex-wrap:wrap}.toolbar button,.seat{font-size:.75rem}.play-status{position:sticky;top:0;z-index:6;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;background:#f5f2e8;border-block:1px solid #cbd5c4;padding:10px 0}.turn-label{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-size:.95rem}.turn-label.mine{color:#1d5b42}.turn-label small{font-size:.7rem;font-weight:400}.next-step{grid-column:1;margin:0;font-size:.75rem;overflow-wrap:anywhere;color:#536b5c}.play-status .action-option{grid-column:2;grid-row:1 / span 2;max-width:160px;align-self:center}.end-turn{background:#204b3e;color:#fff;border-color:#204b3e;white-space:normal}.latest-log{width:100%;display:flex;gap:8px;justify-content:space-between;align-items:center;background:transparent;border:0;border-radius:0;text-align:left;font-size:.7rem;padding:8px 0;font-weight:400}.latest-log>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.latest-log small{white-space:nowrap;font-size:.7rem}.zone-heading{flex-wrap:wrap;gap:4px}.zone-heading h2{font-size:.8rem}.zone-heading>span{font-size:.65rem}.bench{gap:5px}.bench:empty{min-height:44px;border:1px dashed #c4d0bd;border-radius:10px}.bench .unit-card{min-height:88px;gap:5px}.bench .unit-card strong,.bench .unit-card span:not(.shape){font-size:.65rem}.battle{grid-template-columns:minmax(0,1fr);gap:5px;margin:12px 0;padding:12px;border-radius:20px;background:#e2e8da}.battle>div{width:100%;min-width:0}.battle .unit-card{min-height:88px;border-radius:14px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;padding:12px;gap:5px 12px;text-align:left}.battle .unit-card .shape{grid-row:1 / span 2}.battle .unit-card strong{font-size:.85rem}.battle .unit-card span:not(.shape){font-size:.85rem;font-weight:750;background:#eef2e5;border-radius:8px;padding:4px 7px;white-space:nowrap}.battle .unit-card small{grid-column:2 / span 2;font-size:.7rem}.zone-label{font-size:.7rem;margin-bottom:5px;text-align:left}.versus{font-size:14px;line-height:1}.empty-card{min-height:88px;font-size:.8rem}.counts{gap:8px;flex-wrap:wrap;font-size:.75rem;padding:10px 12px}.hand-zone{margin:16px 0 8px;padding:12px 0 0;border-top:1px solid #cbd5c4}.hand-guide{display:block;font-size:.65rem;color:#697a6d}.hand{padding:8px 2px 14px;overscroll-behavior-x:contain}.hand-card{width:88px;min-width:88px;min-height:124px;gap:7px}.hand-card strong{font-size:.7rem;overflow-wrap:anywhere}.hand-card small{font-size:.65rem}.adjustments{margin:12px 0;border:1px solid #d3dccc;border-radius:12px;padding:0 12px 10px}summary{cursor:pointer;min-height:44px;padding:11px 0;font-size:.8rem;font-weight:650;touch-action:manipulation}summary:focus-visible{outline:3px solid #d29a4b;outline-offset:2px}.adjustments p{font-size:.75rem;margin:0 0 8px}.concede{font-size:.75rem;margin-top:10px;background:transparent}.backdrop{z-index:30}.sheet{max-height:90dvh;padding-top:18px;overscroll-behavior-y:contain}.sheet .close{position:sticky;top:0;background:#fffdf6;z-index:2}.sheet-guide{color:#627760;padding-right:40px;margin:0 0 12px;font-size:.75rem!important}.sheet h2{overflow-wrap:anywhere;font-size:1.15rem}.sheet p,.sheet>small{font-size:.8rem}.action-option{min-width:0;margin-top:12px}.action-option button{width:100%;font-size:.85rem;text-align:center}.action-option .disabled-reason{display:block;font-size:.7rem;line-height:1.5;color:#755a35;margin:4px 0;overflow-wrap:anywhere}button:disabled{opacity:.62}.sending{z-index:40}.panel p,.panel label{font-size:.85rem}.deck-options strong{font-size:1rem}.deck-options small{font-size:.7rem}.check{min-height:44px;display:flex!important;align-items:center}.check input{flex-shrink:0}.notice{z-index:8;font-size:.8rem}.result h2{font-size:1.6rem}.result p{font-size:.8rem}footer{font-size:.65rem}@media(max-width:370px){.battle{padding:9px}.battle .unit-card{gap:5px 8px;padding:10px;grid-template-columns:32px minmax(0,1fr) auto}.battle .unit-card .shape{width:32px;height:32px}}@media(max-height:600px){.play-status{padding:6px 0}.sheet{max-height:94dvh}}@media(min-width:700px){main{padding-inline:24px}.bench .unit-card{min-height:112px}.bench .unit-card strong,.bench .unit-card span:not(.shape){font-size:.8rem}}.sheet-notice{position:sticky;top:0;z-index:3;width:calc(100% - 52px);padding:10px;border-radius:10px;background:#ffedce;color:#62431c;font-size:.8rem;line-height:1.5;overflow-wrap:anywhere;margin-bottom:12px}.target-context{display:block;font-size:.75rem;font-weight:400;line-height:1.5;margin-top:4px}.target-context>span{display:block}