:root{--terminal-dark: #0b0c10;--terminal-bg-card: rgba(22, 26, 39, .7);--neon-green: #00ff66;--neon-cyan: #00f0ff;--neon-amber: #ffaa00;--neon-red: #ff3b30;--glass-border: rgba(255, 255, 255, .08)}.hint-page-wrapper{background-color:var(--terminal-dark);color:#e2e8f0;font-family:Share Tech Mono,Noto Sans JP,sans-serif;min-height:100vh;position:relative;padding:60px 0 100px;overflow-x:hidden}.terminal-bg{position:fixed;inset:0;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 4px,6px 100%;pointer-events:none;z-index:2}.hint-container{position:relative;z-index:3;max-width:800px;margin:0 auto;padding:0 20px}.hint-header{text-align:center;margin-bottom:40px;border-bottom:1px solid rgba(0,240,255,.2);padding-bottom:30px}.terminal-tag{color:var(--neon-cyan);font-size:.85rem;letter-spacing:3px;margin-bottom:10px;text-shadow:0 0 5px rgba(0,240,255,.5)}.hint-header h1{font-family:Share Tech Mono,sans-serif;font-size:2.5rem;font-weight:700;letter-spacing:4px;color:#fff;margin:0 0 15px;text-shadow:0 0 10px rgba(255,255,255,.1)}.hint-header .subtitle{color:#94a3b8;font-size:1rem;margin:0 0 20px}.route-info-box{margin-top:25px;border:1px dashed rgba(255,255,255,.15);background:#ffffff05;padding:15px 20px;border-radius:12px;text-align:left;max-width:600px;margin-left:auto;margin-right:auto}.route-info-box p{margin:0 0 8px;font-size:.9rem;color:#cbd5e1;line-height:1.5}.route-info-box p:last-of-type{margin-bottom:12px}.ultimate-hint-link{display:inline-block;color:var(--neon-green);font-weight:700;text-decoration:underline;font-size:.95rem;transition:color .3s}.ultimate-hint-link:hover{color:#fff;text-shadow:0 0 8px var(--neon-green)}.prereq-alert{background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:12px;padding:20px;margin-bottom:30px;text-align:left}.prereq-alert p{margin:0 0 8px;line-height:1.6;font-size:.95rem}.prereq-alert p strong{color:#f87171}.config-bar{display:flex;justify-content:space-between;align-items:center;background:#00f0ff0d;border:1px solid rgba(0,240,255,.15);border-radius:12px;padding:12px 20px;margin-top:20px;flex-wrap:wrap;gap:15px}.status-summary{font-size:.95rem;color:var(--neon-cyan);display:flex;align-items:center;gap:8px}.status-summary:before{content:"";display:inline-block;width:8px;height:8px;background:var(--neon-cyan);border-radius:50%;box-shadow:0 0 8px var(--neon-cyan);animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.bypass-toggle{display:flex;align-items:center;gap:12px;cursor:pointer;user-select:none}.bypass-toggle input{display:none}.bypass-toggle .slider{position:relative;width:40px;height:20px;background-color:#334155;border-radius:10px;transition:.3s}.bypass-toggle .slider:before{content:"";position:absolute;width:14px;height:14px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s}.bypass-toggle input:checked+.slider{background-color:var(--neon-cyan);box-shadow:0 0 10px #00f0ff66}.bypass-toggle input:checked+.slider:before{transform:translate(20px)}.bypass-toggle .label-text{font-size:.85rem;color:#cbd5e1}.stages-list{display:flex;flex-direction:column;gap:25px}.stage-card{background:var(--terminal-bg-card);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1)}.stage-card:hover{border-color:#ffffff26;box-shadow:0 10px 30px #0003}.stage-card.active-stage{border-color:var(--neon-cyan);box-shadow:0 0 20px #00f0ff26}.stage-card.active-stage .stage-header{background:#00f0ff0d}.stage-header{display:flex;align-items:center;padding:20px 25px;border-bottom:1px solid var(--glass-border);cursor:pointer;user-select:none}.stage-num{font-size:1.8rem;font-weight:800;color:#fff3;margin-right:20px;font-family:Share Tech Mono,monospace;transition:color .3s}.stage-card.active-stage .stage-num{color:var(--neon-cyan);text-shadow:0 0 8px rgba(0,240,255,.4)}.stage-title-wrap{flex:1}.stage-title-wrap h3{font-size:1.15rem;color:#fff;margin:0 0 4px;font-weight:700}.stage-subtitle{font-size:.85rem;color:#94a3b8}.stage-badge{font-size:.75rem;font-weight:700;padding:4px 12px;border-radius:20px;letter-spacing:1.5px;font-family:Share Tech Mono,monospace;border:1px solid currentColor}.stage-badge.completed{color:var(--neon-green);background:#00ff660f}.stage-badge.active{color:var(--neon-cyan);background:#00f0ff0f;animation:pulse-border 2s infinite}@keyframes pulse-border{0%{box-shadow:0 0 #00f0ff66}70%{box-shadow:0 0 0 6px #00f0ff00}to{box-shadow:0 0 #00f0ff00}}.stage-badge.locked{color:#64748b;background:#64748b0f}.stage-badge.revealed{color:var(--neon-amber);background:#ffaa000f}.stage-body{position:relative;max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.16,1,.3,1)}.stage-card.expanded .stage-body{max-height:1000px}.stage-content{padding:25px}.spoiler-block{position:absolute;inset:0;background:#0b0c10d9;backdrop-filter:blur(12px);z-index:10;display:flex;align-items:center;justify-content:center;padding:30px;text-align:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.stage-card.locked-state .spoiler-block{opacity:1;pointer-events:auto}.spoiler-inner{max-width:400px}.spoiler-inner p{color:#f87171;font-weight:500;font-size:.95rem;margin-bottom:20px}.reveal-btn{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.4);padding:10px 20px;border-radius:30px;font-weight:600;cursor:pointer;transition:all .3s;font-family:sans-serif;font-size:.85rem}.reveal-btn:hover{background:#ef4444;color:#fff;box-shadow:0 0 15px #ef444466}.clue-section{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:20px;margin-bottom:20px}.clue-section h4{margin:0 0 10px;font-size:.95rem;letter-spacing:1px}.clue-section p{margin:0;font-size:.95rem;line-height:1.6;color:#cbd5e1}.hint-details{margin-bottom:15px;border:1px solid rgba(255,255,255,.05);border-radius:12px;background:#ffffff03;overflow:hidden;transition:border-color .3s}.hint-details[open]{border-color:#00f0ff33}.hint-details.answer-details[open]{border-color:#0f63}.hint-details summary{padding:15px 20px;font-weight:700;color:#e2e8f0;cursor:pointer;user-select:none;outline:none;list-style:none;display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.hint-details summary::-webkit-details-marker{display:none}.hint-details summary:after{content:"▶";font-size:.75rem;color:#64748b;transition:transform .3s}.hint-details[open] summary:after{transform:rotate(90deg);color:var(--neon-cyan)}.hint-details.answer-details[open] summary:after{color:var(--neon-green)}.details-content{padding:0 20px 20px;font-size:.9rem;line-height:1.6;color:#94a3b8;border-top:1px solid rgba(255,255,255,.03)}.details-content p{margin:15px 0 0}.details-content p:first-child{margin-top:15px}.code-text{font-family:Share Tech Mono,monospace;background:#1a1a24;border:1px solid rgba(255,255,255,.1);color:var(--neon-green);padding:2px 8px;border-radius:4px;font-size:1.05rem;letter-spacing:.5px}.progress-details-list,.debate-steps-list{margin:15px 0 0;padding-left:20px}.progress-details-list li,.debate-steps-list li{margin-bottom:10px;color:#cbd5e1}.progress-details-list li strong,.debate-steps-list li strong{color:#fff}.cooldown-toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:#dc2626f2;color:#fff;border:1px solid var(--neon-red);border-radius:8px;padding:12px 24px;box-shadow:0 0 20px #ef444466;z-index:1000;font-family:Share Tech Mono,Noto Sans JP,monospace;letter-spacing:1px;display:flex;align-items:center;gap:10px;pointer-events:none;opacity:0;transition:opacity .3s,transform .3s;transform:translate(-50%,20px)}.cooldown-toast.show{opacity:1;pointer-events:auto;transform:translate(-50%)}
