2 lines
11 KiB
CSS
2 lines
11 KiB
CSS
._container_166qm_3{--component-font-main: var(--font-main, system-ui, sans-serif);--component-font-display: var(--font-display, var(--component-font-main));--component-font-mono: var(--font-mono, monospace);background:var(--gc-bg, #0a0a0f);color:var(--gc-text, #e8e8ec);box-sizing:border-box;font-family:var(--component-font-main);line-height:1.6;max-width:640px;margin:0 auto;padding:1rem}._container_166qm_3 *,._container_166qm_3 *:before,._container_166qm_3 *:after{box-sizing:inherit}._panel_166qm_21{animation:_fadeIn_166qm_1 .3s ease;background:var(--gc-bg-secondary, #12121a);border:4px solid var(--gc-border, #2a2a3a);border-radius:4px;box-shadow:0 0 0 2px var(--gc-bg, #0a0a0f),0 0 20px #6366f126,inset 0 0 60px #00000080}@keyframes _fadeIn_166qm_1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}._imageFrame_166qm_38{width:100%;min-height:100%;object-fit:contain;aspect-ratio:16 / 9;background:#000;border-bottom:4px solid var(--gc-border, #2a2a3a);overflow:hidden;position:relative}._imageFrame_166qm_38:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.4) 0%,transparent 20%,transparent 80%,rgba(0,0,0,.2) 100%);pointer-events:none}._sceneImage_166qm_63{width:100%;height:100%;object-fit:contain;image-rendering:auto}._sceneFallback_166qm_70{--scene-accent: var(--gc-primary, #6366f1);--scene-glow: rgb(99 102 241 / 26%);--scene-panel: rgb(8 10 20 / 92%);position:relative;display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:1rem;background:radial-gradient(circle at 20% 18%,var(--scene-glow),transparent 34%),linear-gradient(145deg,#080a14f5,#05060cf5);overflow:hidden}._sceneFallback_166qm_70[data-tone=danger]{--scene-accent: #ef4444;--scene-glow: rgb(239 68 68 / 22%)}._sceneFallback_166qm_70[data-tone=accent]{--scene-accent: var(--gc-accent, #22d3ee);--scene-glow: rgb(34 211 238 / 20%)}._sceneFallback_166qm_70[data-tone=success]{--scene-accent: #22c55e;--scene-glow: rgb(34 197 94 / 20%)}._sceneFallbackGlow_166qm_102{position:absolute;inset:12% auto auto 8%;width:40%;aspect-ratio:1;border-radius:999px;background:radial-gradient(circle,var(--scene-glow),transparent 70%);filter:blur(8px);pointer-events:none}._sceneFallbackHud_166qm_113{position:relative;display:flex;justify-content:space-between;gap:.75rem;align-items:center;z-index:1}._sceneFallbackBadge_166qm_122,._sceneFallbackSignal_166qm_123{border:1px solid color-mix(in srgb,var(--scene-accent) 55%,transparent);background:color-mix(in srgb,var(--scene-panel) 88%,transparent);color:color-mix(in srgb,var(--scene-accent) 86%,white);padding:.35rem .55rem;text-transform:uppercase;letter-spacing:.14em;font-family:var(--component-font-mono);font-size:.66rem}._sceneFallbackSignal_166qm_123{opacity:.85}._sceneFallbackCopy_166qm_138{position:relative;z-index:1;display:grid;gap:.45rem;max-width:28rem}._sceneFallbackKicker_166qm_146{margin:0;color:color-mix(in srgb,var(--scene-accent) 78%,white);font-family:var(--component-font-mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}._sceneFallbackTitle_166qm_155{margin:0;color:#fff;font-family:var(--component-font-display);font-size:clamp(1.3rem,2.8vw,2rem);line-height:1.05;text-transform:uppercase}._sceneFallbackDetail_166qm_164{margin:0;color:#e8e8ecc2;font-size:.88rem;max-width:32ch}._sceneFallbackBars_166qm_171{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;align-items:end}._sceneFallbackBars_166qm_171 span{height:.35rem;border-radius:999px;background:linear-gradient(90deg,var(--scene-accent),color-mix(in srgb,var(--scene-accent) 18%,transparent));opacity:.9}._sceneFallbackBars_166qm_171 span:nth-child(2){width:82%}._sceneFallbackBars_166qm_171 span:nth-child(3){width:64%}._dialogueBox_166qm_196{padding:1.5rem;position:relative}._dialogueBox_166qm_196:before{content:"";position:absolute;top:0;left:1rem;right:1rem;height:1px;background:linear-gradient(90deg,transparent,var(--gc-primary, #6366f1) 20%,var(--gc-primary, #6366f1) 80%,transparent)}._dialogueHeader_166qm_217{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}._title_166qm_224{color:var(--gc-primary, #6366f1);font-family:var(--component-font-display);margin:0;font-size:1.25rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 10px rgba(99,102,241,.5)}._loopBadge_166qm_235{background:#ef444433;color:#ef4444;padding:.25rem .75rem;border:2px solid #ef4444;border-radius:2px;font-family:var(--component-font-mono);font-size:.75rem;font-weight:700;letter-spacing:.1em;animation:_loopPulse_166qm_1 1.5s ease-in-out infinite}@keyframes _loopPulse_166qm_1{0%,to{opacity:1}50%{opacity:.6}}._description_166qm_253{color:var(--gc-text-muted, #9999a8);margin:0 0 1.25rem;font-size:.95rem;line-height:1.7}._actionButton_166qm_261{background:linear-gradient(180deg,#4f46e5,#3730a3);color:#fff;border:2px solid #6366f1;padding:.875rem 1.5rem;font-family:var(--component-font-display);font-size:1rem;font-weight:700;cursor:pointer;transition:all .15s ease;width:100%;text-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:0 4px #1e1b4b,0 6px 10px #0000004d;position:relative;top:0}._actionButton_166qm_261:hover{filter:brightness(1.1);top:-2px;box-shadow:0 6px #1e1b4b,0 8px 15px #0000004d}._actionButton_166qm_261:active{top:4px;box-shadow:0 0 #1e1b4b,0 2px 5px #0000004d}._choices_166qm_296{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}._choiceButton_166qm_303{background:var(--gc-bg, #0a0a0f);border:2px solid var(--gc-border, #2a2a3a);padding:1rem;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:1rem;position:relative;overflow:hidden}._choiceButton_166qm_303:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gc-primary, #6366f1);opacity:0;transition:opacity .15s ease}._choiceButton_166qm_303:hover{border-color:var(--gc-primary, #6366f1);background:#6366f114}._choiceButton_166qm_303:hover:before{opacity:1}._choiceKey_166qm_337{width:2.5rem;height:2.5rem;background:linear-gradient(180deg,#374151,#1f2937);border:2px solid #4b5563;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:var(--component-font-mono);font-size:1.25rem;font-weight:700;color:#e5e7eb;flex-shrink:0;box-shadow:0 3px #111827,inset 0 1px #ffffff1a;text-shadow:0 1px 2px rgba(0,0,0,.5)}._choiceButton_166qm_303:hover ._choiceKey_166qm_337{background:linear-gradient(180deg,#4f46e5,#3730a3);border-color:#6366f1;box-shadow:0 3px #1e1b4b,inset 0 1px #ffffff26,0 0 10px #6366f14d}._choiceContent_166qm_366{display:flex;flex-direction:column;gap:.25rem;text-align:left}._choiceTitle_166qm_373{color:var(--gc-text, #e8e8ec);font-family:var(--component-font-display);font-weight:700;font-size:1rem}._choiceDesc_166qm_380{color:var(--gc-text-muted, #9999a8);font-size:.8rem;font-style:italic}._rejection_166qm_387{background:#ef444414;border:2px solid rgba(239,68,68,.4);padding:1.25rem;margin-bottom:1.25rem;position:relative}._rejectionBadge_166qm_395{display:inline-block;background:#dc2626;color:#fff;padding:.25rem .75rem;font-family:var(--component-font-mono);font-size:.8rem;font-weight:700;letter-spacing:.15em;margin-bottom:1rem;animation:_shake_166qm_1 .5s ease-in-out}@keyframes _shake_166qm_1{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}._quote_166qm_416{color:var(--gc-text, #e8e8ec);font-family:var(--component-font-display);font-size:1.1rem;font-weight:700;margin:0 0 .75rem;padding-left:1rem;border-left:3px solid #ef4444}._explanation_166qm_426{color:var(--gc-text-muted, #9999a8);margin:0;font-size:.9rem;padding-left:1rem;border-left:3px solid transparent}._insightButton_166qm_435{background:transparent;border:2px dashed var(--gc-accent, #22d3ee);color:var(--gc-accent, #22d3ee);padding:.75rem 1rem;font-family:var(--component-font-display);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:1rem;width:100%;animation:_glowPulse_166qm_1 2s ease-in-out infinite}@keyframes _glowPulse_166qm_1{0%,to{box-shadow:0 0 5px #22d3ee4d}50%{box-shadow:0 0 15px #22d3ee80}}._insightButton_166qm_435:hover{background:#22d3ee1a;border-style:solid}._insight_166qm_435{text-align:center}._insightTitle_166qm_465{color:var(--gc-accent, #22d3ee);margin:0 0 1.5rem;font-family:var(--component-font-display);font-size:1.25rem;font-weight:700;text-shadow:0 0 15px rgba(34,211,238,.5)}._paradoxDiagram_166qm_474{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.5rem;padding:1rem;background:#0006;border:1px solid var(--gc-border, #2a2a3a)}._paradoxNode_166qm_486{background:var(--gc-bg, #0a0a0f);border:1px solid var(--gc-border, #2a2a3a);padding:.4rem .6rem;font-family:var(--component-font-mono);font-size:.7rem;color:var(--gc-text-muted, #9999a8)}._paradoxArrow_166qm_495{color:var(--gc-primary, #6366f1);font-size:1rem;font-weight:700}._paradoxLoop_166qm_501{color:var(--gc-accent, #22d3ee);font-size:1.5rem;margin-left:.5rem;animation:_spin_166qm_1 3s linear infinite}@keyframes _spin_166qm_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._insightText_166qm_513{color:var(--gc-text, #e8e8ec);margin:0 0 1rem;font-size:.9rem;line-height:1.7;text-align:left}._insightText_166qm_513:last-of-type{margin-bottom:0}._insightText_166qm_513 strong{color:var(--gc-accent, #22d3ee)}._completeButton_166qm_530{background:linear-gradient(180deg,#059669,#047857);color:#fff;border:2px solid #10b981;padding:1rem 1.5rem;font-family:var(--component-font-display);font-size:1rem;font-weight:700;cursor:pointer;transition:all .15s ease;width:100%;margin-top:1.5rem;text-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:0 4px #064e3b,0 6px 10px #0000004d;position:relative;top:0}._completeButton_166qm_530:hover{filter:brightness(1.1);top:-2px;box-shadow:0 6px #064e3b,0 8px 15px #0000004d}._completeButton_166qm_530:active{top:4px;box-shadow:0 0 #064e3b,0 2px 5px #0000004d}._successBox_166qm_566{text-align:center}._successTitle_166qm_570{color:#22c55e;margin:0 0 1rem;font-family:var(--component-font-display);font-size:1.25rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 15px rgba(34,197,94,.5)}._stats_166qm_581{color:var(--gc-text-muted, #9999a8);margin:0 0 1.5rem;font-size:.9rem}._scoreDisplay_166qm_587{background:#0006;border:2px solid var(--gc-accent, #22d3ee);padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}._scoreLabel_166qm_597{color:var(--gc-text-muted, #9999a8);font-family:var(--component-font-mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.2em}._scoreValue_166qm_605{color:var(--gc-accent, #22d3ee);font-size:3rem;font-weight:700;text-shadow:0 0 20px rgba(34,211,238,.5)}@media(max-width:480px){._container_166qm_3{padding:.5rem}._dialogueBox_166qm_196{padding:1rem}._title_166qm_224{font-size:1.1rem}._choiceKey_166qm_337{width:2rem;height:2rem;font-size:1rem}._paradoxDiagram_166qm_474{gap:.25rem;padding:.75rem}._paradoxNode_166qm_486{font-size:.6rem;padding:.3rem .5rem}._sceneFallback_166qm_70{padding:.85rem}._sceneFallbackHud_166qm_113{gap:.5rem}._sceneFallbackBadge_166qm_122,._sceneFallbackSignal_166qm_123{font-size:.58rem;padding:.3rem .45rem}._sceneFallbackTitle_166qm_155{font-size:1.1rem}._sceneFallbackDetail_166qm_164{font-size:.78rem}}
|