:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#1a1a1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overflow:hidden}#app{width:100vw;height:100vh}canvas{display:block;touch-action:none}#landing-page{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:2000;background:#090909;font-family:Inter,sans-serif;display:flex;flex-direction:column;overflow:hidden}#landing-page:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle,rgba(255,255,255,.04) 1px,transparent 1px);background-size:24px 24px;pointer-events:none;z-index:0}#landing-page:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(90deg,transparent 47px,rgba(255,255,255,.025) 47px,rgba(255,255,255,.025) 48px,transparent 48px),linear-gradient(90deg,transparent calc(100% - 48px),rgba(255,255,255,.025) calc(100% - 48px),rgba(255,255,255,.025) calc(100% - 47px),transparent calc(100% - 47px));pointer-events:none;z-index:0}#landing-page .ambient-glow{position:absolute;top:-30%;right:-5%;width:65%;height:120%;background:radial-gradient(ellipse at center,rgba(204,176,102,.04) 0%,transparent 65%);pointer-events:none;z-index:0}#landing-page nav{position:relative;z-index:10;height:64px;display:flex;align-items:center;justify-content:center;padding:0 48px;border-bottom:1px solid rgba(255,255,255,.08)}#landing-page .nav-logo{position:absolute;left:48px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:opacity .2s}#landing-page .nav-logo:hover{opacity:.8}#landing-page .nav-logo-icon{display:flex;align-items:center;justify-content:center}#landing-page .nav-logo-icon img{height:28px;width:auto}#landing-page .nav-links{display:flex;gap:40px;align-items:center}#landing-page .nav-links a{text-decoration:none;font-family:Space Mono,monospace;font-size:11px;color:#555;cursor:pointer;transition:color .3s;font-weight:400;letter-spacing:2px;text-transform:uppercase}#landing-page .nav-links a:hover{color:#fff}#landing-page .nav-actions{position:absolute;right:48px;display:flex;gap:12px;align-items:center}#landing-page .nav-btn{font-family:Space Mono,monospace;font-size:11px;font-weight:700;padding:9px 22px;border-radius:0;cursor:pointer;letter-spacing:1.5px;text-transform:uppercase}#landing-page .nav-btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.15);color:#ccc}#landing-page .nav-btn.filled{background:#fff;border:1px solid #fff;color:#090909;font-weight:600}#landing-page .hero-wrap{flex:1;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;padding:0 60px;gap:0px;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}#landing-page .hero-text{max-width:540px;flex-shrink:0}#landing-page .tagline{display:inline-block;position:relative;padding:8px 18px;margin-bottom:36px;font-family:Space Mono,monospace;font-size:11px;color:#ccb066;letter-spacing:2px;text-transform:uppercase;font-weight:700}#landing-page .tagline:before{content:"";position:absolute;top:0;left:0;width:10px;height:10px;border-top:1px solid rgba(204,176,102,.4);border-left:1px solid rgba(204,176,102,.4)}#landing-page .tagline:after{content:"";position:absolute;bottom:0;right:0;width:10px;height:10px;border-bottom:1px solid rgba(204,176,102,.4);border-right:1px solid rgba(204,176,102,.4)}#landing-page h1{font-family:Space Mono,monospace;font-size:80px;line-height:1;font-weight:700;text-transform:uppercase;margin:0 0 28px;letter-spacing:.02em;background:linear-gradient(180deg,#fff 40%,#b8b2a2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#landing-page h1 .accent{display:flex;align-items:center;gap:18px;margin-top:18px;font-family:Space Mono,monospace;font-size:.17em;font-weight:400;font-style:normal;letter-spacing:.2em;background:none;-webkit-text-fill-color:#ccb066;text-shadow:0 0 24px rgba(204,176,102,.35)}#landing-page h1 .accent:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(204,176,102,.7),transparent)}#landing-page .subtitle{font-family:Space Mono,monospace;font-size:13px;color:#666;line-height:1.8;margin-bottom:48px;max-width:480px;letter-spacing:.5px}#landing-page .actions{display:flex;gap:16px;align-items:center}button.landing-btn{font-family:Space Mono,monospace;padding:16px 40px;font-size:12px;font-weight:700;cursor:pointer;border-radius:0;letter-spacing:2px;text-transform:uppercase}button.landing-btn.primary{background:transparent;color:#888;border:1px solid #333}button.landing-btn.primary:hover{box-shadow:0 8px 24px #ccb0661f}button.landing-btn.filled{background:#ccb066;color:#0a0a0a;border:1px solid #ccb066;font-weight:700}button.landing-btn.filled:hover{border-color:#fff;box-shadow:0 12px 32px #ccb06640}#landing-page .nav-btn,button.landing-btn{position:relative;isolation:isolate;overflow:hidden;transition:color .3s,border-color .3s,letter-spacing .3s,transform .1s,box-shadow .3s}#landing-page .nav-btn:before,button.landing-btn:before{content:"";position:absolute;inset:0;z-index:-1;background:#ccb066;transform:scaleX(0);transform-origin:right;transition:transform .4s cubic-bezier(.7,0,.2,1)}button.landing-btn.filled:before{background:#fff}#landing-page .nav-btn:hover:before,button.landing-btn:hover:before{transform:scaleX(1);transform-origin:left}#landing-page .nav-btn:hover,button.landing-btn.primary:hover{color:#090909;border-color:#ccb066;letter-spacing:2.5px}button.landing-btn:hover{letter-spacing:2.8px}#landing-page .nav-btn:active,button.landing-btn:active{transform:scale(.96)}#landing-page .hero-visual{flex:1;min-width:420px;height:560px;position:relative;display:flex;align-items:center;justify-content:flex-start;margin-left:-20px;overflow:visible}#svg-rook-canvas{width:100%;height:100%;overflow:visible;pointer-events:none}.isocube{pointer-events:auto;cursor:pointer;will-change:transform}.isocube polygon{stroke-linejoin:round}#landing-page .landing-footer{position:relative;z-index:2;padding:24px 80px 28px;border-top:1px solid rgba(255,255,255,.08)}#landing-page .footer-label{font-family:Space Mono,monospace;font-size:10px;color:#555;margin-bottom:14px;letter-spacing:1.5px;text-transform:uppercase}#landing-page .footer-techs{display:flex;align-items:center;gap:40px}#landing-page .tech-badge{font-family:Space Mono,monospace;font-size:12px;color:#555;font-weight:400;display:flex;align-items:center;gap:8px;letter-spacing:1px;text-transform:uppercase;transition:color .3s}#landing-page .tech-badge:hover{color:#999}#landing-page .tech-badge .tech-icon{font-size:18px;opacity:.7}@media(max-width:1100px){#landing-page .hero-wrap{flex-direction:column;padding:40px;gap:30px;text-align:center}#landing-page .hero-text{max-width:100%}#landing-page .tagline{justify-content:center}#landing-page h1{font-size:64px}#landing-page .subtitle{margin-left:auto;margin-right:auto;font-size:14px}#landing-page .actions{justify-content:center;flex-wrap:wrap}#landing-page .hero-visual{min-width:unset;width:100%;height:350px}#landing-page .landing-footer{padding:20px 40px}#landing-page .footer-techs{gap:24px;flex-wrap:wrap}}@media(max-width:768px){#landing-page nav{padding:0 20px}#landing-page .nav-links{display:none}#landing-page .hero-wrap{padding:30px 24px}#landing-page h1{font-size:52px}#landing-page .hero-visual{height:280px}button.landing-btn{padding:12px 24px;font-size:13px}#landing-page .landing-footer{padding:16px 24px}#landing-page .tech-badge{font-size:13px}}@media(max-width:500px){#landing-page h1{font-size:42px}#landing-page .hero-visual{height:220px}#landing-page .nav-actions{gap:6px}#landing-page .nav-btn{padding:7px 14px;font-size:12px}}#ui-sidebar{position:absolute;top:50%;left:20px;transform:translateY(-50%);width:260px;background:#090909eb;border:1px solid rgba(255,255,255,.08);border-radius:0;padding:22px;color:#eee;font-family:Space Mono,monospace;display:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #00000080;z-index:1000}#ui-sidebar:before,#ui-sidebar:after,#top-timer-display .timer-container:before,#top-timer-display .timer-container:after,#ai-log:before,#ai-log:after{content:"";position:absolute;width:10px;height:10px;pointer-events:none}#ui-sidebar:before,#top-timer-display .timer-container:before,#ai-log:before{top:-1px;left:-1px;border-top:1px solid rgba(204,176,102,.6);border-left:1px solid rgba(204,176,102,.6)}#ui-sidebar:after,#top-timer-display .timer-container:after,#ai-log:after{bottom:-1px;right:-1px;border-bottom:1px solid rgba(204,176,102,.6);border-right:1px solid rgba(204,176,102,.6)}#ui-sidebar h2{margin:0 0 18px;font-size:11px;font-weight:700;color:#ccb066;letter-spacing:2px;text-transform:uppercase}#ui-sidebar .status{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:2px;margin-bottom:18px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:14px}.game-btn{font-family:Space Mono,monospace;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:10px;border-radius:0;cursor:pointer}.game-btn,.promotion-btn{position:relative;isolation:isolate;overflow:hidden;transition:color .3s,border-color .3s,letter-spacing .3s,transform .1s}.game-btn:before,.promotion-btn:before{content:"";position:absolute;inset:0;z-index:-1;background:#ccb066;transform:scaleX(0);transform-origin:right;transition:transform .4s cubic-bezier(.7,0,.2,1)}.game-btn:hover:before,.promotion-btn:hover:before{transform:scaleX(1);transform-origin:left}.game-btn:hover,.promotion-btn:hover{color:#090909;border-color:#ccb066;letter-spacing:2.5px}.game-btn:active,.promotion-btn:active{transform:scale(.96)}.game-btn.filled{background:#fff;border:1px solid #fff;color:#090909}.game-btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.15);color:#ccc}.game-btn.gold{background:transparent;border:1px solid rgba(204,176,102,.5);color:#ccb066;font-size:10px}#move-history{margin-top:15px;font-size:12px;max-height:150px;overflow-y:auto;border-top:1px solid rgba(255,255,255,.08);padding-top:10px}#move-history table{width:100%;border-collapse:collapse}#move-history th{text-align:left;color:#555;font-size:10px;letter-spacing:2px;padding:2px 4px}#move-history td{padding:2px 4px;color:#ccc}#move-history tr:nth-child(2n){background:#ffffff08}.promotion-options{display:flex;flex-direction:column;gap:8px}.promotion-btn{background:transparent;border:1px solid rgba(255,255,255,.15);color:#ccc;padding:10px;text-align:center;cursor:pointer;border-radius:0;font-family:Space Mono,monospace;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}@media(max-width:768px){#ui-sidebar{top:auto;bottom:0;left:0;transform:none;width:100%;border-left:none;border-right:none;border-bottom:none;box-sizing:border-box}#move-history{max-height:80px}}#top-timer-display{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:900;pointer-events:none}.timer-container{position:relative;background:#090909d9;border:1px solid rgba(255,255,255,.08);border-radius:0;padding:10px 40px;display:flex;align-items:center;gap:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.timer-side{text-align:center}.timer-label{font-family:Space Mono,monospace;font-size:9px;color:#666;letter-spacing:2px;text-transform:uppercase;margin-bottom:2px}.timer-value{font-family:Space Mono,monospace;font-weight:700;font-size:26px;color:#555;font-variant-numeric:tabular-nums}.timer-value.active{color:#ccb066;text-shadow:0 0 10px rgba(204,176,102,.3)}.timer-divider{font-family:Space Mono,monospace;font-size:20px;color:#444;margin-top:10px}@media(max-width:768px){#top-timer-display{top:10px;width:90%}.timer-container{padding:5px 15px;gap:10px;justify-content:space-between;width:100%;box-sizing:border-box}.timer-value{font-size:20px}.timer-divider{margin-top:5px;font-size:16px}}#ai-log{position:fixed;right:20px;top:100px;width:300px;max-height:400px;background:#090909eb;border:1px solid rgba(255,255,255,.08);font-family:Space Mono,monospace;font-size:11px;color:#aaa;padding:20px;overflow-y:auto;pointer-events:auto;display:none;z-index:1000;border-radius:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #00000080}.log-header{font-size:11px;color:#ccb066;letter-spacing:2px;text-transform:uppercase;margin-bottom:15px;font-weight:700;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:8px}.log-entry{margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.05);line-height:1.5}.log-entry:last-child{border-bottom:none}.log-action{color:#fff;font-weight:700}.log-good{color:#6fc}.log-bad{color:#f66}.log-info{color:#aaa}@media(max-width:768px){#ai-log{inset:auto 10px 250px;width:auto;max-height:150px}}#white-material,#black-material{position:fixed;top:30px;z-index:900;font-size:24px;letter-spacing:2px;display:flex;gap:2px;pointer-events:none;font-family:Segoe UI Symbol,DejaVu Sans,sans-serif}#white-material{left:40px;color:#fff;text-shadow:0 0 5px rgba(255,255,255,.4)}#black-material{right:40px;color:#666;text-shadow:0 0 2px rgba(0,0,0,.5)}@media(max-width:768px){#white-material{top:60px;left:10px;font-size:18px}#black-material{top:60px;right:10px;font-size:18px}}#ui-sidebar .sidebar-actions{display:flex;gap:10px;margin-bottom:15px}#ui-sidebar .sidebar-actions .game-btn{flex:1}#ui-sidebar .sidebar-section{margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,.08)}#ui-sidebar .sidebar-section .game-btn{width:100%}#ui-sidebar .promotion-panel{margin-top:15px}#ui-sidebar .promotion-panel[hidden]{display:none}#ui-sidebar .promotion-title{font-size:10px;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;color:#ccb066}.game-btn:disabled{opacity:.5;cursor:default;pointer-events:none}.log-subtitle{font-size:9px;color:#666;font-weight:400;text-transform:none;letter-spacing:0;margin-top:2px}