:root{--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body,#root,.app-root,.stage-outer{overscroll-behavior:none;background:#050309;width:100%;height:100%;margin:0;overflow:hidden}html,body,#root,.app-root{-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;position:fixed;inset:0}body{font-family:Noto Sans Khmer,sans-serif}button{font:inherit;color:inherit;appearance:none;cursor:pointer;background:0 0;border:0;margin:0;padding:0}img{pointer-events:none;max-width:100%;display:block}.stage-outer{background:#050309;width:100%;height:100svh;position:fixed;inset:0;overflow:hidden}.stage{width:1080px;height:1920px;transform:translate(-50%, -50%) scale(min(100vw / 1080px, 100svh / 1920px));transform-origin:50%;background-position:50%;background-size:cover;position:absolute;top:50%;left:50%;overflow:hidden}.screen{flex-direction:column;align-items:center;width:1080px;height:1920px;display:flex;position:relative}.title-screen{justify-content:flex-end;gap:28px;padding:70px 80px 90px}.lang-row{z-index:2;justify-content:center;gap:24px;display:flex;position:absolute;top:56px;left:70px;right:70px}.lang-chip{border-radius:70px!important}.btn-on{filter:none}.btn-off{filter:grayscale(.35)brightness(.72);opacity:.82}.title-emblem{object-fit:cover;filter:drop-shadow(0 20px 40px #000);border-radius:50%;width:380px;height:380px;position:absolute;top:230px}.title-sub{color:#ffe7b0;text-shadow:0 4px #3a1a00,0 0 18px #d4a017;white-space:nowrap;margin:0;font-size:44px;font-weight:700}.title-actions,.stack-actions{flex-direction:column;align-items:center;gap:18px;display:flex}.mode-screen,.side-screen,.result-screen{justify-content:center;gap:48px;padding:80px 40px}.howto-screen{justify-content:flex-start;gap:22px;padding:64px 40px 40px}.side-cards{gap:28px;display:flex}.howto-panel{border-radius:56px;flex:1;width:980px;min-height:0;position:relative;overflow:hidden;box-shadow:0 28px 64px #000000b8,0 0 36px #ffb84847}.howto-frame{object-fit:fill;width:100%;height:100%}.howto-scroll{-webkit-overflow-scrolling:touch;flex-direction:column;gap:32px;padding:8px 16px 24px 8px;display:flex;position:absolute;inset:110px 64px 72px;overflow:hidden auto}.howto-rule{flex:none;align-items:flex-start;gap:28px;display:flex}.howto-rule-intro{padding-bottom:8px}.howto-rule img{object-fit:cover;border-radius:50%;flex:none;width:120px;height:120px;box-shadow:0 12px 24px #0000008c}.howto-rule-text{flex-direction:column;align-items:flex-start;gap:8px;min-width:0;display:flex}.howto-scroll::-webkit-scrollbar{width:12px}.howto-scroll::-webkit-scrollbar-thumb{background:#ffc45a8c;border-radius:12px}.image-btn{border-radius:90px;flex:none;position:relative;overflow:hidden;box-shadow:0 16px 32px #0000009e,0 0 22px #ffb04052}.image-btn img{object-fit:fill;border-radius:90px;width:100%;height:100%;position:absolute;inset:0}.image-btn .dual{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:0;width:100%;height:100%;padding:28px 80px 32px 180px;display:flex;position:relative;overflow:hidden}.image-btn.btn-frame .dual{gap:0;padding:28px 90px 32px 196px}.image-btn.lang-chip .dual{padding:12px 24px 16px 88px}.image-btn:disabled{filter:grayscale(.4)brightness(.7)}.image-btn:active:not(:disabled){transform:scale(.98)}.dual{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.dual-km{color:#fff6d8;text-shadow:0 3px #3a1600,0 0 16px #ffb43cd9;white-space:nowrap;max-width:100%;padding:.08em .12em .18em;font-family:Noto Sans Khmer,sans-serif;font-size:56px;font-weight:700;line-height:1.65;display:block}.dual-en{letter-spacing:.08em;color:#ffe7a8;text-shadow:0 2px #2a1200;white-space:nowrap;max-width:100%;font-family:Cinzel,serif;font-size:42px;font-weight:700;line-height:1.25;display:block}.dual-title .dual-km{font-size:88px}.dual-title .dual-en{font-size:68px}.dual-btn .dual-km{font-size:50px;line-height:1.55}.dual-btn .dual-en{letter-spacing:.08em;font-size:40px;line-height:1.2}.image-btn.btn-frame .dual-km{padding:.08em .08em .16em;font-size:50px;line-height:1.55}.image-btn.btn-frame .dual-en{font-size:40px}.image-btn.lang-chip .dual-km{font-size:42px}.image-btn.lang-chip .dual-en{letter-spacing:.06em;font-size:36px}.image-btn.btn-card{border-radius:40px;box-shadow:0 22px 44px #000000ad,0 0 28px #ffb84847}.image-btn.btn-card img{border-radius:40px}.dual-card{justify-content:flex-end;gap:10px;padding:0 40px 56px!important}.dual-card .dual-km{font-size:58px}.dual-card .dual-en{font-size:46px}.dual-hud .dual-km{font-size:36px}.dual-hud .dual-en{letter-spacing:.06em;font-size:30px}.image-btn .dual.dual-hud{gap:6px;padding:14px 20px 18px}.dual-stamp{gap:12px;padding:24px 72px}.dual-stamp .dual-km{font-size:58px}.dual-stamp .dual-en{font-size:50px}.dual-step .dual-km,.dual-step .dual-en,.dual-guideHead .dual-km,.dual-guideHead .dual-en,.dual-guide .dual-km,.dual-guide .dual-en{white-space:normal;text-align:left}.dual-guideHead,.dual-guide{align-items:flex-start;width:100%}.dual-guideHead .dual-km{color:#ffe08a;font-size:42px;line-height:1.5}.dual-guideHead .dual-en{letter-spacing:.08em;color:#ffe08a;font-size:34px}.dual-guide .dual-km{font-size:38px;line-height:1.7}.dual-guide .dual-en{letter-spacing:.02em;text-transform:none;font-family:Noto Sans Khmer,sans-serif;font-size:34px;line-height:1.5}.battle-screen{justify-content:flex-start;gap:18px;padding:36px 40px 48px}.board-slot{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;width:100%;min-height:0;display:flex}.battle-hud{grid-template-columns:280px 1fr 300px;align-items:center;gap:16px;width:1000px;height:176px;display:grid}.hud-plate{border-radius:48px;height:148px;position:relative;overflow:hidden;box-shadow:0 14px 28px #00000094,0 0 18px #ffb84838}.hud-plate img{object-fit:fill;width:100%;height:100%;position:absolute;inset:0}.hud-plate .dual{z-index:1;justify-content:center;width:100%;height:100%;padding:12px 36px 16px;position:relative}.turn-timer{border-radius:48px;flex:none;width:1000px;height:110px;position:relative;overflow:hidden;box-shadow:0 14px 28px #00000094,0 0 18px #ffb84838}.turn-timer img{object-fit:fill;width:100%;height:100%;position:absolute;inset:0}.turn-timer-track{background:#08040cb8;border-radius:18px;height:34px;position:absolute;top:38px;left:120px;right:220px;overflow:hidden;box-shadow:inset 0 0 0 2px #ffd67859}.turn-timer-fill{background:linear-gradient(90deg,#ffe08a,#ff9a3c);height:100%;box-shadow:0 0 16px #ffb347}.turn-timer.urgent .turn-timer-fill{background:linear-gradient(90deg,#ffd27a,#ff3b3b);box-shadow:0 0 18px #ff4d2e}.turn-timer .dual{z-index:1;justify-content:center;gap:4px;width:180px;height:100%;padding:8px 8px 12px;position:absolute;top:0;right:28px}.turn-timer .dual-km{padding:0;font-size:48px;line-height:1.35}.turn-timer .dual-en{letter-spacing:.04em;font-size:44px}.hint-row{flex:none;justify-content:center;align-items:center;gap:28px;width:1000px;height:128px;display:flex}.hint-row .image-btn.btn-frame .dual{padding:12px 28px 16px 96px}.hint-pips{gap:14px;display:flex}.hint-pip{background:#281408b8;border-radius:50%;width:28px;height:28px;box-shadow:inset 0 0 0 2px #ffd67847}.hint-pip.on{background:radial-gradient(circle at 35% 30%,#ffe9a8,#ff9a3c);box-shadow:0 0 14px #ffb347,inset 0 0 0 2px #ffecb4b3}.cell.hint-to img,.cell.hint-from img{filter:drop-shadow(0 0 18px #7ef0ff);animation:.9s ease-in-out infinite hint-pulse}.cell.hint-to{z-index:6}.board-wrap{border-radius:36px;flex:none;width:800px;height:800px;position:relative;overflow:hidden;box-shadow:0 24px 48px #000000b3,0 0 32px #ffb84838}.board-art{object-fit:cover;opacity:.32;border-radius:36px;width:100%;height:100%;position:absolute;inset:0}.cow-tray{background:linear-gradient(#2a1608e0,#100804eb);border-radius:36px;flex:none;width:1000px;min-height:210px;padding:18px 28px 22px;box-shadow:0 16px 32px #0000009e,inset 0 0 0 3px #ffc45a59}.cow-tray-done{opacity:.55}.cow-tray-head{justify-content:space-between;align-items:center;gap:16px;padding:0 12px 8px;display:flex}.cow-tray-row{align-items:center;min-height:118px;padding-left:18px;display:flex}.tray-cow{filter:drop-shadow(0 8px 10px #0000008c);flex:none;width:108px;height:108px;margin-left:-38px;position:relative}.tray-cow:first-child{margin-left:0}.tray-cow img{object-fit:cover;border-radius:50%;width:100%;height:100%}.tray-cow.selected{z-index:2;filter:drop-shadow(0 0 16px #7ef0ff);transform:translateY(-18px)scale(1.12)}.tray-cow:disabled{cursor:default}.board-lines{stroke:#ffd978;stroke-width:1.15px;fill:none;filter:drop-shadow(0 0 4px #ffb000);z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.board-floor{fill:#14080f;stroke:none}.board-box.even{fill:#ffd67833}.board-box.odd{fill:#06020c80}.cell{z-index:2;padding:0;position:absolute}.cell.empty{z-index:2}.cell.highlight{z-index:3}.cell.piece{z-index:4}.cell.highlight img,.cell.piece img{object-fit:cover;border-radius:16%;width:76%;max-width:none;height:76%;position:absolute;top:12%;left:12%;box-shadow:0 8px 16px #00000073}.cell.selected{z-index:5}.cell.selected img{filter:drop-shadow(0 0 16px #7ef0ff);transform:scale(1.06)}.cell.punch img{animation:.16s ease-out punch}.cell.capture img{filter:drop-shadow(0 0 12px #ff4d2e)}.board-locked{pointer-events:none;filter:saturate(.85)}.pause-layer{z-index:8;background:#04020ab8;place-items:center;display:grid;position:absolute;inset:0}.pause-panel{border-radius:56px;height:820px;overflow:hidden;box-shadow:0 32px 72px #000000c7,0 0 40px #ffb8484d}.pause-actions{flex-direction:column;justify-content:center;align-items:center;gap:28px;display:flex;position:absolute;inset:0}.stamp{border-radius:48px;width:980px;height:420px;position:relative;overflow:hidden;box-shadow:0 24px 52px #000000b3,0 0 36px #ffb8484d}.stamp img{object-fit:fill;width:100%;height:100%;position:absolute;inset:0}.stamp .dual{z-index:1;justify-content:center;gap:12px;height:100%;padding:36px 90px 40px;position:relative}@keyframes punch{0%{transform:scale(1)}40%{transform:scale(1.16)}to{transform:scale(1)}}@keyframes hint-pulse{0%,to{filter:drop-shadow(0 0 10px #7ef0ff);transform:scale(1)}50%{filter:drop-shadow(0 0 22px #b8fbff);transform:scale(1.08)}}