.app-shell{background:var(--paper);width:100%;height:100%;color:var(--ink);isolation:isolate;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;position:fixed;inset:0;overflow:hidden}.cb-hud{left:14px;right:76px;top:var(--safe-top);z-index:3;pointer-events:none;flex-wrap:wrap;gap:8px;display:flex;position:absolute}.cb-chip{letter-spacing:.01em;border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--ink);white-space:nowrap;background:#f8f1d8e0;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700;line-height:1.2}.cb-chip-accent{color:var(--paper);background:var(--sage);border-color:var(--sage)}.cb-lang{right:14px;top:var(--safe-top);z-index:4;border:1px solid var(--border);background:#f8f1d8eb;border-radius:999px;gap:2px;padding:3px;display:flex;position:absolute}.cb-lang button{min-width:44px;min-height:34px;color:var(--ink);background:0 0;border:0;border-radius:999px;font-size:13px;font-weight:650}.cb-lang button.active{background:var(--ink);color:var(--paper)}.cb-title{left:50%;top:calc(var(--safe-top) + 46px);z-index:5;white-space:nowrap;border:1px solid var(--border);pointer-events:none;background:#efe6c9eb;border-radius:999px;padding:8px 16px;font-family:Georgia,serif;font-size:clamp(18px,5.6vw,24px);position:absolute;transform:translate(-50%)}.cb-hint{left:50%;top:calc(var(--safe-top) + 92px);z-index:5;border:1px solid var(--border);text-align:center;pointer-events:none;background:#f8f1d8eb;border-radius:999px;max-width:calc(100% - 48px);padding:9px 14px;font-size:13px;font-weight:650;animation:1.7s ease-in-out infinite cb-float;position:absolute;transform:translate(-50%)}.cb-objective{left:50%;top:calc(var(--safe-top) + 46px);z-index:5;border:1px solid var(--border);text-align:center;pointer-events:none;max-width:calc(100% - 96px);color:var(--line);background:#f8f1d8e6;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:650;position:absolute;transform:translate(-50%)}@keyframes cb-float{50%{transform:translate(-50%)translateY(6px)}}.cb-stage{padding:0 14px;padding-top:calc(var(--safe-top) + 4px);padding-bottom:calc(var(--safe-bottom) + 8px);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cb-table-wrap{width:100%;min-width:0;max-width:640px;height:100%;position:relative}.cb-canvas{touch-action:none;width:100%;height:100%;display:block}.cb-controls{left:16px;right:16px;bottom:calc(var(--safe-bottom) + 8px);z-index:3;align-items:center;gap:10px;display:flex;position:absolute}.cb-meter{border:1px solid var(--border);background:#efe6c9e0;border-radius:999px;flex:1;height:40px;padding:7px;box-shadow:0 12px 24px #2a2a281f}.cb-meter>span{background:linear-gradient(90deg, var(--sage), var(--blue));border-radius:999px;height:100%;transition:width .12s;display:block}.cb-mute{border:1px solid var(--border);background:#f8f1d8e6;border-radius:999px;justify-content:center;align-items:center;min-width:44px;min-height:44px;font-size:18px;display:flex}.cb-result{left:16px;right:16px;bottom:calc(var(--safe-bottom) + 8px);z-index:6;border:1px solid var(--border);max-height:calc(100% - var(--safe-top) - var(--safe-bottom) - 24px);background:#f8f1d8f5;border-radius:18px;flex-direction:column;gap:10px;padding:14px;display:flex;position:absolute;overflow:auto;box-shadow:0 22px 50px #2a2a2829}.cb-result-head b{font-family:Georgia,serif;font-size:15px;display:block}.cb-result-head small{color:var(--line);margin-top:2px;font-size:12px;line-height:1.35;display:block}.cb-result-actions{gap:8px;display:flex}.cb-btn-secondary{border:1px solid var(--ink);min-height:44px;color:var(--ink);background:0 0;border-radius:999px;flex:1;padding:0 10px;font-size:13px;font-weight:700}@media (max-height:640px){.cb-title{top:calc(var(--safe-top) + 36px);font-size:18px}.cb-hint{top:calc(var(--safe-top) + 76px);font-size:12px}}