*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #14101f;--bg-card: #221a35;--ink: #e8e0f0;--ink-dim: #9a8fb0;--gold: #c9a227;--danger: #c2201f}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif;-webkit-tap-highlight-color:transparent}#app{min-height:100%;display:flex;flex-direction:column}.btn{font:inherit;color:var(--ink);background:#322648;border:1px solid #4a3a68;border-radius:10px;padding:.7rem 1.2rem;cursor:pointer}.btn:active{transform:scale(.98)}.btn-gold{background:var(--gold);border-color:var(--gold);color:#221a05;font-weight:700}.btn-block{display:block;width:100%}.screen{flex:1;display:flex;flex-direction:column;padding:1.2rem;max-width:480px;width:100%;margin:0 auto;gap:1rem}.title-screen{justify-content:center;text-align:center;gap:1.4rem}.title-screen h1{font-size:2.2rem;letter-spacing:.06em;color:var(--gold)}.title-screen .version{color:var(--ink-dim);font-size:.8rem}.title-reset{background:none;border:none;color:var(--ink-dim);text-decoration:underline;cursor:pointer;font-size:.85rem}.screen-head{display:flex;align-items:center;gap:.8rem}.screen-head h2{font-size:1.3rem;color:var(--gold);flex:1}.realm-list{display:flex;flex-direction:column;gap:.7rem}.realm-item{display:flex;align-items:center;gap:.8rem;text-align:left;background:var(--bg-card);border:1px solid #4a3a68;border-radius:12px;padding:1rem;color:var(--ink);font:inherit;cursor:pointer}.realm-item[disabled]{opacity:.45;cursor:not-allowed}.realm-item .realm-status{margin-left:auto;font-size:1.1rem}.realm-item .realm-name{font-weight:600}.puzzle-list{display:flex;flex-direction:column;gap:.5rem}.puzzle-item{display:flex;align-items:center;gap:.6rem;background:var(--bg-card);border-radius:10px;padding:.7rem .9rem}.puzzle-item .p-name{flex:1}.puzzle-item .p-solved{color:var(--gold)}.puzzle-item .btn{padding:.35rem .7rem;font-size:.85rem}.debug-box{border:1px dashed #4a3a68;border-radius:10px;padding:.8rem}.debug-box h3{font-size:.85rem;color:var(--ink-dim);margin-bottom:.6rem;text-transform:uppercase;letter-spacing:.08em}.debug-box .btn{margin:.2rem .3rem .2rem 0;font-size:.85rem;padding:.45rem .8rem}.section-label{color:var(--ink-dim);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.ar-view{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:40;display:flex;flex-direction:column}.ar-container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.ar-container video,.ar-container canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;object-fit:cover}.ar-hud{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:.8rem;z-index:2}.ar-status{position:absolute;bottom:2rem;left:0;right:0;text-align:center;color:var(--ink);text-shadow:0 1px 4px #000;z-index:2;padding:0 1rem}.ar-debug{position:absolute;bottom:.4rem;left:0;right:0;text-align:center;font-size:.7rem;font-family:monospace;color:#7fdc7f;text-shadow:0 1px 3px #000;z-index:2}#overlay-root .panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0a0712f0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.2rem;gap:1rem}.panel-card{background:var(--bg-card);border:1px solid #4a3a68;border-radius:14px;padding:1.2rem;width:100%;max-width:440px;display:flex;flex-direction:column;gap:.9rem}.panel-head{display:flex;align-items:baseline;gap:.6rem}.panel-icon{color:var(--gold)}.panel-character{font-weight:700;color:var(--gold)}.panel-sub{color:var(--ink-dim);font-size:.8rem}.panel-text{line-height:1.5;font-size:1.05rem;white-space:pre-wrap}.panel-media video{width:100%;border-radius:10px}.panel-progress{height:4px;background:#191227;border-radius:2px;overflow:hidden}.panel-progress-bar{height:100%;width:0;background:var(--gold)}.panel-hint .panel-card{border-color:var(--gold)}.panel-video .panel-card:not(:has(video)) .panel-text{min-height:5.5rem;display:flex;align-items:center}.panel-overlay-img{max-width:min(90vw,380px);max-height:70vh;border-radius:12px}.code-form{display:flex;gap:.5rem;flex-wrap:wrap}.code-form input{flex:1 1 100%;font:inherit;font-size:1.2rem;letter-spacing:.15em;text-align:center;padding:.6rem;border-radius:10px;border:1px solid #4a3a68;background:#191227;color:var(--ink)}.code-form .btn{flex:1}.panel-minigame{padding:0!important;justify-content:flex-start!important}.mg-bar{display:flex;align-items:center;gap:.6rem;width:100%;padding:.7rem;background:var(--bg-card)}.mg-title{flex:1;text-align:center;font-weight:600;color:var(--gold)}.mg-host{flex:1;width:100%;overflow:auto;display:flex;flex-direction:column}.lc-root{flex:1;display:flex;flex-direction:column}.lc-flood{flex:1;display:flex;align-items:center;justify-content:center;transition:background .25s;background:#0a0712}.lc-reveal{text-align:center;mix-blend-mode:difference}.lc-reveal-label{display:block;font-size:.75rem;opacity:.8;text-transform:uppercase;letter-spacing:.1em}.lc-reveal-word{font-size:3rem;font-weight:800;letter-spacing:.2em}.lc-controls{padding:1rem;display:flex;flex-direction:column;gap:.8rem;background:var(--bg)}.lc-buttons{display:flex;gap:.5rem}.lc-buttons .btn{flex:1}.lc-answer{display:flex;gap:.5rem}.lc-answer input{flex:1;font:inherit;padding:.6rem;border-radius:10px;border:1px solid #4a3a68;background:#191227;color:var(--ink);text-transform:uppercase}.toast{position:fixed;bottom:1.4rem;left:50%;transform:translate(-50%);background:var(--bg-card);border:1px solid var(--gold);color:var(--ink);padding:.6rem 1.1rem;border-radius:999px;z-index:90;max-width:90vw;text-align:center;transition:opacity .5s}.toast-out{opacity:0}.error-screen{padding:2rem;text-align:center;color:var(--danger)}