.map-system-container{position:relative;width:100%;max-width:800px;margin:0 auto;padding:1.5rem;background:#0f0f0f;border-radius:24px;border:1px solid rgba(86,210,210,.15);box-shadow:inset 0 0 60px rgba(0,0,0,.8),0 20px 50px rgba(0,0,0,.4)}.conquest-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(15,15,15,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;display:flex;align-items:center;justify-content:center;border-radius:24px;pointer-events:none}.conquest-overlay-content{background:rgba(15,15,15,.9);padding:2rem 3rem;border-radius:16px;border:1px solid rgba(255,135,135,.3);text-align:center;box-shadow:0 10px 40px rgba(0,0,0,.5)}.map-grid-board{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:6px;gap:6px;width:100%;aspect-ratio:1/1}.inactive-board{opacity:.6}.zone-tile{position:relative;background:rgba(30,40,50,.6);border:1px solid rgba(151,174,214,.1);border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.2,.8,.2,1);overflow:hidden;display:flex;align-items:center;justify-content:center}.zone-tile:hover{transform:scale(1.05);z-index:5;box-shadow:0 0 20px rgba(86,210,210,.2);border-color:rgba(86,210,210,.5)}.zone-tile.locked{background:rgba(20,25,30,.4);border-color:rgba(255,255,255,.05)}.zone-tile.available{background:rgba(86,210,210,.05);border-color:rgba(86,210,210,.2)}.zone-tile.available:hover .zone-glow{opacity:1;background:radial-gradient(circle,rgba(86,210,210,.4) 0,transparent 70%)}.zone-tile.captured{background:rgba(246,200,95,.1);border-color:rgba(246,200,95,.5)}.zone-tile.captured:hover{box-shadow:0 0 20px rgba(246,200,95,.3)}.zone-tile.captured .zone-glow{opacity:.8;background:radial-gradient(circle,rgba(246,200,95,.25) 0,transparent 70%)}.zone-glow{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .3s ease}.zone-content{position:relative;z-index:2}.zone-avatar,.zone-content{display:flex;align-items:center;justify-content:center}.zone-avatar{background:linear-gradient(135deg,var(--gold),#f09e43);color:#000;width:1.8rem;height:1.8rem;border-radius:50%;font-weight:800;font-size:.9rem;box-shadow:0 2px 10px rgba(0,0,0,.5);text-shadow:none}.zone-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.zone-modal-content{background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:24px;padding:2rem;width:90%;max-width:400px;position:relative;transform:scale(.95);animation:scaleUp .3s cubic-bezier(.175,.885,.32,1.275) forwards}.zone-modal-icon{color:var(--teal);margin-bottom:.5rem}.zone-modal-close{position:absolute;top:1rem;right:1rem;background:rgba(255,255,255,.05);border:none;color:var(--muted);width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.zone-modal-close:hover{background:rgba(255,255,255,.1);color:var(--text);transform:scale(1.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.game-section{display:flex;gap:2rem;width:100%;max-width:1000px;margin:0 auto;align-items:flex-start}.board-wrapper{flex:2 1;background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;padding:1.5rem;box-shadow:var(--shadow)}.chessboard-container{width:100%;aspect-ratio:1/1;border-radius:8px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.4);margin:1rem 0}.player-badge{gap:1rem}.avatar,.player-badge{display:flex;align-items:center}.avatar{width:3rem;height:3rem;border-radius:12px;justify-content:center;font-size:1.5rem;background:var(--bg-soft);border:1px solid var(--border)}.bot-avatar{background:rgba(86,210,210,.1);border-color:rgba(86,210,210,.3)}.user-avatar{background:rgba(246,200,95,.1);border-color:rgba(246,200,95,.3);color:var(--gold)}.side-panel{flex:1 1;display:flex;flex-direction:column;gap:1rem;min-width:300px}.game-controls{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.5rem;gap:.5rem;padding:1rem;border-radius:16px}.game-controls,.move-list-container{background:var(--bg-elevated);border:1px solid var(--border)}.move-list-container{border-radius:16px;display:flex;flex-direction:column;height:400px;overflow:hidden}.move-list-header{padding:1rem;border-bottom:1px solid var(--border);background:rgba(255,255,255,.02)}.move-list-header h3{margin:0;font-size:1.1rem}.move-list-content{overflow-y:auto;flex:1 1;padding:.5rem 0}.move-row{display:grid;grid-template-columns:3rem 1fr 1fr;padding:.5rem 1rem;transition:background .2s;font-family:monospace;font-size:1.1rem}.move-row:hover{background:rgba(255,255,255,.05)}.move-number{color:var(--muted)}@media (max-width:920px){.game-section{flex-direction:column;align-items:stretch}}:root{color-scheme:dark;--bg:#07111f;--bg-elevated:rgba(10,21,38,0.82);--bg-soft:rgba(18,31,53,0.72);--border:rgba(151,174,214,0.18);--text:#f5f7fb;--muted:#98a8c5;--gold:#f6c85f;--gold-soft:rgba(246,200,95,0.18);--teal:#56d2d2;--teal-soft:rgba(86,210,210,0.14);--danger:#ff8787;--success:#74e29d;--shadow:0 30px 70px rgba(0,0,0,0.32);--radius-xl:28px;--radius-lg:22px;--radius-md:16px}*{box-sizing:border-box}#__next,body,html{min-height:100%}body{margin:0;font-family:Segoe UI,Helvetica Neue,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(46,191,167,.22),transparent 28%),radial-gradient(circle at top right,rgba(246,200,95,.18),transparent 24%),linear-gradient(180deg,#07111f,#03070d)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.app-frame{display:flex;min-height:100vh;position:relative;overflow:hidden}.ambient{position:absolute;inset:auto;width:28rem;height:28rem;border-radius:999px;filter:blur(90px);opacity:.75;pointer-events:none}.ambient-left{top:6rem;left:-10rem;background:rgba(86,210,210,.18)}.ambient-right{top:12rem;right:-10rem;background:rgba(246,200,95,.14)}.sidebar{width:260px;flex-shrink:0;border-right:1px solid var(--border);background:var(--bg-elevated);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);padding:1.5rem;z-index:20;height:100vh;position:-webkit-sticky;position:sticky;top:0}.sidebar,.sidebar-nav{display:flex;flex-direction:column}.sidebar-nav{gap:.5rem;margin-top:2.5rem;flex-grow:1}.sidebar-link{display:flex;align-items:center;gap:.85rem;padding:.85rem 1.1rem;border-radius:var(--radius-md);color:var(--muted);transition:all .2s;font-weight:500}.sidebar-link:hover{background:rgba(255,255,255,.05);color:var(--text);transform:translateX(4px)}.sidebar-link.active{background:var(--gold-soft);color:var(--gold);border:1px solid rgba(246,200,95,.2)}.main-content{flex-grow:1;overflow-y:auto;position:relative;height:100vh}.brand-mark{font-size:1.6rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text)}.brand-caption,.muted-copy,.muted-label{color:var(--muted)}.brand-caption,.muted-copy{margin:.35rem 0 0;line-height:1.6}.muted-label{margin:0;text-transform:uppercase;letter-spacing:.14em;font-size:.74rem}.inline-actions,.level-card-foot,.level-card-head,.pill-row,.profile-head,.progress-row,.section-heading,.topbar-links{display:flex;align-items:center}.inline-actions,.pill-row,.topbar-links{gap:.8rem;flex-wrap:wrap}.ghost-button,.nav-link,.pill-button,.primary-button,.secondary-button{border-radius:999px;border:1px solid var(--border);transition:transform .16s ease,border-color .16s ease,background .16s ease}.ghost-button,.link-button,.nav-link,.pill-button,.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center}.ghost-button,.nav-link,.pill-button,.primary-button,.secondary-button{padding:.82rem 1.1rem;background:rgba(255,255,255,.02);color:var(--text)}.primary-button{background:linear-gradient(135deg,#f6c85f,#f09e43);color:#07111f;border-color:rgba(246,200,95,.5);font-weight:700}.secondary-button{background:rgba(86,210,210,.08);border-color:rgba(86,210,210,.22)}.ghost-button,.nav-link,.pill-button{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.level-card.current,.level-card.selected,.pill-button.active{border-color:rgba(246,200,95,.55);box-shadow:inset 0 0 0 1px rgba(246,200,95,.2)}.ghost-button:hover,.level-card:hover,.nav-link:hover,.pill-button:hover,.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.app-shell{width:min(1200px,calc(100% - 2rem));margin:0 auto;padding-bottom:3rem}.auth-card,.hero-card,.panel{background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.hero-card{padding:clamp(1.6rem,4vw,2.6rem);border-radius:var(--radius-xl);margin-bottom:1.4rem}.hero-card h1{margin:.45rem 0 .6rem;font-size:clamp(2.1rem,5vw,4rem);line-height:.98;max-width:12ch}.hero-card p{max-width:60ch;color:var(--muted);line-height:1.75;margin:0}.eyebrow{display:inline-flex;padding:.42rem .78rem;border-radius:999px;background:rgba(255,255,255,.05);color:var(--gold);font-size:.74rem;text-transform:uppercase;letter-spacing:.12em}.content-grid{display:grid;grid-gap:1.4rem;gap:1.4rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:1.4rem}.single-column{display:flex;justify-content:center}.auth-card,.panel{border-radius:var(--radius-lg);padding:1.5rem}.section-heading{justify-content:space-between;gap:1rem;margin-bottom:1.2rem}.profile-head h2,.section-heading h2{margin:.25rem 0 0;font-size:1.5rem}.field{display:grid;grid-gap:.55rem;gap:.55rem;margin-bottom:1rem}.field span{color:var(--muted);font-size:.94rem}.field input{width:100%;border:1px solid var(--border);background:rgba(255,255,255,.03);border-radius:16px;padding:.95rem 1rem;color:var(--text);outline:none}.field input:focus{border-color:rgba(86,210,210,.5);box-shadow:0 0 0 4px rgba(86,210,210,.1)}.task-list{grid-gap:.85rem}.task-item,.task-list{display:grid;gap:.85rem}.task-item{grid-template-columns:.8rem 1fr;grid-gap:.85rem;align-items:start;padding:1rem;border-radius:18px;background:var(--bg-soft);border:1px solid rgba(255,255,255,.04)}.level-card strong,.reward-badge,.stat-card strong,.task-item strong{display:block}.level-card p,.stat-card span,.task-item p{margin:.3rem 0 0;color:var(--muted);line-height:1.55}.task-item.done{border-color:rgba(116,226,157,.25);background:rgba(116,226,157,.08)}.task-indicator{width:.8rem;height:.8rem;margin-top:.2rem;border-radius:999px;background:linear-gradient(135deg,var(--gold),#f09e43)}.reward-badge{padding:.55rem .8rem;border-radius:999px;background:var(--gold-soft);color:var(--gold)}.profile-card .stats-grid,.puzzle-card .stats-grid{margin-top:1rem}.stats-grid{display:grid;grid-gap:.9rem;gap:.9rem;grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{padding:1rem;border-radius:18px;background:var(--bg-soft);border:1px solid rgba(255,255,255,.04)}.stat-orb{width:6.5rem;height:6.5rem;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.18),transparent 38%),linear-gradient(135deg,rgba(246,200,95,.22),rgba(86,210,210,.22));border:1px solid rgba(246,200,95,.28)}.stat-orb span{font-size:1.5rem;font-weight:800}.stat-orb small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.progress-block{margin-top:1.25rem}.progress-row{justify-content:space-between;margin-bottom:.6rem;color:var(--muted)}.progress-bar{height:.8rem;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.06)}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(135deg,var(--gold),var(--teal))}.auth-card{width:min(32rem,100%)}.auth-form{display:grid;grid-gap:.2rem;gap:.2rem}.divider{display:flex;align-items:center;gap:.8rem;margin:1.2rem 0;color:var(--muted)}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:var(--border)}.inline-error,.inline-success{margin:.85rem 0 0;padding:.9rem 1rem;border-radius:16px}.inline-error{background:rgba(255,135,135,.1);border:1px solid rgba(255,135,135,.2);color:var(--danger)}.inline-success{background:rgba(116,226,157,.1);border:1px solid rgba(116,226,157,.18);color:var(--success)}.map-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1.2rem;gap:1.2rem}.league-column{position:relative;display:grid;grid-gap:.9rem;gap:.9rem}.league-column-head{display:flex;justify-content:space-between;align-items:center}.league-column-head h3{margin:0;letter-spacing:.08em}.league-column-head span{color:var(--muted)}.league-path{position:absolute;left:1rem;top:3.5rem;bottom:1rem;width:2px;background:linear-gradient(180deg,rgba(246,200,95,.4),rgba(86,210,210,.12))}.level-card{position:relative;margin-left:1.8rem;padding:1rem 1rem 1rem 1.15rem;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:var(--text);text-align:left}.level-card:before{content:"";position:absolute;left:-1.3rem;top:50%;transform:translateY(-50%);width:.85rem;height:.85rem;border-radius:999px;background:linear-gradient(135deg,var(--gold),var(--teal));box-shadow:0 0 0 6px rgba(246,200,95,.08)}.level-card.locked{opacity:.5}.level-card.completed{border-color:rgba(116,226,157,.22);background:rgba(116,226,157,.08)}.level-card.current{background:linear-gradient(135deg,rgba(246,200,95,.15),rgba(255,255,255,.03))}.level-card-head{justify-content:space-between;gap:1rem}.level-pill{color:var(--gold);font-size:.72rem;letter-spacing:.12em}.level-card-foot{justify-content:space-between;gap:1rem;margin-top:.9rem;color:var(--muted);font-size:.9rem}.control-panel{display:grid;grid-gap:.9rem;gap:.9rem}.status-stack{display:grid;grid-gap:.75rem;gap:.75rem}.status-pill,.theme-pill{display:inline-flex;align-items:center;justify-content:center;padding:.45rem .8rem;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.04);color:var(--text);font-size:.84rem}.chessboard-shell{width:min(100%,560px);margin:0 auto}.puzzle-engine{display:grid;grid-gap:1rem;gap:1rem}.puzzle-feedback{display:grid;grid-gap:.3rem;gap:.3rem;padding:1rem 1.1rem;border-radius:20px;border:1px solid var(--border);background:var(--bg-soft)}.puzzle-feedback strong{font-size:1.05rem}.puzzle-feedback span{color:var(--muted)}.puzzle-feedback.success{border-color:rgba(116,226,157,.22);background:rgba(116,226,157,.08)}.puzzle-feedback.error{border-color:rgba(255,135,135,.22);background:rgba(255,135,135,.08)}.puzzle-action-row,.theme-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.theme-row{margin:1rem 0 1.1rem}.puzzle-action-row{justify-content:space-between}.puzzle-status-grid{display:grid;grid-gap:.9rem;gap:.9rem;grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:920px){.app-frame,.sidebar{flex-direction:column}.sidebar{width:100%;height:auto;position:-webkit-sticky;position:sticky;top:0;padding:1rem;border-right:none;border-bottom:1px solid var(--border);z-index:50}.sidebar>div:first-child{display:flex;align-items:center;justify-content:space-between}.brand-caption{display:none}.sidebar-nav{flex-direction:row;margin-top:1rem;overflow-x:auto;width:100%;gap:.5rem;padding-bottom:.5rem}.sidebar-link{padding:.5rem .8rem;white-space:nowrap;flex-shrink:0}.sidebar>div:last-child{position:absolute;top:1rem;right:1rem;width:auto!important;margin-top:0!important}.sidebar>div:last-child a,.sidebar>div:last-child button{padding:.4rem .8rem;font-size:.85rem}.main-content{height:auto;min-height:calc(100vh - 130px)}.content-grid,.map-grid,.puzzle-status-grid,.stats-grid{grid-template-columns:1fr}.profile-head,.topbar{flex-direction:column;align-items:flex-start}.stat-orb{width:5.5rem;height:5.5rem}.puzzle-action-row{align-items:flex-start;flex-direction:column}}@media (prefers-reduced-motion:no-preference){.auth-card,.hero-card,.level-card,.panel{animation:rise-in .5s ease both}.hero-card{animation-delay:40ms}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}