:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font-family:Yu Gothic UI,Hiragino Sans,Segoe UI,sans-serif;font-weight:400;line-height:1.4}*{box-sizing:border-box}html{background:#02110b;height:100%}body{color:#f8fbf4;background:#02110b;min-width:320px;height:100%;min-height:100dvh;margin:0;overflow:hidden}a{color:inherit}button,input{font:inherit}#root{height:100%;min-height:100dvh}h1,h2,p{margin:0}:root{--felt:#07351f;--felt-deep:#03170f;--gold:#ffc94a;--gold-deep:#a46f14;--ink:#f8fbf4;--muted:#b9cbbd;--panel:#02160ec7;--line:#ffc94a9e;--card:#fff9ee;--red:#ba1f28;--black:#151515;--blue:#1c4c9b}.game-screen{width:100%;height:100dvh;min-height:640px;color:var(--ink);background:radial-gradient(circle at 50% 42%,#1f7e456b,#0000 43%),linear-gradient(145deg,#02110b 0%,#0a3c23 45%,#02110b 100%);place-items:center;display:grid;overflow:hidden}.game-table{width:min(100vw,430px);height:100dvh;max-height:950px;padding:max(7px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(7px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));border:2px solid var(--gold-deep);background:linear-gradient(#ffffff09 1px, transparent 1px), linear-gradient(90deg, #ffffff06 1px, transparent 1px), radial-gradient(circle at center, #1e703a9e, transparent 58%), var(--felt);background-size:34px 34px,34px 34px,auto,auto;grid-template-rows:auto minmax(292px,1fr) auto;gap:clamp(5px,1.1dvh,10px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 34px #000000ad}.game-header{border:1.5px solid var(--line);background:#010f0aad;border-radius:18px;justify-content:space-between;align-items:center;gap:10px;min-height:clamp(42px,7.2dvh,58px);padding:6px clamp(10px,3vw,18px);display:flex}.game-header h1{color:var(--gold);letter-spacing:0;white-space:nowrap;align-items:center;font-size:clamp(1.18rem,6.2vw,1.76rem);line-height:1;display:flex}.round-meter{white-space:nowrap;align-items:baseline;gap:clamp(3px,1.2vw,7px);font-size:clamp(.66rem,2.9vw,.88rem);font-weight:800;display:flex}.round-meter strong{color:var(--gold);font-size:clamp(.98rem,4.5vw,1.36rem);line-height:1}.meter-divider{background:#ffffff94;width:1px;height:1.05em;margin-inline:3px}.battlefield{min-height:0;position:relative;overflow:hidden}.cpu-area{z-index:4;background:#02130dbd;border:1.5px solid #ffc94a70;position:absolute;box-shadow:0 8px 24px #00000047}.cpu-meta{justify-content:center;align-items:center;gap:8px;min-width:0;font-weight:900;line-height:1;display:flex}.cpu-meta strong{white-space:nowrap;font-size:clamp(.72rem,3.1vw,.92rem)}.cpu-north{border-radius:16px;width:min(52vw,184px);min-height:78px;padding:9px 10px;top:0;left:50%;transform:translate(-50%)}.cpu-north .cpu-hand{justify-content:center;gap:9px;margin-top:9px;display:flex}.cpu-west,.cpu-east{border-radius:14px;width:clamp(66px,20vw,83px);padding:10px 7px;top:clamp(116px,28dvh,164px)}.cpu-west{left:3px}.cpu-east{right:3px}.cpu-west .cpu-meta,.cpu-east .cpu-meta{gap:7px;display:grid}.cpu-west .cpu-hand,.cpu-east .cpu-hand{justify-items:center;gap:9px;margin-top:12px;display:grid}.center-board{aspect-ratio:1;width:min(53vw,218px);position:absolute;top:58%;left:50%;transform:translate(-50%,-50%)}.board-ring{border:1.5px solid #ca921c8a;border-radius:50%;position:absolute;inset:8%}.board-ring:before,.board-ring:after{content:"";border:1px solid #ca921c52;border-radius:50%;position:absolute;inset:12%}.board-ring:after{border-style:dashed;inset:24%}.direction-card{z-index:3;place-items:center;display:grid;position:absolute}.direction-card .playing-card{z-index:2}.direction-label{z-index:7;border:2px solid var(--gold);color:#f8fbf4;background:#01130dd1;border-radius:999px;place-items:center;width:clamp(28px,7.4vw,34px);height:clamp(28px,7.4vw,34px);font-size:clamp(.9rem,4vw,1.18rem);font-weight:900;line-height:1;display:grid;position:absolute;box-shadow:0 0 0 2px #031810e0}.direction-n{top:1%;left:50%;transform:translate(-50%)}.direction-n .direction-label{bottom:calc(100% + 5px);left:50%;transform:translate(-50%)}.direction-e{top:50%;right:8%;transform:translateY(-50%)}.direction-e .direction-label{bottom:calc(100% + 5px);left:50%;transform:translate(-50%)}.direction-s{bottom:1%;left:50%;transform:translate(-50%)}.direction-s .direction-label{top:calc(100% + 5px);left:50%;transform:translate(-50%)}.direction-w{top:50%;left:8%;transform:translateY(-50%)}.direction-w .direction-label{bottom:calc(100% + 5px);left:50%;transform:translate(-50%)}.center-light{z-index:5;pointer-events:none;border:2px solid #ffe68be6;border-radius:50%;width:clamp(38px,10.5vw,48px);height:clamp(38px,10.5vw,48px);transition:background .16s,box-shadow .16s,opacity .16s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.center-light.is-on{background:radial-gradient(circle at 42% 35%,#fff8cc 0 12%,#ffd362 26%,#f7a525 46%,#9f5c0c 64%,#352104 100%);box-shadow:0 0 0 10px #ffcc491c,0 0 28px #ffcc49c7,inset 0 2px 8px #fff6}.center-light.is-off{background:radial-gradient(circle at 42% 35%,#415247 0 12%,#22362b 42%,#101d17 100%);border-color:#b9cbbdb8;box-shadow:0 0 0 8px #b9cbbd0d,inset 0 2px 7px #ffffff1f}.human-panel{background:linear-gradient(#032015f5,#01160fe6);border:1.5px solid #ffc94a9e;border-radius:19px;min-height:260px;max-height:320px;padding:clamp(8px,2.3vw,12px) clamp(10px,3vw,14px) clamp(10px,2.8vw,14px);overflow:hidden;box-shadow:inset 0 0 22px #ffc94a14,0 -10px 28px #0000003d}.human-status{justify-content:space-between;align-items:center;gap:10px;height:30px;display:flex}.human-name,.mistake-counter{white-space:nowrap;align-items:center;gap:8px;display:flex}.human-name>strong{font-size:clamp(.84rem,3.7vw,1rem)}.person-icon{background:radial-gradient(circle at 50% 28%,#fff 0 24%,#0000 25%),radial-gradient(at 50% 82%,#fff 0 45%,#0000 46%);border-radius:50% 50% 45% 45%;width:24px;height:24px}.mistake-counter{color:#f8fbf4;font-size:clamp(.76rem,3.4vw,.92rem);font-weight:800}.mistake-counter strong{color:#ff7681;font-size:clamp(1.12rem,5.8vw,1.5rem);line-height:1}.human-hand{border-bottom:1px solid #ffc94a73;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(10px,4vw,24px);height:clamp(86px,14.1dvh,108px);padding:2px 8px 10px;display:grid}.card-button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;place-items:start center;margin:0;padding:0;display:grid}.answer-form{grid-template-columns:1fr minmax(86px,32%);align-items:end;gap:clamp(8px,2.7vw,12px);height:42px;display:grid}.answer-form input,.answer-form button{border:0;border-radius:10px;height:34px;font-weight:800}.answer-form input{color:#1b1b1b;background:#f9faf8;min-width:0;padding:0 14px;font-size:clamp(.8rem,3.5vw,.96rem);box-shadow:inset 0 2px 6px #00000038}.answer-form input::placeholder{color:#9fa3a5}.answer-form button{color:#2a1800;background:linear-gradient(#ffe681,#ffc035);font-size:clamp(.84rem,3.8vw,1rem);box-shadow:0 3px #9b6410}.game-message{color:#8fc2ff;background:#041c22d1;border:1px solid #97b9db9e;border-radius:10px;grid-template-columns:28px 1fr;align-items:center;gap:8px;min-height:76px;margin-top:7px;padding:9px 10px;display:grid}.message-icon{color:#fff;background:#1f62c7;border-radius:999px;place-items:center;width:24px;height:24px;font-weight:900;line-height:1;display:grid}.game-message p{overflow-wrap:anywhere;min-width:0;font-size:clamp(.72rem,3.15vw,.86rem);font-weight:800;line-height:1.35}.message-success{color:#a8f1c2;border-color:#72dc9fb3}.message-success .message-icon{background:#178849}.message-error{color:#ffb4ba;border-color:#ff7681c7}.message-error .message-icon{background:#bf2637}.message-warning{color:#ffe08a;border-color:#ffd466c7}.message-warning .message-icon{color:#2a1800;background:#ffd466}.player-score{color:#ffe178;background:0 0;border-radius:0;align-items:center;gap:2px;padding:0;font-weight:900;line-height:1;display:inline-flex}.player-score strong{font-size:clamp(.88rem,4vw,1.08rem)}.player-score.is-compact{background:0 0;padding:0}.player-score.is-compact strong{font-size:clamp(.78rem,3.3vw,.94rem)}.playing-card{color:var(--black);background:radial-gradient(circle at 28% 18%,#ffffffeb,#0000 26%),linear-gradient(145deg,#fffdf4,#eee7d9);border:2px solid #ffffffe0;border-radius:7px;display:inline-block;position:relative;overflow:hidden;box-shadow:0 5px 12px #0006}.card-cpu{border-radius:5px;width:clamp(29px,8.8vw,37px);height:clamp(41px,12vw,51px)}.cpu-west .card-cpu,.cpu-east .card-cpu{width:clamp(36px,11.2vw,46px);height:clamp(25px,7.8vw,32px)}.card-field{width:clamp(37px,10.6vw,47px);height:clamp(53px,14.7vw,66px)}.card-human{width:min(100%,48px);height:clamp(60px,10.4dvh,74px);transition:transform .16s,box-shadow .16s,border-color .16s}.is-back{background:repeating-linear-gradient(45deg,#ffffff1f 0 2px,#0000 2px 7px),repeating-linear-gradient(-45deg,#ffffff17 0 2px,#0000 2px 8px),#173d83;box-shadow:inset 0 0 0 4px #dfe6f5,inset 0 0 0 6px #173d83,0 4px 9px #00000057}.border-yellow{border-color:#c4b33b}.border-red{border-color:#bd6b74}.border-purple{border-color:#8d6db4}.border-blue{border-color:#5f9bb0}.symbol-grid{place-items:center;gap:4%;display:grid;position:absolute;inset:11%}.count-1{grid-template-rows:1fr;grid-template-columns:1fr}.count-2{grid-template-rows:repeat(2,1fr);grid-template-columns:1fr}.count-3{grid-template-rows:repeat(3,1fr);grid-template-columns:1fr}.count-4{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr)}.count-5{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(2,1fr)}.count-5 .card-symbol:nth-child(3){grid-column:1/-1}.card-symbol{text-shadow:0 1px #ffffff85,0 1px 3px #0000002e;place-items:center;width:1em;height:1em;font-family:Georgia,Times New Roman,serif;font-size:clamp(.78rem,3.85vw,1.14rem);font-weight:900;line-height:1;display:grid}.card-human .card-symbol{font-size:clamp(.76rem,3.7vw,1.05rem)}.card-field .card-symbol{font-size:clamp(.72rem,3.3vw,.94rem)}.symbol-yellow{color:#d8c52f}.symbol-red{color:#cc525b}.symbol-purple{color:#8d5dc7}.symbol-blue{color:#3489a5}.card-human.is-selected{border-color:var(--gold);transform:translateY(-4px);box-shadow:0 0 0 2px #ffc94ad9,0 0 22px #ffc94abd}.selected-check{color:#221600;background:var(--gold);border-radius:50%;place-items:center;width:16px;height:16px;font-size:.68rem;font-weight:900;display:grid;position:absolute;top:4px;right:4px}@media (height<=760px){.game-table{grid-template-rows:auto minmax(272px,1fr) auto;gap:4px}.game-header{border-radius:15px;min-height:40px;padding-block:4px}.cpu-north{min-height:68px;padding:7px 9px}.cpu-north .cpu-hand{gap:7px;margin-top:7px}.cpu-west,.cpu-east{padding-block:8px;top:110px}.cpu-west .cpu-hand,.cpu-east .cpu-hand{gap:7px;margin-top:9px}.center-board{width:min(52vw,208px);top:58%}.human-panel{min-height:246px;padding-top:8px}.human-hand{height:76px}.answer-form{height:40px}.answer-form input,.answer-form button{height:33px}.game-message{min-height:68px;margin-top:6px;padding-block:7px}}@media (width<=370px){.game-table{padding-inline:7px}.game-header h1{gap:6px}.round-meter{gap:4px}.cpu-west,.cpu-east{width:62px}.human-status{gap:6px}.player-score{padding-inline:0}.answer-form{grid-template-columns:1fr 88px}}