.app-shell{background:#1a1a1a;width:100vw;height:100vh;position:relative;overflow:hidden}.scene-viewport{width:100%;height:100%}.info-bar{z-index:2;color:#f5f1ea;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;background:#141414c2;border:1px solid #ffffff1f;border-radius:.65rem;align-items:center;gap:.7rem;padding:.7rem 1rem;display:flex;position:absolute;top:1.25rem;left:50%;transform:translate(-50%);box-shadow:0 .7rem 2rem #0000003d}.turn-label{font-size:.82rem;font-weight:600}.check-label{color:#f06a6a}.result-label{color:#f7d779}.info-bar button,.difficulty-control select{color:#e9e2d9;font:inherit;background:#292929;border:1px solid #ffffff26;border-radius:.35rem;padding:.28rem .48rem;font-size:.7rem}.info-bar button:disabled{color:#777;cursor:not-allowed}.difficulty-control{color:#aaa39a;align-items:center;gap:.3rem;font-size:.7rem;display:inline-flex}.engine-status{color:#7cd69a;font-size:.68rem}.engine-error{color:#f17a7a}.move-panel{z-index:2;color:#e9e2d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141414c7;border:1px solid #ffffff1a;border-radius:.65rem;width:190px;max-height:360px;padding:.8rem;position:absolute;top:5.25rem;right:1.25rem;box-shadow:0 .7rem 2rem #0003}.move-panel h2{margin:0 0 .55rem;font-size:.82rem;font-weight:600}.move-list{max-height:295px;font-size:.76rem;overflow:auto}.move-head,.move-row{grid-template-columns:30px 1fr 1fr;gap:.35rem;padding:.3rem .15rem;display:grid}.move-head{color:#aaa39a;border-bottom:1px solid #ffffff1a;font-size:.68rem}.move-row{border-bottom:1px solid #ffffff0d}.engine-overlay{z-index:5;color:#f5f1ea;pointer-events:auto;background:#0000006b;place-items:center;display:grid;position:absolute;inset:0}.engine-overlay>div{text-align:center;background:#141414e0;border:1px solid #ffffff1f;border-radius:.65rem;flex-direction:column;align-items:center;gap:.65rem;min-width:210px;padding:1.2rem 1.5rem;display:flex;box-shadow:0 .8rem 2rem #00000059}.engine-overlay p{color:#f17a7a;margin:0}.engine-overlay small{color:#aaa39a;overflow-wrap:anywhere;max-width:280px}.engine-overlay button{color:#f5f1ea;cursor:pointer;background:#3b3128;border:1px solid #846747;border-radius:.35rem;padding:.4rem .9rem}.main-menu{color:#f5f1ea;background:#1a1a1a;place-items:center;width:100vw;height:100vh;display:grid}.menu-card{background:#141414d1;border:1px solid #ffffff1f;border-radius:.8rem;flex-direction:column;align-items:center;gap:1rem;min-width:280px;padding:2.5rem 3rem;display:flex;box-shadow:0 1rem 3rem #00000047}.menu-card h1{letter-spacing:.04em;margin:0;font-size:2rem}.menu-card p{color:#aaa39a;margin:0 0 .7rem}.menu-card button,.online-panel button,.online-panel input{color:#f5f1ea;width:100%;font:inherit;background:#302820;border:1px solid #765b40;border-radius:.4rem;padding:.65rem .8rem}.menu-card button{cursor:pointer;min-width:190px}.menu-card button:hover,.online-panel button:hover{background:#493827}.online-panel{z-index:3;color:#e9e2d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141414d6;border:1px solid #ffffff1a;border-radius:.65rem;width:210px;padding:.9rem;position:absolute;top:5.2rem;left:1.25rem;box-shadow:0 .7rem 2rem #0003}.online-panel h2{margin:0 0 .7rem;font-size:.85rem}.online-panel p{color:#aaa39a;font-size:.76rem;line-height:1.6}.online-panel input{margin:.55rem 0}.online-panel button{cursor:pointer;margin:.2rem 0}.online-panel button:disabled{opacity:.45;cursor:not-allowed}.connection-dot.connected{color:#7cd69a}.connection-dot.connecting,.connection-dot.disconnected{color:#d8ad59}.disconnect-warning{color:#e6be63;font-size:.7rem}.error-text{color:#f17a7a!important}.engine-overlay button+button{margin-left:.5rem}.info-bar button,.menu-card button,.online-panel button,.engine-overlay button{transition:background .15s,transform .15s,filter .15s}.info-bar button:hover,.menu-card button:hover,.online-panel button:hover,.engine-overlay button:hover{filter:brightness(1.18)}.info-bar button:active,.menu-card button:active,.online-panel button:active,.engine-overlay button:active{transform:scale(.97)}.current-move{color:#f7d779;background:#f7d7791f}.move-row:hover{background:#ffffff0d}.spinner{border:3px solid #fff3;border-top-color:#f7d779;border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}.result-overlay>div{animation:.22s ease-out result-in}@keyframes spin{to{transform:rotate(360deg)}}@keyframes result-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.turn-label:first-letter{color:#f7d779}.info-bar button.home-button{color:#f7d779;background:#3a2f1e;border-color:#f7d77973;margin-left:.35rem}.toast{z-index:20;color:#f5f1ea;background:#141414e6;border:1px solid #ffffff29;border-radius:.4rem;padding:.55rem .85rem;font-size:.78rem;animation:.18s ease-out result-in;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 .5rem 1.5rem #0000004d}.online-panel p{animation:2s ease-in-out infinite waiting-pulse}@keyframes waiting-pulse{0%,to{opacity:.65}50%{opacity:1}}:root{color:#f5f1ea;font-synthesis:none;text-rendering:optimizelegibility;background:#1a1a1a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{min-width:320px;overflow:hidden}.model-test{background:#1a1a1a;width:100vw;height:100vh}.model-panel{z-index:3;color:#e9e2d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141414d6;border:1px solid #ffffff1a;border-radius:.65rem;width:230px;max-height:calc(100vh - 2.5rem);padding:.9rem 1rem;position:absolute;top:1.25rem;left:1.25rem;overflow:auto}.model-panel h2{margin:0 0 .5rem;font-size:.9rem}.model-panel p{color:#aaa39a;margin:0 0 .5rem;font-size:.72rem;line-height:1.6}.model-panel-sub{color:#7cd69a!important}.model-panel ul{margin:0;padding-left:1rem;font-size:.72rem;line-height:1.7}.model-label{color:#141210;white-space:nowrap;background:#f7d779;border-radius:.25rem;padding:.1rem .35rem;font-size:.62rem;font-weight:700}