:root{--bg-abyss: #030912;--bg-trench: #061322;--bg-panel: rgba(8, 23, 41, .84);--bg-panel-solid: #091a2e;--bg-elevated: rgba(13, 34, 58, .92);--border-subtle: rgba(125, 211, 252, .15);--border-glow: rgba(94, 234, 212, .42);--text-primary: #f0f7ff;--text-secondary: #a5bfd9;--text-muted: #6c8aa8;--bio-teal: #5eead4;--bio-cyan: #38bdf8;--bio-lime: #a3e635;--bio-amber: #fbbf24;--bio-gold: #fde047;--bio-coral: #fb7185;--danger: #f43f5e;--font-display: "Fraunces", Georgia, serif;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--shadow-hud: 0 20px 50px rgba(0, 4, 12, .62), inset 0 1px 0 rgba(255, 255, 255, .06)}*,*:before,*:after{box-sizing:border-box}html{background-color:var(--bg-abyss);color:var(--text-primary);font-family:var(--font-sans);line-height:1.6;scroll-behavior:smooth;overflow-x:clip;-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;overflow-x:clip;background:radial-gradient(circle at 18% 8%,rgba(56,189,248,.13),transparent 38%),radial-gradient(circle at 84% 14%,rgba(94,234,212,.09),transparent 36%),radial-gradient(circle at 50% 96%,rgba(251,113,133,.08),transparent 44%),linear-gradient(180deg,#07192d,#051120 38%,#030912);position:relative}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(125,211,252,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(125,211,252,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at 50% 25%,black 20%,transparent 80%)}a{color:var(--bio-cyan);text-decoration:none;transition:color .16s ease,opacity .16s ease}a:hover{color:var(--bio-teal)}.skip-link{position:absolute;left:-9999px;top:8px;background:var(--bio-teal);color:#03131f;padding:8px 14px;border-radius:var(--radius-sm);font-weight:700;z-index:999}.skip-link:focus{left:12px}.shell{position:relative;z-index:1;width:100%;max-width:1120px;margin:0 auto;padding:0 16px}.site-header{position:sticky;top:0;z-index:40;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#040d18d6;border-bottom:1px solid var(--border-subtle)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;flex-wrap:wrap}.brand-mark{display:inline-flex;align-items:center;gap:10px;color:var(--text-primary);font-family:var(--font-display);font-weight:700;font-size:1.15rem;letter-spacing:-.02em}.brand-mark:hover{color:#fff}.brand-sonar{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--bio-teal),#0284c7 68%,#082f49 100%);box-shadow:0 0 18px #5eead473;display:grid;place-items:center;flex-shrink:0;position:relative}.brand-sonar:after{content:"";width:10px;height:10px;border-radius:50%;border:2px solid #02131f;background:var(--bio-gold)}.brand-sub{font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--bio-teal);background:#5eead41a;border:1px solid rgba(94,234,212,.28);padding:2px 7px;border-radius:999px}.main-nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.nav-pill{font-size:.83rem;font-weight:600;color:var(--text-secondary);padding:6px 11px;border-radius:999px;border:1px solid transparent;transition:all .16s ease;white-space:nowrap}.nav-pill:hover{color:var(--text-primary);background:#38bdf81a;border-color:#38bdf83d}.nav-pill[aria-current=page]{color:#031521;background:linear-gradient(135deg,var(--bio-teal),var(--bio-cyan));font-weight:700;box-shadow:0 0 18px #38bdf859}.hero-compact{padding:22px 0 14px;display:flex;flex-direction:column;gap:8px}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.07em;text-transform:uppercase;color:var(--bio-teal)}.hero-dot{width:7px;height:7px;border-radius:50%;background:var(--bio-teal);box-shadow:0 0 10px var(--bio-teal)}h1{margin:0;font-family:var(--font-display);font-size:clamp(1.75rem,4.2vw,2.65rem);line-height:1.12;letter-spacing:-.025em;color:#fff}.hero-lead{margin:0;max-width:74ch;color:var(--text-secondary);font-size:clamp(.95rem,2vw,1.05rem)}.arena-wrap{margin:8px 0 34px}.arena-grid{display:grid;grid-template-columns:minmax(0,1fr) 268px;gap:18px;align-items:stretch}@media(max-width:900px){.arena-grid{grid-template-columns:minmax(0,1fr)}}.bathysphere-card{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-hud);padding:clamp(16px,3vw,26px);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:16px}.bathysphere-card:before{content:"";position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,var(--bio-teal),transparent);opacity:.7}.bathysphere-card.mode-noillirk{border-color:#fbbf2447}.bathysphere-card.mode-noillirk:before{background:linear-gradient(90deg,transparent,var(--bio-amber),transparent)}.hud-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid rgba(125,211,252,.11)}.hud-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hud-chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.75rem;font-weight:600;padding:5px 10px;border-radius:999px;background:#0f2742e6;border:1px solid var(--border-subtle);color:var(--text-primary)}.hud-chip.accent{border-color:#5eead466;color:var(--bio-teal)}.hud-chip.amber{border-color:#fbbf246b;color:var(--bio-gold)}.hud-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn{appearance:none;border:1px solid var(--border-subtle);background:#0e243eeb;color:var(--text-primary);font-family:var(--font-sans);font-weight:700;font-size:.9rem;padding:10px 16px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .12s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease;text-decoration:none}.btn:hover:not(:disabled){border-color:var(--bio-cyan);background:#143254f2;color:#fff}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#2dd4bf,#0ea5e9);color:#02131f;border-color:transparent;box-shadow:0 8px 24px #0ea5e952}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#5eead4,#38bdf8);color:#02131f;box-shadow:0 10px 28px #38bdf873}.btn-amber{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1c1002;border-color:transparent;box-shadow:0 8px 24px #f59e0b47}.btn-amber:hover:not(:disabled){background:linear-gradient(135deg,#fde047,#fbbf24);color:#1c1002}.btn-sm{padding:6px 12px;font-size:.8rem;border-radius:8px}.btn-whatsapp{background:#22c55e29;border-color:#4ade8066;color:#86efac}.btn-whatsapp:hover:not(:disabled){background:#22c55e42;border-color:#4ade80;color:#bbf7d0}.telemetry-bar{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.round-pips{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.round-pip{width:30px;height:8px;border-radius:999px;background:#94a3b82e;border:1px solid rgba(148,163,184,.22);transition:all .25s ease}.round-pip.active{background:#38bdf859;border-color:var(--bio-cyan);box-shadow:0 0 12px #38bdf880}.round-pip.done{background:var(--pip-color, var(--bio-teal));border-color:transparent}.timer-readout{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:700;font-size:1.15rem;padding:6px 13px;border-radius:var(--radius-sm);background:#05101ee6;border:1px solid var(--border-subtle);color:var(--bio-teal)}.timer-readout.urgent{color:var(--bio-coral);border-color:#fb71858c;animation:pulse-urgent .65s infinite alternate}@keyframes pulse-urgent{0%{box-shadow:0 0 4px #f43f5e33}to{box-shadow:0 0 18px #f43f5e8c}}.timer-track{width:100%;height:6px;background:#0f233ae6;border-radius:999px;overflow:hidden}.timer-fill{height:100%;width:100%;background:linear-gradient(90deg,var(--bio-teal),var(--bio-cyan));border-radius:999px;transition:width .1s linear,background-color .2s ease}.timer-fill.urgent{background:linear-gradient(90deg,#fb7185,#ef4444)}.prompt-stage{background:radial-gradient(circle at 50% 0%,#38bdf81a,#040d19b8);border:1px solid rgba(125,211,252,.18);border-radius:var(--radius-md);padding:clamp(18px,3.2vw,28px);text-align:center;display:flex;flex-direction:column;gap:12px;min-height:178px;justify-content:center}.prompt-meta{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;font-family:var(--font-mono);font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.prompt-question{margin:0;font-family:var(--font-display);font-size:clamp(1.35rem,3.3vw,2rem);line-height:1.22;color:#fff}.prompt-hint{margin:0;font-size:.86rem;color:var(--text-secondary)}.answer-form{display:flex;gap:10px;align-items:stretch}@media(max-width:560px){.answer-form{flex-direction:column}}.answer-input{flex:1;min-width:0;font-family:var(--font-sans);font-size:16px;font-weight:600;color:#fff;background:#030b15eb;border:2px solid rgba(56,189,248,.34);border-radius:var(--radius-sm);padding:13px 16px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.answer-input:focus{border-color:var(--bio-teal);box-shadow:0 0 0 3px #5eead42e}.answer-input:disabled{opacity:.55;border-color:#94a3b833}.answer-form.shake{animation:shake-horizontal .34s ease}@keyframes shake-horizontal{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.feedback-banner{min-height:24px;font-size:.88rem;font-weight:600;text-align:center;color:var(--text-secondary)}.feedback-banner.error{color:var(--bio-coral)}.feedback-banner.locked{color:var(--bio-teal)}.reveal-box{background:#061425f0;border:1px solid rgba(94,234,212,.3);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;gap:12px}.reveal-verdict{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.tier-pill{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:.82rem;font-weight:700;padding:5px 12px;border-radius:999px;background:#ffffff14;border:1px solid currentColor}.highlights-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:10px;border-top:1px solid rgba(125,211,252,.12);font-size:.84rem}@media(max-width:560px){.highlights-grid{grid-template-columns:1fr}}.hl-label{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);display:block;margin-bottom:4px}.depth-column{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-hud);padding:18px;display:flex;flex-direction:column;justify-content:space-between;gap:14px}.depth-header{display:flex;flex-direction:column;gap:3px}.depth-meters{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:1.85rem;font-weight:800;line-height:1.1;color:var(--bio-teal)}.depth-zone-name{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.trench-shaft{position:relative;flex:1;min-height:220px;background:linear-gradient(180deg,#38bdf838,#0e749033 28%,#0f172aa6 65%,#02060ef5);border:1px solid rgba(125,211,252,.2);border-radius:14px;padding:10px 12px;overflow:hidden}@media(max-width:900px){.trench-shaft{min-height:86px}}.trench-ticks{position:absolute;inset:10px 12px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;font-family:var(--font-mono);font-size:.68rem;color:#a5bfd98c}.trench-sub{position:absolute;left:12px;right:12px;height:3px;background:var(--bio-gold);box-shadow:0 0 14px var(--bio-gold);transition:top .55s cubic-bezier(.22,1,.36,1);top:8px}.trench-sub-badge{position:absolute;right:0;top:-11px;background:var(--bio-gold);color:#1a1102;font-family:var(--font-mono);font-size:.68rem;font-weight:800;padding:2px 7px;border-radius:999px}.stats-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat-cell{background:#040d19b8;border:1px solid rgba(125,211,252,.12);border-radius:10px;padding:8px 10px}.stat-cell-label{font-family:var(--font-mono);font-size:.66rem;text-transform:uppercase;color:var(--text-muted);display:block}.stat-cell-val{font-family:var(--font-mono);font-size:1rem;font-weight:700;color:var(--text-primary)}.round-log-list{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.round-log-item{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 13px;border-radius:11px;background:#050f1ccc;border:1px solid rgba(125,211,252,.12);font-size:.88rem}.lobby-panel{display:flex;flex-direction:column;gap:14px;background:#05101ed9;border:1px solid rgba(56,189,248,.24);border-radius:var(--radius-md);padding:16px}.room-code-box{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:1.35rem;font-weight:800;letter-spacing:.14em;color:var(--bio-gold);background:#fde04714;border:1px dashed rgba(253,224,71,.45);padding:6px 14px;border-radius:10px}.roster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.roster-seat{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:9px 12px;border-radius:10px;background:#0b1d32d9;border:1px solid rgba(125,211,252,.16);font-size:.86rem}.roster-seat>:first-child{min-width:0;overflow-wrap:anywhere}.roster-seat>:last-child{flex-shrink:0}.roster-seat.locked{border-color:#5eead48c;background:#0d303aa6}.content-section{margin:36px 0;display:flex;flex-direction:column;gap:20px}.section-card{background:#071424c7;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:clamp(18px,3vw,28px)}.section-card h2{margin:0 0 12px;font-family:var(--font-display);font-size:clamp(1.3rem,2.6vw,1.75rem);color:#fff}.section-card h3{margin:18px 0 8px;font-family:var(--font-display);font-size:1.12rem;color:var(--bio-teal)}.section-card p,.section-card li{color:var(--text-secondary)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:14px}.feature-tile{background:#040d19b8;border:1px solid rgba(125,211,252,.14);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;gap:6px}.feature-tile h3{margin:0;font-size:1.04rem}.feature-tile p{margin:0;font-size:.9rem}.table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px;border:1px solid rgba(125,211,252,.16)}.tier-table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:500px}.tier-table th,.tier-table td{padding:11px 14px;text-align:left;border-bottom:1px solid rgba(125,211,252,.1)}.tier-table th{font-family:var(--font-mono);font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);background:#030a14b3}.faq-list{display:flex;flex-direction:column;gap:10px}.faq-item{background:#040d19b8;border:1px solid rgba(125,211,252,.14);border-radius:12px;padding:13px 16px}.faq-item summary{cursor:pointer;font-weight:700;color:var(--text-primary);list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-family:var(--font-mono);color:var(--bio-teal);font-size:1.1rem}.faq-item[open] summary:after{content:"−"}.faq-item p{margin:10px 0 0;font-size:.92rem}.mode-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.mode-link-card{display:flex;flex-direction:column;gap:5px;padding:15px;border-radius:14px;background:#08182cd9;border:1px solid rgba(125,211,252,.16);color:var(--text-primary);transition:transform .14s ease,border-color .16s ease}.mode-link-card:hover{transform:translateY(-2px);border-color:var(--bio-teal);color:#fff}.mode-link-card strong{font-family:var(--font-display);font-size:1.05rem}.mode-link-card span{font-size:.84rem;color:var(--text-secondary)}.site-footer{margin-top:52px;border-top:1px solid var(--border-subtle);background:#02070feb;padding:28px 0 38px;font-size:.86rem;color:var(--text-muted)}.footer-inner{display:flex;flex-direction:column;gap:16px}.footer-links{display:flex;flex-wrap:wrap;gap:10px 18px}.footer-links a{color:var(--text-secondary);font-weight:500}.footer-links a:hover{color:var(--bio-teal)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
