@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Mono:wght@400;500&display=swap";*{box-sizing:border-box}html,body{margin:0;padding:0}html,body,#root{min-height:100%}body{background:#0a0c0f;overflow-x:hidden}.app-shell{--bg: #0a0c0f;--bg2: #111318;--bg3: #181b22;--border: rgba(255,255,255,.07);--border2: rgba(255,255,255,.13);--accent: #47aaff;--accent2: #ff6b35;--text: #f0f2f5;--muted: #6b7280;--danger: #ff4d4d;--safe: #4dffb4;--font: "Syne", sans-serif;--mono: "DM Mono", monospace;background:var(--bg);color:var(--text);font-family:var(--font);min-height:100vh;position:relative}.app-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.06) 1px,transparent 1px);background-size:28px 28px;z-index:0}.app-shell:after{content:"";position:fixed;top:-120px;left:50%;transform:translate(-50%);width:700px;height:400px;background:radial-gradient(ellipse at center,rgba(71,170,255,.18) 0%,transparent 70%);pointer-events:none;z-index:0}.sb-main{padding-top:0;padding-bottom:0;max-width:1100px;margin:0 auto;position:relative;z-index:1}.sb-play-btn{width:100%;background:transparent;border-radius:999px;padding:.6rem 1.6rem;font-family:DM Mono,monospace;font-weight:500;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .18s ease,box-shadow .18s ease,transform .18s ease;box-shadow:none}.sb-play-btn:active{transform:scale(.97)}.sb-play-btn-red{color:#ff4d4d;border:1.5px solid #ff4d4d}.sb-play-btn-red:hover{background:#ff4d4d1a;box-shadow:0 0 26px #ff4d4d73;transform:translateY(-2px)}.sb-play-btn-blue{color:#47aaff;border:1.5px solid #47aaff}.sb-play-btn-blue:hover{background:#47aaff1a;box-shadow:0 0 26px #47aaff73;transform:translateY(-2px)}.sb-topbar{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 2rem;border-bottom:1px solid var(--border);background:#0a0c0fd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:100;margin-bottom:0}.sb-logo{font-family:var(--font);font-weight:800;font-size:1.1rem;color:var(--text);letter-spacing:.02em}.sb-logo span{color:var(--accent)}.sb-nav{font-family:var(--mono);font-size:.78rem;color:var(--muted);letter-spacing:.04em}.sb-nav b{color:var(--safe);margin-right:.4rem}.sb-hero{text-align:left;padding:2.25rem 2rem 1.5rem;position:relative;z-index:1;max-width:1100px;margin:0 auto}.sb-eyebrow{display:inline-flex;align-items:center;gap:.5rem;background:#47aaff1a;border:1px solid rgba(71,170,255,.22);color:var(--accent);font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;padding:.3rem .9rem;border-radius:999px;margin-bottom:1.2rem}.sb-eyebrow:before{content:"●";font-size:.55rem}.sb-hero-title{font-family:var(--font);font-size:clamp(1.7rem,3.2vw,2.85rem);font-weight:800;color:var(--text);line-height:1.1;margin:0 0 1rem;letter-spacing:-.01em}.sb-hero-title .accent-line{color:var(--accent);display:block;font-family:var(--font);font-weight:800;letter-spacing:-.01em}.sb-hero-title .white-line{color:var(--text);display:block;font-family:var(--font);font-weight:800;letter-spacing:-.01em}.sb-card{min-height:340px}.sb-hero-sub{font-family:var(--mono);font-size:.85rem;color:var(--muted);max-width:460px;margin:0 0 1.6rem;line-height:1.7;text-align:left}.sb-section-title{font-family:var(--mono);font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;display:flex;align-items:center;gap:.8rem;margin-bottom:1.2rem;padding:0 .5rem}.sb-section-title:after{content:"";flex:1;height:1px;background:var(--border)}.sb-cards-row{display:flex;gap:.75rem;align-items:stretch}.sb-cards-row>.sb-card-col{flex:1;display:flex;flex-direction:column;gap:.9rem}.sb-card{background:var(--bg2);border:1px solid var(--border);border-radius:16px;padding:1.5rem;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;position:relative;overflow:hidden;height:100%;display:flex;flex-direction:column}.sb-card.card-red:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--danger),transparent);border-radius:16px 16px 0 0}.sb-card.card-red:hover{border-color:#ff4d4d66;box-shadow:0 0 0 1px #ff4d4d1f,0 16px 40px #00000059;transform:translateY(-4px)}.sb-card.card-blue:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),transparent);border-radius:16px 16px 0 0}.sb-card.card-blue:hover{border-color:#47aaff66;box-shadow:0 0 0 1px #47aaff1f,0 16px 40px #00000059;transform:translateY(-4px)}.sb-badge{display:inline-block;font-family:var(--mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;padding:.22rem .65rem;border-radius:999px;margin-bottom:.9rem;background:#47aaff1f;color:var(--accent);border:1px solid rgba(71,170,255,.2)}.sb-badge.badge-red{background:#ff4d4d1f;color:var(--danger);border-color:#ff4d4d40}.sb-card-icon{font-size:2.25rem;margin-bottom:.7rem;line-height:1}.sb-card-title{font-family:var(--font);font-size:1.15rem;font-weight:800;color:var(--text);margin-bottom:.5rem;letter-spacing:-.01em}.sb-card-desc{font-family:var(--mono);font-size:.78rem;color:var(--muted);line-height:1.65;flex-grow:1;margin-bottom:1rem}.sb-card-stats{background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:.7rem .9rem;margin-bottom:1rem}.sb-stat-row{display:flex;justify-content:space-between;align-items:center;padding:.3rem 0;border-bottom:1px solid var(--border)}.sb-stat-row:last-child{border-bottom:none}.sb-stat-key{font-family:var(--mono);font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.sb-stat-val{font-family:var(--mono);font-size:.78rem;font-weight:500;color:var(--accent)}.sb-stat-val.orange{color:var(--accent2)}.sb-features{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem;margin:2rem .5rem 0}.sb-feature{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:1.1rem;text-align:center}.sb-feature-icon{font-size:1.5rem;margin-bottom:.5rem}.sb-feature-title{font-family:var(--font);font-size:.85rem;font-weight:700;color:var(--text);margin-bottom:.25rem}.sb-feature-desc{font-family:var(--mono);font-size:.72rem;color:var(--muted);line-height:1.55}.sb-footer{text-align:center;padding:2rem;margin-top:2.5rem;border-top:1px solid var(--border);position:relative;z-index:1}.sb-footer-brand{font-family:var(--font);font-weight:700;font-size:.85rem;color:var(--text);margin-bottom:.3rem}.sb-footer-sub{font-family:var(--mono);font-size:.72rem;color:var(--muted)}.anim-fade-up{animation:fadeUp .5s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.footfall-widget{position:fixed;bottom:1.2rem;right:1.4rem;z-index:9999;background:#111318;border:1px solid rgba(71,170,255,.22);border-radius:10px;padding:.5rem .85rem;display:flex;align-items:center;gap:.55rem;box-shadow:0 4px 20px #00000073,0 0 0 1px #47aaff0f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.footfall-dot{width:6px;height:6px;border-radius:50%;background:#47aaff;box-shadow:0 0 6px #47aaffcc;animation:ffPulse 2s ease-in-out infinite;flex-shrink:0}@keyframes ffPulse{0%,to{opacity:1;box-shadow:0 0 6px #47aaffcc}50%{opacity:.45;box-shadow:0 0 2px #47aaff4d}}.footfall-body{display:flex;flex-direction:column;gap:0}.footfall-label{font-family:DM Mono,monospace;font-size:.52rem;letter-spacing:.12em;text-transform:uppercase;color:#6b7280;line-height:1}.footfall-count{font-family:Syne,sans-serif;font-size:.95rem;font-weight:800;color:#47aaff;line-height:1.2;letter-spacing:-.01em}@media (max-width: 640px){.sb-topbar{padding:.9rem 1rem;gap:.5rem}.sb-logo{font-size:.78rem}.sb-nav-desktop{display:none}.sb-hero-title{font-size:1.6rem!important;line-height:1.15!important}.sb-hero-sub{font-size:.7rem!important}.sb-cards-row{flex-wrap:nowrap!important;gap:.5rem!important;align-items:stretch!important}.sb-cards-row>.sb-card-col{min-width:0!important;gap:0!important}.sb-cards-row .sb-card{flex:1!important}.sb-card{padding:.7rem .6rem;border-radius:10px 10px 0 0!important;height:auto!important;min-height:unset!important;margin-bottom:0!important;border-bottom:none!important}.sb-card-icon{font-size:1.1rem;margin-bottom:.2rem}.sb-card-title{font-size:.68rem;margin-bottom:.2rem;line-height:1.25}.sb-card-desc{display:none!important}.sb-badge{font-size:.46rem;padding:.12rem .45rem;margin-bottom:.45rem}.sb-card-stats{padding:.35rem .45rem;margin-bottom:0;border-radius:6px}.sb-stat-row{padding:.18rem 0}.sb-stat-key{font-size:.48rem}.sb-stat-val{font-size:.5rem}.sb-play-btn{border-radius:0 0 10px 10px!important;border-top:none!important;margin-top:0!important;padding:.55rem!important;font-size:.65rem!important}.sb-features{grid-template-columns:repeat(3,1fr);gap:.5rem;margin:2rem 0 0}.sb-feature{padding:.75rem .6rem;text-align:center}.sb-feature-icon{font-size:1.2rem}.sb-feature-title{font-size:.58rem}.sb-feature-desc{font-size:.52rem;line-height:1.5}}.jp-shell{--bg: #0a0c0f;--bg2: #111318;--bg3: #181b22;--border: rgba(255,255,255,.07);--border2: rgba(255,255,255,.13);--accent: #ff4d4d;--text: #f0f2f5;--muted: #6b7280;--safe: #4dffb4;--danger: #ff4d4d;--font: "Syne", sans-serif;--mono: "DM Mono", monospace;--shadow: 0 10px 30px rgba(0,0,0,.45);background:#0a0c0f;color:#f0f2f5;font-family:DM Mono,ui-monospace,monospace;min-height:100vh;position:relative}.jp-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.06) 1px,transparent 1px);background-size:28px 28px;z-index:0}.jp-shell:after{content:"";position:fixed;top:-120px;left:50%;transform:translate(-50%);width:700px;height:400px;background:radial-gradient(ellipse at center,rgba(71,170,255,.18) 0%,transparent 70%);pointer-events:none;z-index:0}.jp-main{max-width:1100px;margin:0 auto;position:relative;z-index:1}.game-topbar-title b{color:#ff4d4d;margin-right:.4rem}.game-topbar-back{flex-shrink:0;background:transparent;color:#6b7280;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:.4rem .9rem;font-family:DM Mono,monospace;font-weight:500;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:color .15s ease,border-color .15s ease;white-space:nowrap}.jp-btn{width:100%;background:transparent;color:#6b7280;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:.45rem 1rem;font-family:DM Mono,monospace;font-weight:500;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;box-shadow:none;cursor:pointer;transition:color .15s ease,border-color .15s ease}.jp-btn:hover{color:#f0f2f5;border-color:#ffffff40}.jp-btn:active{transform:scale(.97)}.jp-btn:disabled{opacity:.4;cursor:not-allowed}.jp-btn-primary{width:100%;border-radius:999px;background:transparent;color:var(--accent);border:1.5px solid var(--accent);font-family:DM Mono,monospace;font-weight:500;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;padding:.75rem 2rem;box-shadow:0 0 12px #ff4d4d1f;transition:background .15s ease,box-shadow .15s ease,transform .15s ease;height:auto;white-space:nowrap;cursor:pointer}.jp-btn-primary:hover{background:#ff4d4d1a;box-shadow:0 0 26px #ff4d4d66;transform:translateY(-2px)}.jp-btn-primary:active{transform:scale(.97)}.jp-hero{text-align:left;padding:2.5rem 2rem 1.5rem;position:relative;z-index:1}.jp-eyebrow{display:inline-flex;align-items:center;gap:.5rem;background:#ff4d4d1a;border:1px solid rgba(255,77,77,.22);color:#ff4d4d;font-family:DM Mono,monospace;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;padding:.35rem 1rem;border-radius:999px;margin-bottom:1.2rem}.jp-eyebrow:before{content:"●";font-size:.55rem}.jp-hero-title{font-family:Syne,sans-serif;font-size:clamp(1.7rem,3vw,2.5rem);font-weight:800;color:#f0f2f5;line-height:1.1;margin:0 0 .5rem;letter-spacing:-.01em}.jp-hero-title .white-line{color:#f0f2f5;display:block;font-family:Syne,sans-serif;font-weight:800}.jp-hero-title .accent-line{color:#ff4d4d;display:block;font-family:Syne,sans-serif;font-weight:800}.jp-hero-sub{font-family:DM Mono,monospace;font-size:.95rem;color:#6b7280;max-width:520px;margin:0;line-height:1.75;text-align:left}.section-header{font-family:var(--mono);font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;display:flex;align-items:center;gap:.8rem;margin:2rem 0 1.4rem;padding:0 2rem}.subsection-header{font-family:var(--font);font-size:1rem;font-weight:700;color:var(--text);margin:1.5rem 2rem .8rem;letter-spacing:-.01em}.info-card{background:var(--bg2);border:1px solid var(--border);border-radius:16px;padding:1.4rem;position:relative;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),transparent);border-radius:16px 16px 0 0}.info-card:hover{border-color:#ff4d4d59;box-shadow:0 0 0 1px #ff4d4d1a,0 16px 40px #00000059;transform:translateY(-3px)}.definition-title{font-family:var(--mono);font-size:.68rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:.5rem}.definition-content{font-family:var(--font);font-size:.95rem;color:var(--text);line-height:1.6}.definition-id{margin-top:.6rem;font-family:var(--mono);font-size:.7rem;color:var(--muted);padding:.2rem .7rem;border-radius:999px;border:1px solid var(--border2);background:var(--bg3);display:inline-block}.hint-card{background:var(--bg2);border:1px solid var(--border);border-radius:16px;padding:1.4rem;height:100%;position:relative;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.hint-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),transparent);border-radius:16px 16px 0 0}.hint-card:hover{border-color:#ff4d4d4d;box-shadow:0 0 0 1px #ff4d4d14,0 12px 32px #0000004d}.hint-card>*{position:relative}.hint-title{font-family:var(--mono);font-size:.68rem;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.5rem}.hint-content{font-family:var(--font);font-size:1rem;line-height:1.7;color:var(--accent);font-weight:600;letter-spacing:-.01em;margin-bottom:.5rem}.hint-card.primary{padding:1.4rem 1.6rem;border-color:#ff4d4d4d;box-shadow:0 0 0 1px #ff4d4d14,0 16px 40px #00000059;grid-column:1 / -1}.hint-card.primary .hint-content{font-family:var(--font);font-size:1.1rem;font-weight:600;color:var(--text);letter-spacing:-.01em;line-height:1.75}.hint-card.primary .hint-title{color:var(--accent)}.quote-card{background:var(--bg2);border:1px solid var(--border);border-radius:16px;padding:1.4rem;position:relative;overflow:hidden;grid-column:1 / -1}.quote-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),transparent);border-radius:16px 16px 0 0}.quote-card>*{position:relative}.quote-header{display:flex;align-items:center;gap:.6rem;margin:0 0 .8rem}.quote-avatar{width:32px;height:32px;border-radius:999px;background:radial-gradient(circle at 30% 30%,#ff4d4d80,#ff4d4d33);border:1px solid rgba(255,77,77,.25)}.quote-handle{font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;color:var(--muted);text-transform:uppercase}.quote-line{font-family:var(--font);font-size:1rem;font-weight:600;line-height:1.7;color:var(--text);letter-spacing:-.01em;padding:.8rem 1rem;margin:.6rem 0;border-radius:10px;border:1px solid var(--border2);background:var(--bg3)}.quote-meta{font-family:var(--mono);font-size:.7rem;color:var(--muted);margin-top:.5rem}.hints-master{background:var(--bg2);border:1px solid rgba(255,77,77,.25);border-radius:16px;padding:1.4rem 1.6rem;margin:1rem 2rem 1.5rem;position:relative;overflow:hidden}.hints-master:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),transparent);border-radius:16px 16px 0 0}.hints-master>*{position:relative}.hints-master-title{font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 .3rem}.hints-master-level{font-family:var(--font);font-size:1.3rem;font-weight:800;color:var(--text);margin:.2rem 0;letter-spacing:-.01em}.hints-master-sub{font-family:var(--mono);font-size:.8rem;color:var(--muted);margin:0 0 1.2rem}@media (max-width: 1100px){.hints-grid{grid-template-columns:1fr}}.level-card{background:var(--bg2);border:1px solid var(--border);border-radius:16px;padding:1.2rem;text-align:center;height:140px;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;cursor:pointer;position:relative;overflow:hidden}.level-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),transparent);border-radius:16px 16px 0 0}.level-card:hover{border-color:#ff4d4d59;box-shadow:0 0 0 1px #ff4d4d1a,0 12px 32px #0000004d;transform:translateY(-3px)}.level-card.compact{height:110px;padding:.9rem;min-width:140px;flex:1}.level-card.tier-tertiary{opacity:.6}.level-number{font-family:var(--font);font-size:.9rem;font-weight:700;color:var(--accent);margin-bottom:.4rem}.level-card.compact .level-number{font-size:.8rem}.level-status{font-family:var(--mono);font-size:.72rem;color:var(--muted);margin-bottom:.6rem}.level-button{font-family:var(--mono);font-size:.68rem;color:var(--accent);background:#ff4d4d14;border:1px solid rgba(255,77,77,.22);border-radius:999px;padding:.25rem .8rem;transition:background .15s ease}.jp-input-wrap{background:transparent;border:1.5px solid rgba(255,77,77,.35);border-radius:12px;margin-top:.25rem;padding:0 .9rem;display:flex;align-items:center;height:44px}.jp-input-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #ff4d4d26}.jp-input-wrap input{font-family:var(--mono);font-size:.95rem;color:var(--text);background:transparent;border:none;box-shadow:none;outline:none;caret-color:var(--accent);width:100%;height:100%}.jp-input-wrap input::placeholder{color:var(--muted);font-family:var(--mono)}.jp-attempts-row{display:flex;align-items:center;gap:.6rem;margin:.5rem 2rem 0;font-family:DM Mono,monospace;font-size:.68rem;letter-spacing:.06em}.score-popup{position:fixed;top:72px;right:20px;padding:.5rem 1rem;border-radius:999px;font-family:DM Mono,monospace;font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;z-index:9999;animation:slideInFadeOutJp 1.8s ease-in-out forwards;background:var(--bg2);border:1px solid var(--border2);color:var(--muted);box-shadow:0 8px 24px #0006}.score-popup.positive{border-color:#4dffb44d;color:#4dffb4}.score-popup.negative{border-color:#ff4d4d4d;color:#ff4d4d}@keyframes slideInFadeOutJp{0%{transform:translate(110%);opacity:0}15%{transform:translate(0);opacity:1}70%{transform:translate(0);opacity:1}to{transform:translate(110%);opacity:0}}.total-score-popup{position:fixed;top:60px;right:20px;z-index:9998;background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:.9rem 1.2rem;min-width:130px;text-align:center;box-shadow:0 8px 24px #0006;transition:border-color .3s ease;overflow:visible}.total-score-popup.negative{border-color:#ff4d4d40}.total-score-popup.negative .score-value{color:#ff4d4d}.score-ambient-penalty{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9990;background:radial-gradient(ellipse at center,rgba(255,60,60,.55) 0%,rgba(255,30,30,.25) 35%,transparent 70%),linear-gradient(#ff282814,#ff282814);box-shadow:inset 0 0 120px #ff323273;animation:ambientFlashJp 1s ease-out forwards}@keyframes ambientFlashJp{0%{opacity:0}10%{opacity:1}40%{opacity:.85}to{opacity:0}}.reward-overlay{position:fixed;top:104px;left:0;right:0;display:flex;justify-content:center;pointer-events:none;z-index:9999;animation:rewardFadeInOutJp 1.8s ease-out forwards}.reward-badge:before{content:"";position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(77,255,180,.85),transparent);top:-5%;animation:rewardScanJp .55s ease-in .08s forwards}@keyframes rewardFadeInOutJp{0%{opacity:0;transform:scale(.78)}12%{opacity:1;transform:scale(1.04)}22%{transform:scale(1)}65%{opacity:1}to{opacity:0;transform:scale(.96)}}@keyframes rewardScanJp{0%{top:-5%}to{top:110%}}.total-score-popup.anim-reward{animation:scoreRewardJp .75s ease-out forwards}.total-score-popup.anim-penalty{animation:scorePenaltyJp .65s ease-out forwards}@keyframes scoreRewardJp{0%{border-color:#4dffb433;box-shadow:0 8px 24px #0006;transform:scale(1)}25%{border-color:#4dffb4cc;box-shadow:0 0 28px #4dffb473;transform:scale(1.07)}60%{border-color:#4dffb480;box-shadow:0 0 16px #4dffb440;transform:scale(1.02)}to{border-color:var(--border);box-shadow:0 8px 24px #0006;transform:scale(1)}}@keyframes scorePenaltyJp{0%{transform:translate(0) scale(1);border-color:#ff4d4d33;box-shadow:0 8px 24px #0006}10%{transform:translate(-9px) scale(1.04);border-color:#ff4d4d;box-shadow:0 0 32px #ff4d4da6}25%{transform:translate(9px) scale(1.04)}40%{transform:translate(-6px)}55%{transform:translate(6px)}70%{transform:translate(-3px)}to{transform:translate(0) scale(1);border-color:var(--border);box-shadow:0 8px 24px #0006}}.score-delta{position:absolute;top:-22px;left:50%;font-family:DM Mono,monospace;font-size:.78rem;font-weight:500;letter-spacing:.06em;white-space:nowrap;pointer-events:none;animation:deltaFloatJp 1.1s ease-out forwards}@keyframes deltaFloatJp{0%{opacity:1;transform:translate(-50%) translateY(0)}30%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-28px)}}.cyber-popup{position:fixed;left:50%;transform:translate(-50%);top:18px;z-index:99999;width:min(520px,calc(100vw - 36px));pointer-events:none}.cyber-popup-inner{pointer-events:none;display:flex;gap:12px;align-items:center;padding:14px 16px;border-radius:14px;background:linear-gradient(180deg,#0e1a2beb,#05081594);border:1px solid rgba(34,211,238,.26);outline:1px solid rgba(168,85,247,.12);box-shadow:0 18px 50px #0006,0 0 22px #22d3ee1a;animation:popupInJp .2s ease-out,popupOutJp .45s ease-in 1.55s forwards}.cyber-popup-icon{font-size:18px;width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:#22d3ee14;border:1px solid rgba(34,211,238,.18);box-shadow:0 0 18px #22d3ee1a;flex:0 0 auto}.cyber-popup-text{font-size:13px;color:#d7e3ffeb;line-height:1.35}.cyber-popup.success .cyber-popup-inner{border-color:#22c55e59;box-shadow:0 18px 50px #0006,0 0 22px #22c55e1a}.cyber-popup.success .cyber-popup-icon{background:#22c55e1a;border-color:#22c55e38;box-shadow:0 0 18px #22c55e1a}.cyber-popup.error .cyber-popup-inner{border-color:#fb718559;box-shadow:0 18px 50px #0006,0 0 22px #fb71851a}.cyber-popup.error .cyber-popup-icon{background:#fb71851a;border-color:#fb718538;box-shadow:0 0 18px #fb71851a}.cyber-popup.warning .cyber-popup-inner{border-color:#facc1547}.cyber-popup.warning .cyber-popup-icon{background:#facc151a;border-color:#facc1538}@keyframes popupInJp{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes popupOutJp{to{transform:translateY(-6px);opacity:0}}.jp-countdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:#0a0c0fe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.jp-countdown-number{font-family:Syne,sans-serif;font-size:10rem;font-weight:800;color:#22d3ee;text-shadow:0 0 60px rgba(34,211,238,.65);line-height:1;animation:cPulseJp .85s ease-in-out infinite;text-align:center}.jp-countdown-label{font-family:DM Mono,monospace;font-size:.85rem;letter-spacing:.22em;text-transform:uppercase;color:#6b7280;margin-top:1.2rem;text-align:center}@keyframes cPulseJp{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.jp-timer-card{position:fixed;top:156px;right:20px;z-index:9997;background:#111318;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:.9rem 1.2rem;text-align:center;min-width:130px;box-shadow:0 8px 24px #0006;overflow:hidden}.jp-timer-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;border-radius:14px 14px 0 0}.jp-timer-label{font-family:DM Mono,monospace;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:#6b7280;margin-bottom:.25rem}.jp-timer-value{font-family:Syne,sans-serif;font-size:1.6rem;font-weight:800;letter-spacing:-.02em;line-height:1}.jp-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#0a0c0fd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1rem}.jp-dialog-overlay.lockout{background:#0a0404eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.jp-dialog-box{background:#111318;border:1px solid rgba(255,77,77,.3);border-radius:20px;box-shadow:0 0 0 1px #ff4d4d1a,0 24px 60px #0009;padding:2rem;max-width:420px;width:100%}.jp-dialog-box.lockout{background:#130a0a;border:1px solid rgba(255,77,77,.5);border-radius:22px;box-shadow:0 0 0 1px #ff4d4d26,0 0 60px #ff4d4d2e,0 32px 80px #000000bf}.jp-dialog-title{font-family:Syne,sans-serif;font-size:1.15rem;font-weight:800;color:#f0f2f5;letter-spacing:-.01em;margin:0 0 1rem}.jp-dialog-box.lockout .jp-dialog-title{color:#ff4d4d;font-size:1.1rem}.jp-dialog-body{font-family:DM Mono,monospace;font-size:.85rem;color:#6b7280;line-height:1.8;margin:.2rem 0 1.4rem}.jp-dialog-btns{display:flex;flex-direction:column;gap:.6rem}.jp-dialog-btn{font-family:DM Mono,monospace;font-size:.78rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:.6rem 1.2rem;transition:all .18s ease;cursor:pointer;width:100%}.jp-dialog-btn-primary{background:#ff4d4d26;color:#ff4d4d;border:1.5px solid rgba(255,77,77,.6);box-shadow:0 0 18px #ff4d4d40}.jp-dialog-btn-primary:hover{background:#ff4d4d40;box-shadow:0 0 30px #ff4d4d66;transform:translateY(-2px)}.jp-dialog-btn-secondary{background:transparent;color:#ff4d4d99;border:1px solid rgba(255,77,77,.25);box-shadow:none}.jp-dialog-btn-secondary:hover{color:#ff4d4d;border-color:#ff4d4d80;background:#ff4d4d0f}.jp-dialog-btn-lockout{background:#ff4d4d1f;color:#ff4d4d;border:1.5px solid rgba(255,77,77,.55);border-radius:12px;font-family:Syne,sans-serif;font-size:.95rem;font-weight:700;padding:.8rem 1.2rem;box-shadow:0 0 20px #ff4d4d2e;transition:all .2s ease;text-transform:none;letter-spacing:.01em;white-space:nowrap;cursor:pointer;width:100%}.jp-dialog-btn-lockout:hover{background:#ff4d4d38;box-shadow:0 0 36px #ff4d4d61;transform:translateY(-2px)}.lockout-icon{width:72px;height:72px;border-radius:50%;margin:0 auto 1.2rem;background:radial-gradient(circle,#ff4d4d38,#ff1e1e14 70%);border:2px solid rgba(255,77,77,.6);display:flex;align-items:center;justify-content:center;font-size:2rem;line-height:1;animation:lockShakeJp .5s ease-out forwards;box-shadow:0 0 32px #ff4d4d4d}@keyframes lockShakeJp{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}#game-content-anchor{scroll-margin-top:72px}.jp-game-screen{animation:gameScreenEnterJp .35s ease-out both}@keyframes gameScreenEnterJp{0%{opacity:0}to{opacity:1}}@media (max-width: 640px){.game-topbar-title{display:none}.game-topbar-back{padding:.35rem .7rem;font-size:.66rem}.total-score-popup{top:12px;right:10px;min-width:74px;padding:.5rem .65rem;border-radius:10px}.total-score-popup .score-label{font-size:.5rem;margin-bottom:.15rem}.total-score-popup .score-value{font-size:1.05rem}.jp-timer-card{top:66px;right:10px;min-width:74px;padding:.5rem .65rem;border-radius:10px}.jp-timer-label{font-size:.5rem;margin-bottom:.15rem}.jp-timer-value{font-size:1.05rem}.reward-overlay{top:12px}.jp-input-row{flex-wrap:wrap!important;flex-direction:column!important}.jp-input-row>*{width:100%!important}.hints-master{padding:1rem;margin-left:1rem;margin-right:1rem}.hints-master-level{font-size:1rem}.hints-master-sub{font-size:.66rem}.hints-master-title{font-size:.58rem}.hint-card{padding:.85rem}.hint-card.primary{padding:1rem}.hint-content{font-size:.74rem}.hint-card.primary .hint-content{font-size:.78rem;line-height:1.6}.hint-title{font-size:.58rem}.subsection-header{font-size:.78rem}.quote-line{font-size:.74rem;padding:.5rem .7rem}.quote-handle{font-size:.62rem}.jp-btn-primary{font-size:.68rem!important;padding:.5rem .8rem!important}}.ph-shell{--bg: #0a0c0f;--bg2: #111318;--bg3: #181b22;--border: rgba(255,255,255,.07);--border2: rgba(255,255,255,.13);--text: #f0f2f5;--muted: #6b7280;--cyan: #22d3ee;--accent: #47aaff;--safe: #4dffb4;--danger: #ff4d4d;--font: "Syne", sans-serif;--mono: "DM Mono", monospace;--shadow: 0 10px 30px rgba(0,0,0,.45);background:#0a0c0f;color:#f0f2f5;font-family:DM Mono,ui-monospace,monospace;min-height:100vh;position:relative}.ph-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.06) 1px,transparent 1px);background-size:28px 28px;z-index:0}.ph-shell:after{content:"";position:fixed;top:-120px;left:50%;transform:translate(-50%);width:700px;height:400px;background:radial-gradient(ellipse at center,rgba(71,170,255,.18) 0%,transparent 70%);pointer-events:none;z-index:0}.ph-main{max-width:1100px;margin:0 auto;position:relative;z-index:1}.game-topbar{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 2rem;border-bottom:1px solid rgba(255,255,255,.07);background:#0a0c0fe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:200;margin-bottom:0}.game-topbar-logo{font-family:Syne,sans-serif;font-weight:800;font-size:1.05rem;color:#f0f2f5;letter-spacing:.01em}.game-topbar-logo span{color:#47aaff}.game-topbar-title{font-family:DM Mono,monospace;font-size:.72rem;color:#6b7280;letter-spacing:.1em;text-transform:uppercase}.game-topbar-title b{color:#47aaff;margin-right:.4rem}.game-topbar-back{flex-shrink:0;background:transparent;color:var(--muted);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:.4rem .9rem;font-family:DM Mono,monospace;font-weight:500;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:color .15s ease,border-color .15s ease;white-space:nowrap}.game-topbar-back:hover{color:#f0f2f5;border-color:#ffffff4d}.game-topbar-back:active{transform:scale(.97)}.ph-btn{width:100%;background:transparent;color:var(--muted);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:.45rem 1rem;font-family:DM Mono,monospace;font-weight:500;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;box-shadow:none;cursor:pointer;transition:color .15s ease,border-color .15s ease;height:auto}.ph-btn:hover{color:#f0f2f5;border-color:#ffffff40}.ph-btn:active{transform:scale(.97)}.ph-btn:disabled{opacity:.4;cursor:not-allowed}.ph-btn-primary{background:transparent;color:var(--accent);border:1.5px solid var(--accent);border-radius:999px;font-family:DM Mono,monospace;font-weight:500;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;padding:.75rem 2rem;box-shadow:0 0 12px #47aaff1f;transition:background .15s ease,box-shadow .15s ease,transform .15s ease;height:auto;cursor:pointer}.ph-btn-primary:hover{background:#47aaff1a;box-shadow:0 0 26px #47aaff66;transform:translateY(-2px)}.ph-btn-primary:active{transform:scale(.97)}.ph-verdict-row{display:flex;gap:.75rem}.ph-verdict-row .ph-btn-primary{flex:1}.ph-btn-primary.ph-btn-unsafe{color:#ff4d4d;border-color:#ff4d4d8c;box-shadow:0 0 10px #ff4d4d1a}.ph-btn-primary.ph-btn-unsafe:hover{background:#ff4d4d1a;border-color:#ff4d4d;box-shadow:0 0 22px #ff4d4d4d}.phish-hero{text-align:left;padding:2.5rem 2rem 1.5rem;position:relative;z-index:1}.phish-eyebrow{display:inline-flex;align-items:center;gap:.5rem;background:#47aaff1a;border:1px solid rgba(71,170,255,.22);color:#47aaff;font-family:DM Mono,monospace;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;padding:.35rem 1rem;border-radius:999px;margin-bottom:1.2rem}.phish-eyebrow:before{content:"●";font-size:.55rem}.phish-hero-title{font-family:Syne,sans-serif;font-size:clamp(1.7rem,3vw,2.5rem);font-weight:800;color:#f0f2f5;line-height:1.1;margin:0 0 .5rem;letter-spacing:-.01em}.phish-hero-title .white-line{color:#f0f2f5;display:block;font-family:Syne,sans-serif;font-weight:800}.phish-hero-title .blue-line{color:#47aaff;display:block;font-family:Syne,sans-serif;font-weight:800}.phish-hero-sub{font-family:DM Mono,monospace;font-size:.95rem;color:#6b7280;max-width:520px;margin:0;line-height:1.75;text-align:left}.slam-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:0 2rem}.slam-letter{font-family:Syne,sans-serif;font-size:2.5rem;font-weight:800;letter-spacing:.1em;margin-bottom:.3rem}.progress-card{background:var(--bg2);padding:20px;border-radius:12px;text-align:center;box-shadow:var(--shadow);height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid var(--border);position:relative;overflow:hidden}.progress-card.compact{height:auto;min-height:160px;padding:20px 15px}.progress-value{font-family:DM Mono,monospace;font-size:.75rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#6b7280;margin-bottom:.5rem}.progress-description{font-family:DM Mono,monospace;font-size:.72rem;color:#6b7280;line-height:1.5}.section-header{font-family:DM Mono,monospace;font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;display:flex;align-items:center;gap:.8rem;margin:2rem 2rem 1.4rem}.section-header:after{content:"";flex:1;height:1px;background:var(--border)}.level-row{display:flex;flex-direction:row;gap:.75rem;overflow-x:auto;padding:0 2rem .5rem;-webkit-overflow-scrolling:touch}.level-card{background:var(--bg2);padding:20px;border-radius:12px;text-align:center;box-shadow:var(--shadow);height:160px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid var(--border);transition:all .2s ease;cursor:pointer;position:relative;overflow:hidden}.level-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#47aaff,transparent);border-radius:12px 12px 0 0}.level-card.compact{height:122px;padding:14px 12px;min-width:140px;flex:1}.level-card.tier-tertiary{opacity:.7}.level-card:hover{border-color:#47aaff59;box-shadow:0 0 0 1px #47aaff1a,0 12px 32px #0000004d;transform:translateY(-3px)}.level-number{font-family:DM Mono,monospace;font-size:.72rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#47aaff;margin-bottom:.4rem}.level-card.compact .level-number{font-size:.68rem}.level-status{font-family:DM Mono,monospace;font-size:.72rem;color:var(--muted);margin-bottom:.6rem}.level-card.compact .level-status{font-size:.68rem}.level-button{font-family:DM Mono,monospace;font-size:.68rem;color:#47aaff;background:#47aaff14;border:1px solid rgba(71,170,255,.22);border-radius:999px;padding:.25rem .8rem;transition:background .15s ease}.phish-pair-card{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:1.4rem;margin:.75rem 2rem 0;position:relative;overflow:hidden}.phish-pair-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#47aaff,transparent);border-radius:14px 14px 0 0}.phish-pair-title{font-family:Syne,sans-serif;font-size:1rem;font-weight:700;color:var(--text);margin-bottom:.5rem;letter-spacing:-.01em}.phish-explanation{font-family:DM Mono,monospace;font-size:.85rem;color:var(--muted);line-height:1.75}.phish-option-card{background:var(--bg2);border:1px solid var(--border2);border-radius:14px;padding:1.2rem 1.5rem;margin:0 2rem .6rem;display:flex;align-items:center;gap:1.1rem;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease;position:relative;overflow:hidden;cursor:pointer}.phish-option-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#47aaff,transparent);border-radius:14px 0 0 14px}.phish-option-card:hover{border-color:#47aaff66;box-shadow:0 0 0 1px #47aaff1a,0 8px 24px #0000004d;transform:translateY(-2px)}.phish-option-avatar{width:42px;height:42px;min-width:42px;border-radius:50%;background:#47aaff1a;border:1px solid rgba(71,170,255,.25);display:flex;align-items:center;justify-content:center;font-family:Syne,sans-serif;font-weight:800;font-size:1rem;color:#47aaff}.phish-option-body{flex:1;min-width:0}.phish-option-label{font-family:DM Mono,monospace;font-size:.62rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-bottom:.3rem}.phish-option-address{font-family:DM Mono,monospace;font-size:1rem;color:var(--text);font-weight:400;word-break:break-word;overflow-wrap:anywhere;line-height:1.4}.phish-feedback{margin:1.25rem 2rem 0}.phish-feedback-card{background:var(--bg2);border-radius:12px;padding:1.2rem 1.4rem;border:1px solid var(--border2)}.phish-feedback-card.ok{border-color:#4dffb466}.phish-feedback-card.bad{border-color:#ff4d4d66}.phish-feedback-title{font-family:DM Mono,monospace;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text);margin-bottom:.5rem}.phish-feedback-body{font-family:DM Mono,monospace;font-size:.85rem;color:var(--muted);line-height:1.75}.phish-feedback-tip{margin-top:.8rem;font-family:DM Mono,monospace;font-size:.82rem;color:var(--muted);line-height:1.6}.phish-url-display{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:1.4rem;margin:0 2rem .75rem;position:relative;overflow:hidden}.phish-url-display:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#47aaff,transparent);border-radius:14px 14px 0 0}.phish-url-label{font-family:DM Mono,monospace;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:.5rem}.phish-url-content{font-family:DM Mono,monospace;font-size:.95rem;color:var(--text);word-break:break-all;line-height:1.5}.phishing-link{color:#47aaff;text-decoration:underline;text-decoration-color:#47aaff80;text-underline-offset:4px;cursor:pointer;font-family:DM Mono,monospace;font-size:.95rem;word-break:break-all;background:none;border:none;padding:0}.phishing-link:hover{color:#47aaff;text-shadow:0 0 8px rgba(71,170,255,.4)}.url-reveal-box{margin-top:.75rem;padding:.75rem 1rem;background:#ff4d4d14;border:1px dashed rgba(255,77,77,.35);border-radius:8px;animation:fadeInPh .3s ease-in}.url-reveal-label{font-family:DM Mono,monospace;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:#ff4d4d;margin-bottom:.35rem}.url-reveal-content{font-family:DM Mono,monospace;font-size:.85rem;color:#ff4d4d;word-break:break-all}@keyframes fadeInPh{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.phish-attachment-card{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:1.4rem;margin:.75rem 2rem 0;position:relative;overflow:hidden}.phish-attachment-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#47aaff,transparent);border-radius:14px 14px 0 0}.phish-attachment-title{font-family:Syne,sans-serif;font-size:1rem;font-weight:700;color:var(--text);margin-bottom:.75rem;letter-spacing:-.01em}.phish-email-display{background:var(--bg3);border:1px solid var(--border2);border-radius:10px;padding:1rem;margin:0 2rem .75rem}.phish-email-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.phish-email-sender{font-family:DM Mono,monospace;font-size:.82rem;color:#ff4d4d;font-weight:500}.phish-email-subject{font-family:DM Mono,monospace;font-size:.82rem;color:var(--text);font-weight:500}.phish-email-body{font-family:DM Mono,monospace;font-size:.85rem;color:var(--muted);line-height:1.65;margin-bottom:1rem;white-space:pre-line}.phish-attachment-display{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ff4d4d0f;border:1px dashed rgba(255,77,77,.3);border-radius:8px;margin-top:.75rem}.phish-attachment-icon{font-size:24px;min-width:24px}.phish-attachment-name{font-family:DM Mono,monospace;font-size:.9rem;color:var(--text);font-weight:500;word-break:break-all}.phish-attachment-warning{font-family:DM Mono,monospace;font-size:.72rem;color:var(--muted);margin-top:.25rem}.hints-master{background:var(--bg2);border:1px solid var(--border);border-radius:16px;padding:1.4rem 1.6rem;margin:0 2rem 1.5rem;position:relative;overflow:hidden}.hints-master:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#47aaff,transparent);border-radius:16px 16px 0 0}.hints-master-title{font-family:DM Mono,monospace;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#47aaff;margin:0 0 .3rem}.hints-master-level{font-family:Syne,sans-serif;font-size:1.3rem;font-weight:800;color:var(--text);margin:.2rem 0;letter-spacing:-.01em}.hints-master-sub{font-family:DM Mono,monospace;font-size:.8rem;color:var(--muted);margin:0 0 1.2rem}.hints-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.hint-card{background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:1rem}.hint-card.primary{grid-column:1 / span 3}.hint-title{font-family:DM Mono,monospace;font-size:.72rem;font-weight:500;color:#47aaff;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem}.hint-content{font-family:DM Mono,monospace;font-size:.88rem;color:var(--text);line-height:1.7;white-space:pre-line}.score-ambient-penalty{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9990;background:radial-gradient(ellipse at center,rgba(255,60,60,.55) 0%,rgba(255,30,30,.25) 35%,transparent 70%),linear-gradient(#ff282814,#ff282814);box-shadow:inset 0 0 120px #ff323273;animation:ambientFlashPh 1s ease-out forwards}@keyframes ambientFlashPh{0%{opacity:0}10%{opacity:1}40%{opacity:.85}to{opacity:0}}.reward-overlay{position:fixed;top:104px;left:0;right:0;display:flex;justify-content:center;pointer-events:none;z-index:9999;animation:rewardFadeInOutPh 1.8s ease-out forwards}.reward-badge{background:#060a08f5;border:1.5px solid rgba(77,255,180,.65);border-radius:14px;padding:1.6rem 3.4rem;text-align:center;position:relative;overflow:hidden;box-shadow:0 0 0 1px #4dffb41a,0 0 48px #4dffb438,inset 0 0 32px #4dffb40a}.reward-badge:before{content:"";position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(77,255,180,.85),transparent);top:-5%;animation:rewardScanPh .55s ease-in .08s forwards}.reward-check{display:block;font-size:2.4rem;line-height:1;margin-bottom:.55rem;color:#4dffb4;filter:drop-shadow(0 0 14px rgba(77,255,180,.9))}.reward-label-text{display:block;font-family:DM Mono,monospace;font-size:.78rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:#4dffb4;text-shadow:0 0 18px rgba(77,255,180,.55)}@keyframes rewardFadeInOutPh{0%{opacity:0;transform:scale(.78)}12%{opacity:1;transform:scale(1.04)}22%{transform:scale(1)}65%{opacity:1}to{opacity:0;transform:scale(.96)}}@keyframes rewardScanPh{0%{top:-5%}to{top:110%}}.total-score-popup.anim-reward{animation:scoreRewardPh .75s ease-out forwards}.total-score-popup.anim-penalty{animation:scorePenaltyPh .65s ease-out forwards}@keyframes scoreRewardPh{0%{border-color:#4dffb433;box-shadow:0 8px 24px #0006;transform:scale(1)}25%{border-color:#4dffb4cc;box-shadow:0 0 28px #4dffb473;transform:scale(1.07)}60%{border-color:#4dffb480;box-shadow:0 0 16px #4dffb440;transform:scale(1.02)}to{border-color:var(--border);box-shadow:0 8px 24px #0006;transform:scale(1)}}@keyframes scorePenaltyPh{0%{transform:translate(0) scale(1);border-color:#ff4d4d33;box-shadow:0 8px 24px #0006}10%{transform:translate(-9px) scale(1.04);border-color:#ff4d4d;box-shadow:0 0 32px #ff4d4da6}25%{transform:translate(9px) scale(1.04)}40%{transform:translate(-7px);border-color:#ff4d4dcc;box-shadow:0 0 22px #ff4d4d73}55%{transform:translate(6px)}70%{transform:translate(-3px);border-color:#ff4d4d80}85%{transform:translate(2px)}to{transform:translate(0) scale(1);border-color:var(--border);box-shadow:0 8px 24px #0006}}.score-delta{position:absolute;top:-22px;left:50%;transform:translate(-50%);font-family:DM Mono,monospace;font-size:.82rem;font-weight:700;letter-spacing:.06em;white-space:nowrap;pointer-events:none;animation:deltaFloatPh 1.1s ease-out forwards}.score-delta.positive{color:#4dffb4}.score-delta.negative{color:#ff4d4d}@keyframes deltaFloatPh{0%{opacity:1;transform:translate(-50%) translateY(0)}30%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-28px)}}.total-score-popup{position:fixed;top:60px;right:20px;z-index:9998;background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:.9rem 1.2rem;min-width:130px;text-align:center;box-shadow:0 8px 24px #0006;overflow:visible}.total-score-popup:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;border-radius:14px 14px 0 0;background:linear-gradient(90deg,var(--accent),transparent)}.total-score-popup .score-label{font-family:DM Mono,monospace;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:.25rem}.total-score-popup .score-value{font-family:Syne,sans-serif;font-size:1.6rem;font-weight:800;letter-spacing:-.02em;line-height:1}.total-score-popup.positive{border-color:#4dffb440}.total-score-popup.positive .score-value{color:#4dffb4}.total-score-popup.neutral{border-color:var(--border2)}.total-score-popup.neutral .score-value{color:var(--text)}.phish-timer-card{position:fixed;top:156px;right:20px;z-index:9997;background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:.9rem 1.2rem;min-width:130px;text-align:center;box-shadow:0 8px 24px #0006;transition:border-color .3s ease}.phish-timer-card .timer-label{font-family:DM Mono,monospace;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:.25rem}.phish-timer-card .timer-value{font-family:Syne,sans-serif;font-size:1.6rem;font-weight:800;letter-spacing:-.02em;line-height:1}.ph-countdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:#0a0c0fe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ph-countdown-number{font-family:Syne,sans-serif;font-size:10rem;font-weight:800;color:#22d3ee;text-shadow:0 0 60px rgba(34,211,238,.65);line-height:1;animation:cPulsePh .85s ease-in-out infinite;text-align:center}.ph-countdown-label{font-family:DM Mono,monospace;font-size:.85rem;letter-spacing:.22em;text-transform:uppercase;color:#6b7280;margin-top:1.2rem;text-align:center}@keyframes cPulsePh{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.phish-complete-card{background:var(--bg2);border:1px solid rgba(71,170,255,.25);border-radius:20px;padding:clamp(1.2rem,5vw,3rem) clamp(1rem,4vw,2rem);text-align:center;margin:1rem 2rem;position:relative;overflow:hidden}.phish-complete-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#47aaff,#4dffb4,transparent);border-radius:20px 20px 0 0}.nl-check-icon{width:72px;height:72px;border-radius:50%;margin:0 auto 1.2rem;background:radial-gradient(circle,#4dffb42e,#47aaff14 70%);border:2px solid rgba(77,255,180,.55);display:flex;align-items:center;justify-content:center;font-size:2rem;line-height:1;color:#4dffb4;animation:nlCheckPopPh .4s cubic-bezier(.34,1.56,.64,1) forwards,nlGlowPulsePh 2s ease-in-out .4s infinite}@keyframes nlCheckPopPh{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}@keyframes nlGlowPulsePh{0%,to{box-shadow:0 0 20px #4dffb44d}50%{box-shadow:0 0 44px #4dffb499}}.nl-eyebrow{font-family:DM Mono,monospace;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:#4dffb4;margin-bottom:.5rem}.nl-title{font-family:Syne,sans-serif;font-size:1.5rem;font-weight:800;color:#f0f2f5;letter-spacing:-.01em;margin-bottom:.25rem}.nl-score-pill{display:inline-flex;align-items:center;gap:.4rem;background:#47aaff14;border:1px solid rgba(71,170,255,.2);border-radius:999px;padding:.3rem .9rem;margin-bottom:1.8rem}.nl-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(71,170,255,.2),transparent);margin-bottom:1.5rem}.nl-up-next-label{font-family:DM Mono,monospace;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:#6b7280;margin-bottom:.7rem}.nl-next-card{background:linear-gradient(135deg,#47aaff12,#22d3ee0a);border:1px solid rgba(71,170,255,.2);border-radius:14px;padding:1rem 1.2rem;text-align:left;margin-bottom:1.6rem}.nl-next-card-title{font-family:Syne,sans-serif;font-size:1.05rem;font-weight:800;color:#47aaff;margin-bottom:.3rem;letter-spacing:-.01em}.nl-next-card-desc{font-family:DM Mono,monospace;font-size:.75rem;color:#6b7280;line-height:1.65}.ph-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#050812eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1rem}.ph-dialog-box{background:#0d1117;border:1px solid rgba(71,170,255,.35);border-radius:22px;box-shadow:0 0 0 1px #47aaff1a,0 0 60px #47aaff1f,0 32px 80px #000000b3;padding:2rem;max-width:420px;width:100%}.ph-dialog-btn{background:linear-gradient(135deg,#47aaff2e,#22d3ee1a);color:#47aaff;border:1.5px solid rgba(71,170,255,.55);border-radius:12px;font-family:Syne,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.02em;padding:.85rem 1.2rem;box-shadow:0 0 24px #47aaff33;transition:all .2s ease;text-transform:none;cursor:pointer;width:100%}.ph-dialog-btn:hover{background:linear-gradient(135deg,#47aaff47,#22d3ee2e);box-shadow:0 0 40px #47aaff66;transform:translateY(-2px);border-color:#47aaff}.ph-back-dialog-box{background:#111318;border:1px solid rgba(255,77,77,.3);border-radius:20px;box-shadow:0 0 0 1px #ff4d4d1a,0 24px 60px #0009;padding:2rem;max-width:420px;width:100%}.ph-back-dialog-title{font-family:Syne,sans-serif;font-size:1.15rem;font-weight:800;color:#f0f2f5;margin:0 0 1rem}.ph-back-dialog-body{font-family:DM Mono,monospace;font-size:.85rem;color:#6b7280;line-height:1.8;margin:.2rem 0 1.4rem}.ph-back-dialog-btns{display:flex;flex-direction:column;gap:.6rem}.ph-back-dialog-btn{font-family:DM Mono,monospace;font-size:.78rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:.6rem 1.2rem;cursor:pointer;width:100%}.ph-back-dialog-btn.primary{background:linear-gradient(135deg,#47aaff2e,#22d3ee1a);color:#47aaff;border:1.5px solid rgba(71,170,255,.55)}.ph-back-dialog-btn.muted{background:transparent;color:#6b7280;border:1.5px solid rgba(255,255,255,.12)}.ph-game-screen{animation:gameScreenEnterPh .35s ease-out both}@keyframes gameScreenEnterPh{0%{opacity:0}to{opacity:1}}.app-footer{text-align:center;padding:2rem;margin-top:3rem;border-top:1px solid var(--border);font-family:var(--mono);font-size:.75rem;color:var(--muted)}@media (max-width: 768px){.game-topbar-title{display:none}.game-topbar-back{padding:.35rem .7rem;font-size:.66rem}.total-score-popup{top:12px;right:10px;min-width:74px;padding:.5rem .65rem;border-radius:10px}.total-score-popup .score-label{font-size:.5rem;margin-bottom:.15rem}.total-score-popup .score-value{font-size:1.05rem}.phish-timer-card{top:66px;right:10px;min-width:74px;padding:.5rem .65rem;border-radius:10px}.phish-timer-card .timer-label{font-size:.5rem;margin-bottom:.15rem}.phish-timer-card .timer-value{font-size:1.05rem}.reward-overlay{top:12px}.phish-option-card{padding:.85rem 1rem;gap:.75rem;margin-bottom:.5rem}.phish-option-avatar{width:34px;height:34px;min-width:34px;font-size:.82rem}.phish-option-label{font-size:.55rem;letter-spacing:.08em;margin-bottom:.2rem}.phish-option-address{font-size:.88rem;line-height:1.4}.ph-btn,.ph-btn-primary{white-space:nowrap;font-size:.68rem;padding:.55rem .8rem;letter-spacing:.04em}.phish-hero{padding:1.8rem 1rem 1rem}.phish-hero-title{font-size:1.8rem}.phish-hero-sub{font-size:.82rem}.phish-eyebrow{margin-bottom:1.2rem}.slam-row{grid-template-columns:repeat(4,1fr);gap:.5rem;padding:0 1rem}.progress-card.compact{min-height:auto;height:auto;padding:.75rem .5rem}.slam-letter{font-size:1.6rem;margin-bottom:.1rem}.progress-value{font-size:.62rem;letter-spacing:.06em}.progress-description{display:none}.level-card,.level-card.compact{height:auto;min-height:80px;padding:.6rem .4rem;border-radius:10px}.level-number{font-size:.62rem;margin-bottom:.25rem}.level-status{font-size:.58rem;margin-bottom:.3rem;line-height:1.3}.level-button{font-size:.55rem;padding:.2rem .45rem;border-radius:999px;white-space:nowrap}.section-header{margin:1.4rem 1rem .8rem;font-size:.68rem}.phish-pair-card,.phish-attachment-card,.phish-url-display{padding:1rem;margin-left:1rem;margin-right:1rem}.phish-pair-title,.phish-attachment-title{font-size:.9rem}.phish-explanation,.phish-feedback-body,.phish-feedback-tip{font-size:.78rem}.phish-email-header{flex-direction:column;align-items:flex-start;gap:.3rem}.phish-email-sender,.phish-email-subject{font-size:.75rem}.phish-email-body{font-size:.78rem}.hints-master{padding:1rem;margin-left:1rem;margin-right:1rem}.hints-master-level{font-size:1.2rem}.hint-content{font-size:.8rem}}