:root{--gold:#d8b871;--gold-dim:#8f7a4c;--ink:#e9e2d2;--panel:#0e0c0ed1;--line:#d8b87147;color:var(--ink);font-family:Palatino Linotype,Palatino,Book Antiqua,Georgia,serif}*{box-sizing:border-box}html,body{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overscroll-behavior:none;background:#050406;height:100%;margin:0;overflow:hidden}#scene{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}.overlay{padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));z-index:10;background:radial-gradient(#05040640,#050406c7);place-items:center;display:grid;position:fixed;inset:0}#loading{background:#050406}.panel{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;border-radius:18px;width:min(430px,100%);max-height:100%;padding:22px 20px 18px;overflow-y:auto;box-shadow:0 0 60px #000c,inset 0 0 40px #d8b8710a}.panel.small{width:min(380px,100%)}h1{letter-spacing:.1em;text-transform:uppercase;color:var(--gold);text-shadow:0 0 24px #ff8c3259;margin:0 -.1em 0 0;font-size:clamp(26px,7.4vw,38px);font-weight:400}.sub{color:#a79f8f;letter-spacing:.06em;margin:4px 0 14px;font-style:italic}.field{text-align:left;margin-bottom:10px}.label{letter-spacing:.18em;text-transform:uppercase;color:var(--gold-dim);margin:0 0 5px;font-size:11px;display:block}.choices{flex-wrap:wrap;gap:8px;display:flex}button{font:inherit;color:var(--ink);border:1px solid var(--line);cursor:pointer;touch-action:manipulation;background:#ffffff0d;border-radius:12px;min-height:44px;padding:9px 12px;transition:background .15s,border-color .15s,color .15s,transform 80ms}button:hover:not(:disabled){border-color:var(--gold);background:#d8b87124}button:active:not(:disabled){transform:scale(.96)}button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}button:disabled{opacity:.4;cursor:default}.svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px}.choices button{flex:1 1 0;min-width:0}.choices button.on{border-color:var(--gold);color:#fff3d6;box-shadow:0 0 0 1px var(--gold), 0 0 18px #d8b87140;background:#d8b8713d}.cards button{flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:10px 6px;line-height:1.15;display:flex}.cards .ico{font-size:28px;line-height:1.1}.cards .ico .vs{color:var(--gold);vertical-align:middle;margin:0 5px;font:italic 700 13px system-ui,-apple-system,sans-serif}.cards .txt{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;font-weight:600}.cards small{color:#a79f8f;font-family:system-ui,-apple-system,sans-serif;font-size:11px}.cards.four .ico{font-size:22px}.cards.four .txt{font-size:12px}.cards.four button{padding:8px 2px}button.primary{letter-spacing:.12em;text-transform:uppercase;color:#1a1408;background:linear-gradient(#f0d28c,#c49f52);border-color:#f0d9a3;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:12px;padding:14px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:19px;font-weight:700;display:flex;box-shadow:0 6px 24px #d8b8714d}button.primary:hover:not(:disabled){background:linear-gradient(#f7dfa2,#cfab5f)}button.ghost{color:#a79f8f;border-color:#0000;width:100%;margin-top:6px}.spinner{border:3px solid var(--line);border-top-color:var(--gold);border-radius:50%;width:34px;height:34px;margin:4px auto 0;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}#promotion .choices button{padding:12px 4px;font-size:38px;line-height:1}#promotion .choices button span{margin-top:6px;font-family:system-ui,sans-serif;font-size:12px;display:block}#topbar{padding:max(10px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 18px max(12px, env(safe-area-inset-left));pointer-events:none;z-index:5;background:linear-gradient(#050406b3,#05040600);align-items:flex-start;gap:8px;display:flex;position:fixed;top:0;left:0;right:0}#status{color:#fff3d6;border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a090ab8;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font:600 15px system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex}#turnDot{background:#fff;border:1px solid #fff9;border-radius:50%;flex:none;width:12px;height:12px}#live{top:max(10px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));z-index:11;color:#e9e2d2;border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;font-variant-numeric:tabular-nums;background:#0a090ac7;border-radius:14px;min-width:118px;padding:6px 12px;font:600 13px system-ui,-apple-system,Segoe UI,Roboto,sans-serif;position:fixed}.panel #live{width:max-content;max-width:100%;margin:-4px auto 12px;position:static}#live .online{justify-content:flex-end;align-items:center;gap:6px;display:flex}#live .pulse{background:#3ddc84;border-radius:50%;width:8px;height:8px;animation:1.8s infinite pulse;box-shadow:0 0 #3ddc84b3}@keyframes pulse{to{box-shadow:0 0 0 8px #3ddc8400}}#live .parties{margin-top:5px}#live .nums{white-space:nowrap;justify-content:space-between;gap:10px;display:flex}#live .bar{background:#ffffff1f;border-radius:3px;height:5px;margin:4px 0 3px;display:flex;overflow:hidden}#live .bar i{height:100%;transition:width .6s;display:block}#live .wins{color:#a79f8f;text-align:center;white-space:nowrap;font-size:11px;font-weight:500}#actions{left:50%;bottom:max(10px, env(safe-area-inset-bottom));border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:6;background:#0a090ab8;border-radius:18px;gap:6px;padding:6px;display:flex;position:fixed;transform:translate(-50%)}#actions button{background:0 0;border-color:#0000;flex-direction:column;align-items:center;gap:2px;min-width:64px;padding:7px 8px 5px;font:600 11px system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex}#settings{left:50%;bottom:calc(max(10px, env(safe-area-inset-bottom)) + 76px);background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:6;border-radius:16px;gap:4px;width:min(340px,100% - 24px);padding:10px 14px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:grid;position:fixed;transform:translate(-50%)}#settings label{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:44px;font-size:15px;display:flex}#settings .note{color:#e8c57a;margin:0 0 6px}#settings input{opacity:0;pointer-events:none;position:absolute}#settings i{background:#ffffff29;border-radius:14px;flex:none;width:46px;height:28px;transition:background .15s;position:relative}#settings i:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .15s;position:absolute;top:3px;left:3px}#settings input:checked+i{background:#c9a65c}#settings input:checked+i:after{transform:translate(18px)}#settings input:focus-visible+i{outline:2px solid var(--gold);outline-offset:2px}#hint{left:50%;bottom:calc(max(10px, env(safe-area-inset-bottom)) + 80px);text-align:center;border:1px solid var(--line);pointer-events:none;z-index:5;background:#0a090acc;border-radius:999px;width:max-content;max-width:calc(100% - 24px);padding:9px 16px;font:500 14px system-ui,-apple-system,sans-serif;animation:.6s 6s forwards fadeout;position:fixed;transform:translate(-50%)}@keyframes fadeout{to{opacity:0}}#side{right:max(12px, env(safe-area-inset-right));pointer-events:none;z-index:4;flex-direction:column;gap:8px;width:168px;display:flex;position:fixed;top:96px;bottom:100px}.captured{letter-spacing:1px;color:#fff;text-shadow:0 1px 4px #000,0 0 2px #000;word-break:break-all;min-height:26px;font-size:20px;line-height:1.15}#moves{font-variant-numeric:tabular-nums;pointer-events:auto;scrollbar-width:thin;background:#0a090a99;border:1px solid #d8b87124;border-radius:12px;flex:1;min-height:0;margin:0;padding:8px 10px;font-size:14px;list-style:none;overflow-y:auto}#moves li{grid-template-columns:26px 1fr 1fr;gap:4px;padding:1px 0;display:grid}#moves li .n{color:var(--gold-dim)}#banner{text-align:center;background:var(--panel);border:1px solid var(--gold);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:8;border-radius:18px;width:min(400px,100% - 32px);padding:22px 20px 18px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 60px #000000e6}#bannerText{letter-spacing:.04em;color:var(--gold);font-size:24px}#banner .row{gap:8px;margin-top:16px;display:flex}#banner .row button{letter-spacing:.04em;flex:1;justify-content:center;align-items:center;gap:8px;margin:0;padding:12px;font:700 15px system-ui,-apple-system,sans-serif;display:flex}@media (width<=720px){#side{top:calc(max(10px, env(safe-area-inset-top)) + 46px);left:max(12px, env(safe-area-inset-left));gap:0;width:60%;bottom:auto;right:auto}#moves{display:none}.captured{min-height:0;font-size:17px}#status{padding:6px 12px;font-size:14px}#live{min-width:104px;padding:5px 10px;font-size:12px}#actions button{min-width:68px}.panel{padding:18px 14px 14px}}@media (height<=640px){.cards .ico{font-size:22px}.cards button{padding:6px}.sub{margin-bottom:8px}.cards small{display:none}}@media (height<=460px){h1{font-size:22px}#actions button span{display:none}#actions button{min-width:48px}#settings,#hint{bottom:calc(max(10px, env(safe-area-inset-bottom)) + 62px)}}.note{color:#a79f8f;margin:10px 0 0;font:12px/1.4 system-ui,-apple-system,sans-serif}#toast{left:50%;top:calc(max(10px, env(safe-area-inset-top)) + 84px);text-align:center;background:var(--panel);border:2px solid var(--line);z-index:12;pointer-events:none;border-radius:999px;width:max-content;max-width:calc(100% - 24px);padding:9px 18px;font:600 15px system-ui,-apple-system,sans-serif;position:fixed;transform:translate(-50%);box-shadow:0 6px 30px #000000b3}@media (height<=460px){#actions{left:max(10px, env(safe-area-inset-left));flex-direction:column;top:50%;bottom:auto;transform:translateY(-50%)}#settings{left:calc(max(10px, env(safe-area-inset-left)) + 70px);top:50%;bottom:auto;transform:translateY(-50%)}#hint{bottom:max(8px, env(safe-area-inset-bottom))}#moves{display:none}#side{top:56px;left:max(12px, env(safe-area-inset-left));width:40%;bottom:auto;right:auto}}