: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}}