@import"https://fonts.googleapis.com/css2?family=Fraunces:wght@400;600;700&family=Sora:wght@400;500;600;700&display=swap";:root{--bg: #f3ede4;--bg-strong: #e9e1d5;--panel: #fbf7f0;--panel-strong: #f2eadf;--panel-card: #fffaf3;--text: #2b231b;--muted: #6e6256;--primary: #1f6f4a;--primary-dark: #15583a;--accent: #d1723a;--border: #d7cbb9;--success: #1f6f4a;--warning: #c49b43;--shadow: 0 18px 45px rgba(46, 35, 23, .12);--shadow-soft: 0 12px 28px rgba(46, 35, 23, .08);--font-display: "Fraunces", serif;--font-body: "Sora", sans-serif;color:var(--text);background-color:var(--bg);font-family:var(--font-body);line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background-color:var(--bg);background-image:radial-gradient(900px 500px at 12% -10%,rgba(31,111,74,.18),transparent 60%),radial-gradient(680px 420px at 100% 4%,rgba(209,114,58,.16),transparent 55%),linear-gradient(90deg,rgba(43,35,27,.04) 50%,transparent 50%),linear-gradient(0deg,rgba(43,35,27,.04) 50%,transparent 50%);background-size:auto,auto,60px 60px,60px 60px;background-position:top left,top right,0 0,0 0}a{color:inherit;text-decoration:none}button,input,textarea{font-family:inherit}h1,h2,h3,h4,h5{font-family:var(--font-display);letter-spacing:-.02em}code{font-family:Sora,monospace}#root{width:100%}.app-shell{min-height:100vh;display:flex;flex-direction:column;position:relative}.app-shell:before{content:"";position:fixed;inset:0;background:radial-gradient(420px 260px at 12% 18%,rgba(31,111,74,.14),transparent 60%),radial-gradient(520px 320px at 86% 22%,rgba(209,114,58,.16),transparent 60%);pointer-events:none;z-index:-1}.shell-header{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f2eae0;border-bottom:1px solid var(--border)}.shell-header-inner{max-width:1240px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px}.brand{display:inline-flex;align-items:center;gap:12px;border:none;background:transparent;padding:0;cursor:pointer;text-align:left}.brand-mark{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-weight:700;font-size:16px;letter-spacing:.08em}.brand-text{display:flex;flex-direction:column;gap:2px;color:var(--text);line-height:1.2}.brand-text small{color:var(--muted);font-size:12px}.nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.nav-link{padding:8px 12px;border-radius:12px;color:var(--muted);transition:all .2s ease;border:1px solid transparent;font-weight:600}.nav-link-active,.nav-link:hover{color:var(--text);border-color:var(--border);background:#ffffffb3}.shell-actions{display:flex;align-items:center;gap:10px}.lang-switcher{position:relative}.shell-main{flex:1;width:100%;max-width:1240px;margin:0 auto;padding:24px 20px 44px}.shell-footer{width:100%;max-width:1240px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px;padding:12px 20px 24px}.footer-meta{color:var(--accent)}.page{width:100%;display:flex;flex-direction:column;gap:24px;animation:page-fade .55s ease both}.page.home{gap:24px}.page.education,.page.play,.page.modes,.page.store{min-height:calc(100vh - 160px)}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-weight:600;font-size:11px;color:var(--accent);margin:0 0 6px}.muted{color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:#ffffffb3;color:var(--text);font-weight:600;font-size:12px}.pill.subtle{background:#1f6f4a1a;color:var(--primary);border-color:#1f6f4a40}.pill.stat{background:linear-gradient(135deg,#1f6f4a2e,#d1723a1f);border-color:#1f6f4a40}.pill.success{background:#1f6f4a24;color:var(--primary);border-color:#1f6f4a4d}.btn{border-radius:12px;border:1px solid var(--border);padding:10px 14px;background:var(--panel);color:var(--text);cursor:pointer;font-weight:600;transition:all .2s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 16px #2e23171f}.btn.primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-color:#1f6f4a80;color:#fff}.btn.ghost{background:transparent;border-style:dashed}.btn.outline{background:#ffffffd9;border-color:#1f6f4a66;color:var(--primary)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.link-btn{border:none;background:transparent;color:var(--accent);cursor:pointer;font-weight:600}.input{width:100%;padding:12px;border-radius:12px;border:1px solid var(--border);background:#fffaf3;color:var(--text)}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:8px 12px;border-radius:12px;border:1px solid var(--border);background:#ffffffd9;color:var(--text);cursor:pointer;font-weight:600}.chip-active{background:#1f6f4a24;border-color:#1f6f4a59;color:var(--primary)}.chip-menu{position:absolute;margin-top:8px;background:var(--panel-card);border:1px solid var(--border);border-radius:12px;padding:10px;display:grid;gap:6px;z-index:5;min-width:140px}.chip-option{border:none;padding:8px 10px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.chip-option.active{color:var(--primary)}.hero-card{width:100%;background:linear-gradient(135deg,#fffaf3f5,#f3e8dbeb);border:1px solid var(--border);border-radius:26px;padding:28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;align-items:center;box-shadow:var(--shadow);position:relative;overflow:hidden;animation:rise .6s ease both}.hero-text h1{font-size:clamp(28px,3vw,40px);margin:0}.hero-sub{max-width:540px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.hero-cta{min-width:180px}.hero-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.stat-pill{padding:10px 14px;border-radius:16px;background:#ffffffe6;border:1px solid var(--border);color:var(--text);font-weight:600;font-size:13px;display:grid;gap:4px}.stat-pill strong{font-size:16px}.hero-visual{position:relative;min-height:240px;border-radius:20px;background:linear-gradient(160deg,#1f6f4a2e,#2b231b1f);overflow:hidden;display:grid;place-items:center}.hero-board{width:220px;height:220px;background:url(/assets/chess/board.png) center/cover no-repeat;opacity:.9;filter:saturate(1.1);box-shadow:0 18px 32px #2e231740;transform:rotate(-2deg)}.hero-glow{position:absolute;inset:10% 10% auto auto;width:160px;height:160px;background:radial-gradient(circle,rgba(255,255,255,.35),transparent 70%);mix-blend-mode:screen}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.feature-card{border:1px solid var(--border);border-radius:18px;padding:16px;background:#ffffffeb;box-shadow:var(--shadow-soft);display:grid;gap:10px;animation:rise .6s ease both}.feature-grid>*:nth-child(1),.card-grid>*:nth-child(1),.pack-grid>*:nth-child(1),.store-grid>*:nth-child(1){animation-delay:.05s}.feature-grid>*:nth-child(2),.card-grid>*:nth-child(2),.pack-grid>*:nth-child(2),.store-grid>*:nth-child(2){animation-delay:.1s}.feature-grid>*:nth-child(3),.card-grid>*:nth-child(3),.pack-grid>*:nth-child(3),.store-grid>*:nth-child(3){animation-delay:.15s}.feature-grid>*:nth-child(4),.card-grid>*:nth-child(4),.pack-grid>*:nth-child(4),.store-grid>*:nth-child(4){animation-delay:.2s}.card-grid,.pack-grid,.store-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.mode-card,.pack-card{border:1px solid var(--border);border-radius:18px;padding:16px;background:#fffffff2;display:grid;gap:10px;box-shadow:var(--shadow-soft);animation:rise .6s ease both}.mode-badge{display:inline-flex;padding:6px 10px;border-radius:10px;background:#d1723a2e;color:var(--accent);font-weight:700;width:fit-content}.chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.chip-label{color:var(--muted);margin-bottom:6px}.modal{position:fixed;inset:0;background:#120f0b73;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.modal-body{width:min(860px,100%);background:var(--panel-card);border:1px solid var(--border);border-radius:18px;padding:18px;box-shadow:var(--shadow)}.modal-body.wide{width:min(960px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:12px}.form-grid{display:grid;gap:10px}.field span{display:block;color:var(--muted);margin-bottom:6px}.input-row{display:flex;gap:8px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.auth-modal-card{background:var(--panel-card);border-radius:20px;padding:20px;border:1px solid var(--border);display:grid;gap:12px;min-width:min(360px,92vw);box-shadow:var(--shadow)}.auth-modal-logo{font-weight:700;font-size:18px;color:var(--primary)}.auth-modal-or{text-align:center;font-weight:600;color:var(--muted)}.auth-modal-options{display:grid;gap:8px}.helper{margin:6px 0;font-size:13px}.helper.warning{color:var(--warning)}.helper.error{color:#c4584c}.helper.info{color:var(--primary)}.play-grid{width:100%;margin:0 auto;display:grid;grid-template-columns:minmax(320px,1.1fr) minmax(260px,.9fr);gap:14px;align-items:start}.board-panel{background:#fffffff2;border:1px solid var(--border);border-radius:18px;padding:14px;box-shadow:var(--shadow-soft)}.player-card{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:14px;border:1px solid var(--border);background:#fffc}.player-card.top{margin-bottom:10px}.player-info h4{margin:2px 0 0}.timer{font-weight:700;color:var(--text)}.timer.active{color:var(--primary)}.hint-row{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.hint-pill{padding:8px 12px;border-radius:12px;border:1px solid var(--border);background:#1f6f4a1f;color:var(--text);font-weight:600}.hint-pill.empty{background:#c4584c1f;border-color:#c4584c4d}.hint-pill.cooldown{background:#d8a7561f}.hint-pill.ghost{background:#ffffffe6}.board-wrapper{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-soft)}.board-wrapper.board-locked:after{content:"";position:absolute;inset:0;background:#ffffff80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none}.board-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.25),transparent 60%);opacity:.5}.board-grid{display:grid;position:relative;z-index:1}.board-square{border:none;padding:0;margin:0;background:#f6eedd;position:relative}.board-square-dark{background:#7a9e6f}.board-square-highlight{box-shadow:inset 0 0 0 3px #d1723a73}.board-square-selected{box-shadow:inset 0 0 0 3px #1f6f4a99}.board-square-legal{box-shadow:inset 0 0 0 3px #1f6f4a73}.board-square-hint{box-shadow:inset 0 0 0 3px #628ec98c}.board-piece{width:90%;height:90%;object-fit:contain;pointer-events:none}.captured{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;margin-top:12px}.captured-row{display:flex;gap:4px;flex-wrap:wrap}.captured-piece{padding:4px 6px;border-radius:8px;border:1px solid var(--border);background:#ffffffd9;font-weight:700}.side-panel{display:grid;gap:14px}.panel-card{border:1px solid var(--border);border-radius:18px;padding:16px;background:#fffffff2;overflow:hidden;box-shadow:var(--shadow-soft);animation:rise .6s ease both}.panel-card h4{margin-top:0}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.lesson-list{display:grid;gap:10px}.lesson-card{border:1px solid var(--border);border-radius:14px;padding:12px;background:#fffc;display:flex;align-items:center;justify-content:space-between;gap:10px}.puzzle-groups{display:grid;gap:10px}.puzzle-group{border:1px solid var(--border);border-radius:14px;padding:12px;background:#fffc}.move-list{max-height:460px;overflow:auto;display:grid;gap:4px}.move-row{display:grid;grid-template-columns:50px 1fr 1fr;gap:6px;align-items:center}.move-num{color:var(--muted);font-weight:600}.move-btn{border:1px solid var(--border);border-radius:10px;background:#fffc;color:var(--text);padding:6px 10px;cursor:pointer}.move-btn.active{border-color:#1f6f4a99;background:#1f6f4a2e}.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.result{margin-top:10px;padding:12px;border-radius:14px;border:1px solid var(--border);background:#ffffffe6}.education-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.puzzle-meta{margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.store-grid{margin-top:10px}.wallet-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:8px}.wallet-pill{padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#ffffffd9;display:grid;gap:4px}.pack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}@keyframes page-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:980px){.play-grid{grid-template-columns:1fr}.shell-header-inner{flex-direction:column;align-items:flex-start}.shell-actions{width:100%;justify-content:space-between}}@media(max-width:720px){.shell-main{padding:20px 16px 32px}.shell-header-inner{gap:12px}.nav{width:100%;gap:6px}.nav-link{padding:6px 10px}.section-head{flex-direction:column;gap:10px}.board-panel{padding:12px}}@media(max-width:540px){.shell-footer{flex-direction:column;gap:6px;align-items:flex-start}.card-grid,.pack-grid,.store-grid,.feature-grid{grid-template-columns:1fr}.move-row{grid-template-columns:40px 1fr 1fr}}