@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:wght@600&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#4f443b;background:#e8ddcf;font-synthesis:none;--paper: #f5eee5;--ink: #4d4138;--muted: #9a8877;--accent: #ad765c;--accent-soft: #e1c5b2;--light-square: #ddc8ac;--dark-square: #956d55;--frame: #6d4a3a;--piece-light: #f7e9d8;--piece-dark: #4d433f;--glow: rgba(244, 194, 152, .38)}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-height:100svh;overflow-x:hidden;background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.82),transparent 38%),linear-gradient(135deg,#eee5da,#e3d3c1)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.24;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")}button,select{font:inherit}button{color:inherit}.topbar{height:82px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(98,72,53,.12);position:relative;z-index:2}.brand{color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:12px}.brand-mark{width:37px;height:37px;border-radius:50%;padding:5px;background:var(--accent);box-shadow:0 6px 16px #6f47302e}.brand-mark i{display:block;width:100%;height:100%;border:2px solid rgba(255,255,255,.7);border-radius:50%;box-shadow:inset 0 0 0 3px #ffffff1f}.brand strong{display:block;font:600 21px/1 Playfair Display,serif;letter-spacing:-.3px}.brand small{display:block;color:var(--muted);font-size:8px;letter-spacing:3.2px;margin-top:5px}.top-actions{display:flex;align-items:center;gap:12px}.mode-control{height:42px;display:flex;align-items:center;gap:8px;padding:0 8px 0 15px;border-radius:22px;background:#ffffff73;border:1px solid rgba(109,78,60,.12)}.mode-control span{font-size:11px;color:var(--muted)}.mode-control select{border:0;outline:0;color:var(--ink);background:transparent;font-size:10px;font-weight:600;letter-spacing:1px;cursor:pointer}.icon-button{width:42px;height:42px;border:1px solid rgba(109,78,60,.12);border-radius:50%;background:#ffffff73;padding:11px;cursor:pointer;transition:.2s}.icon-button:hover,.game-tools button:hover{transform:translateY(-2px);background:#ffffffbf}.icon-button svg{width:100%;fill:var(--muted)}.icon-button.muted{opacity:.45}.game-shell{width:min(100%,740px);margin:0 auto;padding:24px 20px 38px;display:grid;justify-items:center;position:relative}.turn-card{width:min(100%,560px);display:flex;align-items:center;gap:12px;min-height:54px;padding:7px 14px 7px 8px}.turn-card small{color:var(--muted);font-size:8px;letter-spacing:1.6px;display:block}.turn-card strong{font:600 15px/1.25 Playfair Display,serif}.piece-avatar{width:42px;height:42px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;border:3px solid rgba(255,255,255,.28);box-shadow:0 5px 12px #35241c2e,inset 0 -5px 8px #0000001f}.piece-avatar span{opacity:.55;font-size:15px}.piece-avatar.dark{color:#d8c1a9;background:#4c423e}.piece-avatar.light{color:#a9765c;background:#f6e5d1}.thinking,.turn-pill{margin-left:auto;font-size:8px;font-weight:600;letter-spacing:1.4px;color:var(--accent);opacity:0;transition:.25s}.thinking.visible,.turn-card.active .turn-pill{opacity:1}.turn-pill:before{content:"";display:inline-block;width:5px;height:5px;margin-right:7px;border-radius:50%;background:var(--accent);vertical-align:1px;box-shadow:0 0 0 4px #ad765c1a}.board-wrap{width:min(76vw,calc(100svh - 350px),560px);aspect-ratio:1;position:relative;margin:5px 0}.board-glow{position:absolute;inset:7%;border-radius:22%;background:var(--glow);filter:blur(30px);transform:translateY(18px)}#game-canvas{position:relative;width:100%;height:100%;filter:drop-shadow(0 22px 22px rgba(77,51,38,.22));touch-action:none}#game-canvas canvas{display:block;width:100%!important;height:100%!important;border-radius:3%}.game-tools{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px}.game-tools button{border:1px solid rgba(109,78,60,.12);border-radius:22px;background:#ffffff59;padding:9px 15px;font-size:11px;cursor:pointer;transition:.2s}.game-tools button:disabled{opacity:.35;cursor:default;transform:none}.tool-icon{font-size:15px;margin-right:5px;color:var(--accent)}.status{min-height:18px;margin:12px 0 0;color:var(--muted);font-size:11px;letter-spacing:.2px}.modal-backdrop{position:fixed;z-index:20;inset:0;display:grid;place-items:center;background:#3e2f2857;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:24px;transition:.25s}.modal-backdrop.hidden{opacity:0;pointer-events:none}.modal{width:min(92vw,380px);text-align:center;padding:38px;border-radius:28px;background:var(--paper);box-shadow:0 28px 80px #31211947;transform:translateY(0);transition:.3s}.hidden .modal{transform:translateY(15px) scale(.97)}.modal-piece{margin:auto;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;color:#f4ddc7;background:var(--accent);box-shadow:0 9px 20px #5c392733}.eyebrow{color:var(--accent);font-size:8px;letter-spacing:2px;margin:22px 0 8px}.modal h2{font:600 28px/1.15 Playfair Display,serif;margin:0;color:var(--ink)}.modal>p:not(.eyebrow){color:var(--muted);font-size:13px}.modal button{margin-top:10px;border:0;border-radius:22px;padding:12px 24px;color:#fff;background:var(--accent);cursor:pointer;box-shadow:0 8px 20px #7c4f3733}body[data-theme=marble]{--paper:#f2f1ee;--ink:#465054;--muted:#899294;--accent:#738d91;--accent-soft:#c8d3d3;--light-square:#e5e1d9;--dark-square:#82979a;--frame:#66787a;--piece-light:#f6f2e9;--piece-dark:#47565a;--glow:rgba(150,195,199,.3);background:radial-gradient(circle at 50% 35%,#fff,transparent 40%),linear-gradient(135deg,#ecebe7,#d5dcdb)}body[data-theme=pastel]{--paper:#faf0ef;--ink:#665661;--muted:#a18c9a;--accent:#b77e96;--accent-soft:#e6c5d2;--light-square:#ecd9d2;--dark-square:#ad8291;--frame:#855f70;--piece-light:#fff0dc;--piece-dark:#66515e;--glow:rgba(237,171,197,.3);background:radial-gradient(circle at 50% 35%,#fff6f1,transparent 42%),linear-gradient(135deg,#f2dfdc,#ddd5e4)}body[data-theme=dark]{--paper:#292a2d;--ink:#e8ded4;--muted:#aaa09a;--accent:#d29671;--accent-soft:#6d5245;--light-square:#8f7c6e;--dark-square:#3e4245;--frame:#292d30;--piece-light:#e3c8a7;--piece-dark:#25292c;--glow:rgba(214,139,95,.23);background:radial-gradient(circle at 50% 35%,#414044,transparent 42%),linear-gradient(135deg,#27282b,#1e2123)}body[data-theme=dark] .topbar{border-color:#ffffff14}body[data-theme=dark] .icon-button,body[data-theme=dark] .mode-control,body[data-theme=dark] .game-tools button{background:#ffffff0d;border-color:#ffffff17}@media(max-width:560px){.topbar{height:66px;padding:0 16px}.brand strong{font-size:18px}.mode-control>span{display:none}.mode-control{padding-left:10px}.icon-button{width:38px;height:38px}.game-shell{padding:13px 12px 24px}.board-wrap{width:min(94vw,65svh)}.turn-card{width:min(94vw,560px)}}@media(max-height:690px)and (orientation:landscape){.topbar{height:54px}.game-shell{width:100%;height:calc(100svh - 54px);grid-template-columns:minmax(140px,1fr) min(72svh,560px) minmax(140px,1fr);grid-template-rows:1fr auto;align-items:center;padding:10px 24px}.board-wrap{grid-column:2;grid-row:1 / 3;width:min(72svh,560px);margin:0}.turn-card{width:auto;align-self:center}.opponent{grid-column:1;grid-row:1}.player{grid-column:3;grid-row:1}.game-tools{grid-column:1 / 2;grid-row:2;flex-wrap:wrap}.status{grid-column:3;grid-row:2}}