: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;--button-text:#2a1800;--button-bg:linear-gradient(#ffe681, #ffc035);--button-shadow:#9b6410;--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-screen.is-underworld{background:radial-gradient(circle at 50% 42%,#763f9680,#0000 43%),linear-gradient(145deg,#14091d 0%,#3a1b55 46%,#08040e 100%)}.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(276px,1fr) auto auto auto;gap:clamp(5px,1.1dvh,10px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 34px #000000ad}.is-underworld .game-table{background:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px),radial-gradient(circle,#64308aa8,#0000 58%),#241238;border-color:#b38cff}.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}.title-screen{text-align:center;grid-row:1/-1;align-content:center;justify-items:center;gap:26px;min-height:0;padding:clamp(28px,8dvh,60px) 22px;display:grid}.title-mark{grid-template-columns:repeat(4,42px);gap:8px;display:grid}.title-mark span{color:#151515;background:#fff9ee;border:3px solid #c4b33b;border-radius:7px;place-items:center;width:42px;height:56px;font-family:Georgia,Times New Roman,serif;font-size:1.2rem;font-weight:900;display:grid;box-shadow:0 7px 16px #0006}.title-mark .title-card-yellow{color:#786900;border-color:#c4b33b}.title-mark .title-card-red{color:var(--red);border-color:#bd6b74}.title-mark .title-card-purple{color:#6a3aa0;border-color:#8d6db4}.title-mark .title-card-blue{color:var(--blue);border-color:#5f9bb0}.title-copy{gap:12px;display:grid}.title-copy h1{color:var(--gold);letter-spacing:0;font-size:clamp(2.4rem,14vw,4rem);line-height:1}.title-copy p{color:#dce8dc;max-width:31rem;font-size:clamp(.86rem,3.8vw,1rem);font-weight:800;line-height:1.7}.title-actions{gap:12px;width:min(100%,280px);display:grid}.title-primary-button{min-height:44px;color:var(--button-text);background:var(--button-bg);box-shadow:0 3px 0 var(--button-shadow);border:0;border-radius:10px;padding:0 16px;font-weight:900}.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:clamp(9px,3vw,15px)}.lap-meter{align-items:baseline;gap:1px;display:inline-flex}.settings-button{width:30px;height:30px;color:var(--button-text);background:var(--button-bg);box-shadow:0 3px 0 var(--button-shadow);border:0;border-radius:50%;place-items:center;margin-left:clamp(4px,1.8vw,8px);font-size:.96rem;font-weight:900;line-height:1;display:grid}.settings-button:active{transform:translateY(1px)}.battlefield{min-height:0;position:relative;overflow:hidden}.turn-order-bar{color:#dce8dc;background:#010f0a94;border:1px solid #ffc94a75;border-radius:8px;align-items:center;gap:8px;min-height:28px;padding:4px 10px;font-size:clamp(.7rem,3vw,.82rem);font-weight:900;line-height:1.2;display:flex;overflow:hidden}.turn-order-bar span{color:var(--gold);white-space:nowrap}.turn-order-bar strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.cpu-area{z-index:4;background:#02130dbd;border:1.5px solid #ffc94a70;position:absolute;box-shadow:0 8px 24px #00000047}.cpu-area.is-active-turn,.human-panel.is-active-turn{border-color:var(--gold);box-shadow:0 0 0 2px #ffc94a9e,0 0 22px #ffc94a80,inset 0 0 18px #ffc94a1a}.player-target-button{width:100%;color:inherit;background:0 0;border:0;padding:0}.player-target-button:disabled{cursor:default}.cpu-area.is-targeted,.human-target.is-targeted{outline-offset:3px;outline:2px solid #fff0a8}.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:168px;max-height:230px;padding:clamp(8px,2.3vw,12px) clamp(10px,3vw,14px) clamp(8px,2.2vw,11px);overflow:hidden;box-shadow:inset 0 0 22px #ffc94a14,0 -10px 28px #0000003d}.restart-button,.ashura-button{min-height:34px;color:var(--button-text);background:var(--button-bg);box-shadow:0 3px 0 var(--button-shadow);border:0;border-radius:10px;padding:0 14px;font-weight:900}.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-target{color:inherit;background:0 0;border:0;padding:0;font-weight:900}.human-target:disabled{cursor:default}.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:8px 8px 4px;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}.card-button:disabled{cursor:default}.card-button:disabled .playing-card{opacity:.82}.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:disabled,.answer-form button:disabled{opacity:.52}.special-row{justify-content:center;min-height:0;display:flex}.round-result{color:#d8e5d8;white-space:nowrap;gap:7px;min-height:23px;font-size:clamp(.66rem,2.8vw,.78rem);font-weight:900;display:flex;overflow-x:auto}.round-result .is-winner{color:var(--gold)}.answer-form input{color:#1b1b1b;background:#f9faf8;min-width:0;padding:0 14px;font-size:16px;box-shadow:inset 0 2px 6px #00000038}.answer-form input::placeholder{color:#9fa3a5}.answer-form button{color:var(--button-text);background:var(--button-bg);box-shadow:0 3px 0 var(--button-shadow);font-size:clamp(.84rem,3.8vw,1rem)}.info-panel{color:#8fc2ff;background:#041c22d1;border:1px solid #97b9db9e;border-radius:10px;grid-template-columns:44px 1fr;align-items:center;gap:9px;min-height:56px;padding:8px 10px;display:grid;overflow:hidden}.info-label{color:#fff;letter-spacing:0;min-width:0;font-size:.68rem;font-weight:900;line-height:1}.info-panel p{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:clamp(.76rem,3.25vw,.9rem);font-weight:900;line-height:1.3;overflow:hidden}.modal-backdrop{z-index:20;background:#00000094;place-items:center;padding:18px;display:grid;position:absolute;inset:0}.game-modal{box-sizing:border-box;border:1.5px solid var(--gold);width:min(100%,340px);max-width:100%;color:var(--ink);background:linear-gradient(#032015fa,#01120dfa);border-radius:12px;gap:14px;padding:20px 18px 18px;display:grid;box-shadow:0 18px 44px #00000085,inset 0 0 18px #ffc94a14}.game-modal.modal-result{width:min(100%,382px);max-height:min(82dvh,720px);overflow:hidden}.game-modal.modal-ashuratel{width:min(100%,360px)}.game-modal.modal-game-result{width:min(100%,340px)}.game-modal.modal-settings{width:min(100%,300px)}.game-modal h2{color:#ffb4ba;letter-spacing:0;overflow-wrap:anywhere;min-width:0;font-size:clamp(1.18rem,5.2vw,1.44rem);line-height:1.2}.game-modal p{font-size:clamp(.9rem,3.8vw,1rem);font-weight:800;line-height:1.55}.modal-close-button{min-width:96px;min-height:36px;color:var(--button-text);background:var(--button-bg);box-shadow:0 3px 0 var(--button-shadow);border:0;border-radius:10px;justify-self:end;padding:0 16px;font-weight:900}.modal-secondary-button{min-width:112px;min-height:36px;color:var(--button-text);background:var(--button-bg);box-shadow:0 3px 0 var(--button-shadow);border:0;border-radius:10px;padding:0 14px;font-weight:900}.modal-secondary-button:disabled{opacity:.45;cursor:default}.modal-actions{flex-wrap:wrap;justify-content:end;gap:10px;display:flex}.settings-section{border-bottom:1px solid #ffc94a57;gap:10px;padding-bottom:14px;display:grid}.settings-section-title{color:var(--gold);font-size:clamp(.88rem,3.7vw,1rem);font-weight:900}.settings-primary-actions{grid-template-columns:1fr;justify-content:stretch;display:grid}.settings-primary-actions button{width:100%}.speed-setting{gap:9px;display:grid}.speed-setting-label{color:#e6f3e6;font-size:clamp(.84rem,3.5vw,.96rem);font-weight:900}.speed-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.speed-option-button{min-width:0;min-height:34px;color:var(--button-text);background:var(--button-bg);box-shadow:0 3px 0 var(--button-shadow);border:0;border-radius:10px;padding:0 6px;font-size:clamp(.72rem,3vw,.88rem);font-weight:900}.speed-option-button.is-selected{outline-offset:2px;filter:brightness(1.08);outline:2px solid #fff8c7}.settings-close-actions{justify-content:end;padding-top:2px;display:flex}.result-summary{color:#e6f3e6;align-items:baseline;gap:10px;font-weight:900;display:flex}.result-summary strong{color:var(--gold);font-size:clamp(1rem,4.4vw,1.2rem)}.result-player-list{gap:8px;min-height:0;padding-right:2px;display:grid;overflow-y:auto}.result-player-row{background:#0000002e;border:1px solid #ffc94a57;border-radius:8px;grid-template-columns:minmax(82px,.9fr) 1fr;align-items:center;gap:8px;padding:7px;display:grid}.result-player-head{gap:3px;min-width:0;font-weight:900;display:grid}.result-player-head strong,.result-player-head span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.result-player-head span{color:var(--gold)}.result-hand{justify-content:end;gap:6px;display:flex}.final-score-list{gap:8px;display:grid}.final-score-row{color:#f8fbf4;background:#0000002e;border:1px solid #ffc94a57;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:9px 10px;font-weight:900;display:flex}.final-score-row strong,.final-score-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.final-score-row span,.final-mistake-count{color:var(--gold)}.final-mistake-count{font-weight:900}.ashuratel-target-list{gap:9px;min-width:0;display:grid}.ashuratel-target-button{box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:64px;color:var(--button-text);background:var(--button-bg);box-shadow:0 3px 0 var(--button-shadow);border:0;border-radius:8px;grid-template-columns:minmax(66px,.72fr) minmax(0,1fr);align-items:center;gap:10px;padding:8px 10px;font-weight:900;display:grid}.ashuratel-target-button strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ashuratel-target-hand{justify-content:end;gap:6px;min-width:0;display:flex}.cpu-waiting-text{color:#8fc2ff;font-weight:900}.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:42px;margin-top:5px;padding:6px 9px;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}.action-log{color:#dce8dc;align-content:end;gap:1px;height:54px;margin-top:5px;display:grid;overflow:hidden}.action-log p{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.62rem,2.75vw,.74rem);font-weight:800;line-height:1.18;overflow:hidden}.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;white-space:nowrap;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)}.player-score.is-compact span{font-size:clamp(.54rem,2.2vw,.66rem)}.playing-card{color:var(--black);background:radial-gradient(circle at 28% 18%,#ffffffeb,#0000 26%),linear-gradient(145deg,#fffdf4,#eee7d9);border:4px 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-result{width:clamp(30px,8.5vw,40px);height:clamp(43px,12vw,56px)}.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)}.card-cpu .symbol-grid,.card-result .symbol-grid{gap:2%;inset:16%}.card-cpu .card-symbol{font-size:clamp(.42rem,2.05vw,.62rem)}.cpu-west .card-cpu .card-symbol,.cpu-east .card-cpu .card-symbol{font-size:clamp(.34rem,1.7vw,.48rem)}.card-result .card-symbol{font-size:clamp(.42rem,2vw,.58rem)}.symbol-yellow{color:#d8c52f}.symbol-red{color:#cc525b}.symbol-purple{color:#8d5dc7}.symbol-blue{color:#3489a5}.card-human.is-selected{transform:translateY(-4px);box-shadow:0 7px 14px #0000007a}.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(232px,1fr) auto auto 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:154px;max-height:206px;padding-top:8px}.human-hand{height:70px;padding-top:6px}.answer-form{height:40px}.answer-form input,.answer-form button{height:33px}.game-message{min-height:68px;margin-top:6px;padding-block:7px}.info-panel{min-height:48px;padding-block:6px}.turn-order-bar{min-height:24px;padding-block:3px}}@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}}