:root{color:#f5eadb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ember:#ee7543;--ember-bright:#ffb066;--ivory:#eadcc4;--copper:#b97742;--panel:#0c0c0dc2;--line:#ebcfad29;background:#070708;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none}button,input,select{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #ffab63e6}button{color:inherit}.game-shell{isolation:isolate;background:radial-gradient(circle at 50% 46%,#5b20142e,#0000 36%),#070708;width:100%;height:100%;min-height:560px;position:relative;overflow:hidden}.arena-canvas{z-index:0;position:absolute;inset:0}.arena-canvas canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.arena-canvas:after{content:"";pointer-events:none;background:linear-gradient(90deg,#00000024,#0000 18% 82%,#00000024),linear-gradient(#0003,#0000 23% 76%,#00000040);position:absolute;inset:0}.cinematic-grain{z-index:1;opacity:.055;mix-blend-mode:soft-light;pointer-events:none;background-image:repeating-radial-gradient(circle at 18% 24%,#0000 0 1px,#ffffff2e 1px 2px),repeating-radial-gradient(circle at 76% 64%,#0000 0 2px,#ffffff1f 2px 3px);background-size:7px 7px,11px 11px;position:absolute;inset:-50%;transform:rotate(3deg)}.hud{z-index:2;pointer-events:none;padding:clamp(20px,3vw,42px);position:absolute;inset:0}.hud-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.brand{filter:drop-shadow(0 8px 20px #0000006b);align-items:center;gap:14px;display:flex}.brand-mark{background:radial-gradient(circle,#da4c2559,#110e0dcc 66%),#141111;border:1px solid #ffac6457;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;position:relative;box-shadow:inset 0 0 0 5px #0000002e,0 0 28px #d6441f24}.brand-mark:before,.brand-mark:after,.brand-mark span{content:"";transform-origin:50% 78%;background:linear-gradient(#ffd08a,#dc552b 70%);border-radius:100% 0;width:6px;height:25px;display:block;position:absolute;box-shadow:0 0 10px #ef5c2b6b}.brand-mark:before{transform:rotate(-37deg)translateY(-1px)}.brand-mark:after{transform:rotate(37deg)translateY(-1px)}.brand-mark span:first-child{height:31px;transform:translateY(-2px)}.brand-mark span:last-child{width:4px;height:17px;transform:translate(5px,1px)rotate(18deg)}.brand p,.control-drawer__header p,.match-status p{color:#ecd2b480;letter-spacing:.2em;text-transform:uppercase;margin:0 0 4px;font-size:9px;font-weight:700}.brand h1{letter-spacing:-.04em;text-shadow:0 4px 22px #0000007a;margin:0;font-family:Iowan Old Style,Palatino Linotype,Georgia,serif;font-size:clamp(29px,3vw,41px);font-weight:500;line-height:.85}.brand h1 em{color:#e38a54;font-variant:small-caps;letter-spacing:.06em;font-size:.58em;font-style:normal}.hud-header__right{pointer-events:auto;align-items:center;gap:9px;display:flex}.scoreboard{border:1px solid var(--line);background:linear-gradient(130deg, #191615d1, #080809ad), var(--panel);-webkit-backdrop-filter:blur(17px)saturate(1.15);backdrop-filter:blur(17px)saturate(1.15);border-radius:18px;align-items:center;gap:13px;min-height:54px;padding:8px 17px;display:flex;box-shadow:0 14px 42px #0000004d}.score{align-items:center;gap:9px;display:flex}.score>div{grid-template-columns:auto auto;align-items:baseline;gap:8px;display:grid}.score small{color:#ebdac580;letter-spacing:.12em;text-transform:uppercase;font-size:8px;font-weight:700}.score strong{font-family:Iowan Old Style,Georgia,serif;font-size:27px;font-weight:500;line-height:1}.score-piece,.mini-piece{border-radius:50%;flex:none;display:block;box-shadow:inset 0 0 0 2px #ffffff17,0 5px 10px #00000061}.score-piece{width:25px;height:25px}.score--black .score-piece,.mini-piece--black{background:radial-gradient(circle at 33% 27%,#b74a35,#58110d 72%);border:1px solid #ff874e80}.score--white .score-piece,.mini-piece--white{background:radial-gradient(circle at 33% 27%,#fff9e9,#c7ad84 76%);border:1px solid #fff5e18f}.scoreboard__slash{color:#eedbc338;font-family:Georgia,serif;font-size:21px}.round-button,.settings-button,.quiet-button,.primary-button,.drawer-primary,.drawer-secondary,.mode-grid button,.segmented-control button,.room-code,.chat-form button,.text-button{cursor:pointer;border:0;transition:transform .16s,border-color .16s,background .16s,opacity .16s}.round-button:hover,.settings-button:hover,.quiet-button:hover,.primary-button:hover,.drawer-primary:hover,.drawer-secondary:hover{transform:translateY(-1px)}.round-button:disabled,.settings-button:disabled,.quiet-button:disabled,.primary-button:disabled,.drawer-primary:disabled,.drawer-secondary:disabled,.text-button:disabled{cursor:default;opacity:.36;transform:none}.round-button{border:1px solid var(--line);color:#f4e2cdd1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d0c0db3;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;font-family:Georgia,serif;font-size:22px;display:grid;box-shadow:0 12px 35px #00000040}.settings-button{border:1px solid var(--line);color:#f3e6d3;text-align:left;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d0c0dbd;border-radius:17px;align-content:center;min-width:92px;min-height:54px;padding:0 17px;display:grid;box-shadow:0 12px 35px #00000042}.settings-button span{color:#ecd3b573;letter-spacing:.17em;text-transform:uppercase;font-size:7px;font-weight:800}.settings-button strong{margin-top:2px;font-family:Georgia,serif;font-size:15px;font-weight:500}.move-ledger{opacity:.76;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(145deg,#110f0fb3,#07070880);border:1px solid #e6c8a41f;border-radius:18px;width:194px;padding:14px;position:absolute;top:50%;left:clamp(20px,3vw,42px);transform:translateY(-44%);box-shadow:0 22px 55px #00000040}.move-ledger__heading,.move-ledger__columns,.move-ledger__row{align-items:center;display:grid}.move-ledger__heading{color:#eedbc4ad;letter-spacing:.12em;text-transform:uppercase;grid-template-columns:1fr auto;margin-bottom:11px;font-size:8px;font-weight:750}.move-ledger__heading strong{color:#d97946;font-size:10px}.move-ledger__columns,.move-ledger__row{grid-template-columns:23px 1fr 1fr;gap:4px}.move-ledger__columns{color:#e6d3bb47;letter-spacing:.08em;text-transform:uppercase;padding:0 3px 6px;font-size:7px}.move-ledger__row{color:#e6d5bf59;border-top:1px solid #e6c9a611;min-height:27px;padding:0 3px;font-family:ui-monospace,Cascadia Mono,monospace;font-size:9px}.move-ledger__row strong{color:#f5e8d6ab;font-weight:550}.move-ledger__rows>p{color:#e8d6c052;text-align:center;margin:12px 0 5px;font-family:Georgia,serif;font-size:12px;font-style:italic}.engine-badge{opacity:.78;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#09090a85;border:1px solid #e8ccaa1a;border-radius:13px;align-items:center;gap:9px;padding:8px 12px;display:flex;position:absolute;bottom:clamp(128px,17vh,168px);right:clamp(20px,3vw,42px)}.engine-leaderboard{border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:14px}.engine-leaderboard--board{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);width:194px;position:absolute;top:50%;right:clamp(20px,3vw,42px);transform:translateY(-44%)}.engine-leaderboard--options{margin:0 0 18px}.engine-leaderboard h2{color:#eedbc4ad;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-size:9px;font-weight:750}.engine-leaderboard ol{margin:0;padding:0;list-style:none}.engine-leaderboard li{color:#f5e8d6bd;border-top:1px solid #e6c9a614;grid-template-columns:22px 1fr;align-items:center;gap:7px;min-height:36px;font-size:11px;display:grid}.engine-leaderboard li>span{color:#eedbc473;font-variant-numeric:tabular-nums}.engine-leaderboard li>strong{font-weight:600}.engine-leaderboard li:first-child,.engine-leaderboard li:first-child>span{color:var(--ember-bright)}.engine-dot{background:#74685d;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #ffffff08}.engine-dot--ready{background:#e97642;box-shadow:0 0 12px #ed6330cc}.engine-dot--warming{background:#d1a050;animation:1.2s ease-in-out infinite engine-pulse}.engine-dot--unavailable,.engine-dot--offline{background:#81756d}.engine-badge small,.engine-badge strong{display:block}.engine-badge small{color:#e7d4bc57;letter-spacing:.16em;text-transform:uppercase;font-size:6px;font-weight:800}.engine-badge strong{color:#f3e2cca3;margin-top:1px;font-family:Georgia,serif;font-size:11px;font-weight:500}.match-bar{background:linear-gradient(110deg, #181311de, #080809c7), var(--panel);pointer-events:auto;-webkit-backdrop-filter:blur(22px)saturate(1.15);backdrop-filter:blur(22px)saturate(1.15);border:1px solid #edcca62e;border-radius:24px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;width:min(720px,100% - 32px);min-height:76px;margin:auto;padding:10px 11px 10px 12px;display:grid;position:absolute;bottom:clamp(35px,5.5vh,66px);left:clamp(16px,4vw,70px);right:clamp(16px,4vw,70px);box-shadow:0 24px 70px #00000073,inset 0 1px #ffffff09}.turn-medallion{background:radial-gradient(circle at 34% 28%,#b54a34,#52100c 75%);border:1px solid #ff9b5f66;border-radius:50%;place-items:center;width:51px;height:51px;font-family:Georgia,serif;font-size:17px;display:grid;box-shadow:inset 0 0 0 5px #19040345,0 7px 18px #0000006b,0 0 20px #d2411c1f}.turn-medallion--white{color:#5a3a24;background:radial-gradient(circle at 34% 28%,#fff8e8,#bea37d 78%);border-color:#fff1d885;box-shadow:inset 0 0 0 5px #5c40241f,0 7px 18px #0000006b}.turn-medallion--draw{color:#dbc9b1;background:radial-gradient(circle at 34% 28%,#5e554c,#211f1d 78%);border-color:#e9d6bd40}.match-status{min-width:0}.match-status strong{letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;font-family:Iowan Old Style,Georgia,serif;font-size:clamp(19px,2.2vw,25px);font-weight:500;line-height:1;display:block;overflow:hidden}.match-actions{gap:7px;display:flex}.quiet-button,.primary-button{letter-spacing:.04em;border-radius:13px;min-height:44px;padding:0 16px;font-size:10px;font-weight:760}.quiet-button{color:#f1e1cc9e;background:#ffffff06;border:1px solid #ebcfae21}.primary-button,.drawer-primary{color:#27130b;background:linear-gradient(135deg,#f4bb76,#cf6738 72%);border:1px solid #ffc37f42;box-shadow:0 9px 25px #cf572b33}.interaction-note{color:#e7d6c147;letter-spacing:.18em;text-align:center;text-transform:uppercase;margin:0;font-size:7px;font-weight:720;position:absolute;bottom:16px;left:0;right:0}.drawer-scrim{z-index:8;cursor:default;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur();backdrop-filter:blur();background:#02020347;border:0;padding:0;transition:opacity .22s,-webkit-backdrop-filter .22s,backdrop-filter .22s;position:absolute;inset:0}.drawer-scrim.is-open{opacity:1;pointer-events:auto;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.control-drawer{z-index:9;opacity:0;pointer-events:none;background:linear-gradient(150deg,#1a1412fb,#080809fc),#0c0b0b;border:1px solid #f0cca32e;border-radius:27px;grid-template-rows:auto minmax(0,1fr) auto;width:min(444px,100% - 28px);transition:opacity .18s,transform .3s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;top:14px;bottom:14px;right:14px;overflow:hidden;transform:translate(calc(100% + 34px));box-shadow:-28px 28px 90px #00000094}.control-drawer.is-open{opacity:1;pointer-events:auto;transform:translate(0)}.control-drawer__header,.control-drawer__footer{justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;display:flex}.control-drawer__header{border-bottom:1px solid #ebcca917}.control-drawer__header h2{letter-spacing:-.03em;margin:0;font-family:Iowan Old Style,Georgia,serif;font-size:29px;font-weight:500}.control-drawer__header .round-button{width:39px;height:39px;font-size:24px}.control-drawer__scroll{overscroll-behavior:contain;scrollbar-color:#ca683980 transparent;scrollbar-width:thin;min-height:0;padding:8px 14px 22px;overflow:hidden auto}.settings-section{background:linear-gradient(145deg,#ffffff07,#ffffff02),0 0;border:1px solid #ebcdaa17;border-radius:18px;margin-top:10px;padding:16px}.settings-section__heading{color:#f1e4d2;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:13px;font-family:Georgia,serif;font-size:16px;display:flex}.settings-section__heading small{color:#d07142;letter-spacing:.16em;text-transform:uppercase;font-family:Inter,Segoe UI,sans-serif;font-size:7px;font-weight:800}.mode-grid,.segmented-control{grid-template-columns:1fr 1fr;gap:7px;display:grid}.mode-grid button,.segmented-control button{color:#f1e2ce8a;background:#ffffff06;border:1px solid #ebcfae1a;border-radius:11px;min-height:41px;padding:0 8px;font-size:9px;font-weight:750}.mode-grid button:hover,.segmented-control button:hover{border-color:#e276434d}.mode-grid button.is-selected,.segmented-control button.is-selected{color:#25130c;background:linear-gradient(135deg,#eeb06e,#c96337);border-color:#f2a15d61;box-shadow:0 8px 22px #bb491f29}.history-summary{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.history-summary span{color:#ecd8c073;text-align:center;text-transform:uppercase;background:#ffffff05;border:1px solid #ebcfae14;border-radius:11px;gap:3px;min-width:0;padding:10px 7px;font-size:7px;font-weight:750;line-height:1.25;display:grid}.history-summary strong{color:#efbc86;font-family:Georgia,serif;font-size:20px;font-weight:500}.settings-note{color:#eedbc461;margin:10px 0 0;font-size:8px;line-height:1.55}.field{gap:7px;margin-top:12px;display:grid}.field>span{color:#ecd8c07a;letter-spacing:.12em;text-transform:uppercase;font-size:8px;font-weight:800}.field input,.field select,.chat-form input{color:#f0e3d1;background:#121010;border:1px solid #e9cca91f;border-radius:11px;outline:none;width:100%;min-height:42px;padding:0 12px;font-size:11px}.field select{cursor:pointer;padding-right:34px}.field input:focus,.field select:focus,.chat-form input:focus{border-color:#e77a4580}.toggle-field{cursor:pointer;justify-content:space-between;align-items:center;gap:18px;margin-top:15px;display:flex}.toggle-field>span{gap:3px;display:grid}.toggle-field strong{color:#f4e6d2b8;font-size:10px}.toggle-field small{color:#ebd6bd5c;font-size:8px}.toggle-field input{accent-color:#d76d3c;flex:none;width:38px;height:21px}.drawer-primary,.drawer-secondary{letter-spacing:.04em;border-radius:11px;width:100%;min-height:43px;margin-top:12px;font-size:9px;font-weight:800}.drawer-secondary{color:#f2e2cead;background:#ffffff09;border:1px solid #ebcfae21}.online-divider{color:#e8d3ba45;letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:8px;margin:15px 0 2px;font-size:7px;display:flex}.online-divider:before,.online-divider:after{content:"";background:#e9ccaa14;flex:1;height:1px}.settings-error{color:#ffad89;margin:10px 0 0;font-size:9px;line-height:1.5}.room-code{color:#f2d6b6;letter-spacing:.2em;background:#ffffff06;border:1px solid #eacda91f;border-radius:13px;place-items:center;width:100%;min-height:68px;font-family:Georgia,serif;font-size:27px;display:grid}.room-code small{color:#e8d2b847;letter-spacing:.12em;text-transform:uppercase;margin-top:-8px;font-family:Inter,sans-serif;font-size:6px;font-weight:800}.online-players{grid-template-columns:1fr 1fr;gap:8px;margin-top:11px;display:grid}.online-players>div{color:#efddc794;background:#ffffff06;border-radius:10px;align-items:center;gap:8px;min-width:0;padding:9px;font-size:9px;display:flex}.mini-piece{width:16px;height:16px}.chat-log{border:1px solid #e9cdab14;border-radius:12px;max-height:170px;margin-top:11px;padding:4px 7px 8px;overflow-y:auto}.chat-log>p{color:#e7d2b84d;text-align:center;margin:18px 0;font-size:9px}.chat-log article{background:#ffffff06;border-radius:8px;margin-top:6px;padding:7px 8px}.chat-log article.is-own{background:#cc592b1c;margin-left:18px}.chat-log strong{color:#d98250;font-size:7px}.chat-log p{color:#f2e1cca6;overflow-wrap:anywhere;margin:3px 0 0;font-size:9px;line-height:1.4}.chat-form{grid-template-columns:1fr auto;gap:6px;margin-top:7px;display:grid}.chat-form input{min-height:37px}.chat-form button{color:#23120b;background:#d57241;border-radius:10px;min-width:58px;font-size:8px;font-weight:800}.online-actions{grid-template-columns:1fr 1fr;gap:7px;display:grid}.online-actions .text-button{margin-top:0}.text-button{color:#f1d8c175;background:0 0;border-radius:11px;min-height:43px;margin-top:12px;font-size:8px;font-weight:800}.text-button--danger{color:#ff896a8c}.engine-detail>strong{color:#e7b07f;font-family:Georgia,serif;font-size:16px;font-weight:500}.engine-detail>p{color:#eedbc46b;margin:7px 0 0;font-size:9px;line-height:1.55}.control-drawer__footer{background:#00000026;border-top:1px solid #ebcca917}.control-drawer__footer>span{color:#ebd5bc4d;letter-spacing:.09em;text-transform:uppercase;font-size:7px;font-weight:750}.control-drawer__footer .drawer-primary{width:auto;min-width:145px;margin:0;padding:0 15px}@keyframes engine-pulse{50%{opacity:.45;transform:scale(.72)}}@media (max-width:1050px){.engine-leaderboard--board{display:none}.move-ledger{width:170px;top:auto;bottom:134px;transform:none}.move-ledger__rows{max-height:112px;overflow:hidden}.engine-badge{display:none}}@media (max-width:760px){.game-shell{min-height:480px}.hud{padding:14px}.brand{gap:9px}.brand-mark{width:40px;height:40px}.brand-mark:before,.brand-mark:after,.brand-mark span{width:4px;height:19px}.brand-mark span:first-child{height:24px}.brand p{display:none}.brand h1{font-size:27px;line-height:.95}.brand h1 em{margin-top:2px;font-size:.42em;display:block}.hud-header__right{gap:5px}.scoreboard{border-radius:14px;gap:7px;min-height:44px;padding:6px 10px}.score small,.scoreboard__slash{display:none}.score strong{font-size:21px}.score>div{display:block}.score-piece{width:19px;height:19px}.score{gap:5px}.round-button{width:39px;height:39px;font-size:18px}.settings-button{border-radius:13px;min-width:45px;min-height:44px;padding:0 9px}.settings-button span{display:none}.settings-button strong{text-transform:uppercase;font-family:Inter,sans-serif;font-size:8px}.move-ledger{display:none}.match-bar{border-radius:19px;gap:9px;width:auto;min-height:65px;padding:8px;bottom:35px;left:10px;right:10px}.turn-medallion{width:43px;height:43px;font-size:14px}.match-status p{margin-bottom:3px;font-size:6px}.match-status strong{max-width:36vw;font-size:16px}.match-actions{gap:5px}.quiet-button{display:none}.primary-button{min-height:39px;padding:0 10px;font-size:8px}.interaction-note{letter-spacing:.11em;font-size:6px;bottom:13px}.control-drawer{border-radius:22px;width:calc(100% - 14px);top:7px;bottom:7px;right:7px}.control-drawer__header,.control-drawer__footer{padding:14px 16px}.control-drawer__header h2{font-size:25px}.control-drawer__scroll{padding:6px 9px 18px}.settings-section{padding:14px}.mode-grid{grid-template-columns:1fr 1fr}.control-drawer__footer>span{display:none}.control-drawer__footer .drawer-primary{width:100%}}@media (max-height:650px) and (min-width:761px){.hud{padding-top:16px}.brand h1{font-size:30px}.brand-mark{width:44px;height:44px}.scoreboard{min-height:48px}.match-bar{min-height:66px;bottom:26px}.interaction-note,.move-ledger{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}