.rv{--rv-bg: #050a0f;--rv-panel: rgba(8, 18, 26, .82);--rv-edge: rgba(0, 245, 212, .18);--rv-grid: rgba(0, 245, 212, .07);--rv-friend: var(--cyan, #00f5d4);--rv-hostile: #ff5d6c;--rv-self: #ffd166;--rv-amber: var(--amber, #ffb703);--rv-mono: "SFMono-Regular", "JetBrains Mono", ui-monospace, Menlo, monospace;color:var(--text, #cfe9e6)}.rv-hero{max-width:1180px;margin:2.4rem auto 1.2rem;padding:0 1.2rem}.rv-eyebrow{font-family:var(--rv-mono);text-transform:uppercase;letter-spacing:.34em;font-size:.7rem;color:var(--rv-amber);margin:0 0 .5rem}.rv-hero h1{font-family:var(--font-display, inherit);font-size:clamp(1.8rem,4vw,3rem);line-height:1.02;margin:0;letter-spacing:-.01em}.rv-hero p{color:var(--text-muted, #8aa);max-width:60ch}.rv-wrap{max-width:1180px;margin:0 auto;padding:0 1.2rem 4rem}.rv-stage{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.9fr);gap:1rem;align-items:start}@media(max-width:880px){.rv-stage{grid-template-columns:1fr}}.rv-plot{position:relative;border:1px solid var(--rv-edge);border-radius:16px;overflow:hidden;background:radial-gradient(120% 120% at 50% 0%,#0a1722 0%,var(--rv-bg) 70%);box-shadow:0 24px 60px #0000008c,inset 0 0 0 1px #ffffff05;aspect-ratio:1 / 1}.rv-plot canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.rv-plot:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;background-image:linear-gradient(var(--rv-grid) 1px,transparent 1px),linear-gradient(90deg,var(--rv-grid) 1px,transparent 1px);background-size:9% 9%,9% 9%;mix-blend-mode:screen}.rv-plot:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:4;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0 1px,transparent 1px 3px);opacity:.4}.rv-corner{position:absolute;z-index:5;font-family:var(--rv-mono);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--rv-friend);text-shadow:0 0 8px rgba(0,245,212,.4);opacity:.85}.rv-corner.tl{top:10px;left:12px}.rv-corner.tr{top:10px;right:12px;color:var(--rv-amber);text-align:right}.rv-plot-toggles{position:absolute;z-index:6;left:12px;bottom:12px;display:flex;gap:.35rem}.rv-toggle{font-family:var(--rv-mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted, #8aa);background:#04141ab8;border:1px solid rgba(150,200,220,.22);border-radius:5px;padding:.2rem .5rem;cursor:pointer;backdrop-filter:blur(2px);transition:color .12s,border-color .12s,background .12s}.rv-toggle:hover{color:var(--text-bright, #eafffb);border-color:#96c8dc66}.rv-toggle.active{color:var(--rv-friend);border-color:color-mix(in srgb,var(--rv-friend) 50%,transparent);background:#00f5d41a}.rv-transport{display:flex;align-items:center;gap:.8rem;margin-top:.7rem;padding:.6rem .8rem;background:var(--rv-panel);border:1px solid var(--rv-edge);border-radius:12px}.rv-play{flex:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--rv-edge);background:var(--rv-friend);color:#04141a;font-size:1.1rem;cursor:pointer;display:grid;place-items:center;box-shadow:0 0 22px #00f5d459;transition:transform .12s ease}.rv-play:hover{transform:scale(1.06)}.rv-clock{font-family:var(--rv-mono);font-size:.95rem;color:var(--text-bright, #eafffb);min-width:92px}.rv-scrub{position:relative;flex:1;height:30px}.rv-scrub input[type=range]{position:absolute;inset:0;width:100%;height:100%;margin:0;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;z-index:2}.rv-scrub-track{position:absolute;left:0;right:0;top:50%;height:4px;transform:translateY(-50%);background:#ffffff1a;border-radius:4px}.rv-scrub-fill{position:absolute;left:0;top:50%;height:4px;transform:translateY(-50%);background:var(--rv-friend);border-radius:4px}.rv-scrub input::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#eafffb;box-shadow:0 0 10px #00f5d4b3;border:none}.rv-mark{position:absolute;top:50%;width:3px;height:12px;transform:translate(-50%,-50%);border-radius:2px;z-index:1}.rv-mark.shot{background:var(--rv-amber);opacity:.5}.rv-mark.torpedo{background:#7fe7ff}.rv-mark.kill{width:3px;height:24px;padding:0;border:none;-webkit-appearance:none;appearance:none;cursor:pointer;z-index:3;pointer-events:auto;background:var(--rv-hostile);box-shadow:0 0 6px #ff5d6c8c}.rv-mark.kill.ally{background:var(--rv-friend);box-shadow:0 0 6px #00f5d48c}.rv-mark.kill.self{background:var(--rv-self);box-shadow:0 0 7px #ffd166b3}.rv-mark.kill:before{content:"";position:absolute;top:-4px;left:50%;width:7px;height:7px;background:inherit;border-radius:1px;transform:translate(-50%) rotate(45deg)}.rv-mark.kill:hover,.rv-mark.kill:focus-visible{transform:translate(-50%,-50%) scaleY(1.15);filter:brightness(1.25);outline:none}.rv-speed{font-family:var(--rv-mono);font-size:.78rem;background:transparent;color:var(--rv-amber);border:1px solid var(--rv-edge);border-radius:8px;padding:.2rem .4rem;cursor:pointer}.rv-card{background:var(--rv-panel);border:1px solid var(--rv-edge);border-radius:14px;padding:.9rem 1rem;margin-bottom:.9rem}.rv-card h3{font-family:var(--rv-mono);text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:var(--rv-amber);margin:0 0 .6rem}.rv-meta-grid{display:grid;grid-template-columns:auto 1fr;gap:.2rem .8rem;font-size:.86rem}.rv-meta-grid dt{color:var(--text-muted, #8aa);font-family:var(--rv-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;align-self:center}.rv-meta-grid dd{margin:0;color:var(--text-bright, #eafffb)}.rv-ribbons{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:.55rem .6rem}.rv-ribbon{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.4rem .2rem;border-radius:8px;background:#00f5d40a;border:1px solid rgba(0,245,212,.14)}.rv-ribbon .ico{font-size:1.05rem;line-height:1}.rv-ribbon img.ico{width:22px;height:22px;object-fit:contain;image-rendering:auto}.rv-ribbon .val{font-family:var(--rv-mono);font-size:1rem;color:var(--text-bright, #eafffb);font-weight:700}.rv-ribbon .lbl{font-family:var(--rv-mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted, #8aa);text-align:center;line-height:1.1}.rv-ribbon.fire{background:#ff5d6c0f;border-color:#ffb7034d}.rv-ribbon.fire .val,.rv-ribbon.fire .ico{color:var(--rv-amber)}.rv-ribbon.flood{background:#7fe7ff0d;border-color:#7fe7ff47}.rv-ribbon.flood .val,.rv-ribbon.flood .ico{color:#7fe7ff}.rv-ribbon.kill{background:#ff5d6c1a;border-color:#ff5d6c59}.rv-ribbon.kill .val,.rv-ribbon.kill .ico{color:var(--rv-hostile)}.rv-score{list-style:none;margin:0;padding:0}.rv-score-row{display:grid;grid-template-columns:1fr 4rem auto auto;align-items:center;gap:.5rem;padding:.28rem 0;font-size:.82rem}.rv-score-row .tier{color:var(--text-bright, #eafffb);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rv-score-row .bar{height:6px;border-radius:3px;background:#00f5d41a;overflow:hidden}.rv-score-row .bar span{display:block;height:100%;background:var(--rv-friend);border-radius:3px}.rv-score-row .pts{font-family:var(--rv-mono);color:var(--rv-friend);text-align:right;min-width:3.2rem}.rv-score-row .cnt{font-family:var(--rv-mono);color:var(--text-muted, #8aa);font-size:.72rem}.rv-score-note{margin:.55rem 0 0;font-size:.68rem;line-height:1.35;color:var(--text-muted, #8aa)}.rv-air{list-style:none;margin:0;padding:0}.rv-air-row{display:grid;grid-template-columns:9px auto 1fr;align-items:baseline;gap:.5rem;padding:.3rem 0;font-size:.83rem}.rv-air-row .dot{width:9px;height:9px;border-radius:50%;align-self:center;background:var(--rv-friend)}.rv-air-row.self .dot{background:var(--rv-self);box-shadow:0 0 8px var(--rv-self)}.rv-air-row.enemy .dot{background:var(--rv-hostile)}.rv-air-row .who{color:var(--text-bright, #eafffb);white-space:nowrap}.rv-air-cv{font-family:var(--rv-mono);font-size:.6rem;letter-spacing:.1em;color:#04141a;background:var(--rv-amber);border-radius:4px;padding:.05rem .28rem;margin-left:.4rem;vertical-align:middle}.rv-air-cv.strike{background:var(--rv-friend)}.rv-air-row .what{color:var(--text-muted, #8aa)}.rv-air-row .what .ammo{color:var(--rv-amber)}.rv-roster{list-style:none;margin:0;padding:0;max-height:340px;overflow-y:auto}.rv-roster li{display:flex;align-items:center;gap:.5rem;padding:.25rem 0;font-size:.85rem}.rv-dot{width:9px;height:9px;border-radius:50%;flex:none}.rv-dot.ally{background:var(--rv-friend)}.rv-dot.self{background:var(--rv-self);box-shadow:0 0 8px var(--rv-self)}.rv-dot.enemy{background:var(--rv-hostile)}.rv-roster .nm{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rv-roster .sh{color:var(--text-muted, #8aa);font-size:.74rem}.rv-fleet{font-family:var(--rv-mono);font-size:.68rem;letter-spacing:.03em;color:var(--rv-friend);border:1px solid color-mix(in srgb,var(--rv-friend) 45%,transparent);border-radius:4px;padding:.02rem .26rem;vertical-align:middle;white-space:nowrap}.rv-roster li.dead{opacity:.4;text-decoration:line-through}.rv-dmg{font-size:.82rem}.rv-dmg .row{margin-bottom:.55rem}.rv-dmg .ship{display:flex;justify-content:space-between;margin-bottom:.15rem}.rv-dmg .ship .v{font-family:var(--rv-mono);color:var(--text-muted, #8aa)}.rv-bar{height:8px;border-radius:5px;background:#ffffff0f;overflow:hidden;display:flex}.rv-bar span{height:100%}.rv-feed{list-style:none;margin:0;padding:0;font-size:.82rem}.rv-feed li{padding:.22rem 0;display:flex;gap:.5rem}.rv-feed .t{font-family:var(--rv-mono);color:var(--rv-amber);flex:none}.rv-tabs{display:flex;gap:.4rem;margin:1.4rem 0 1rem}.rv-tab{font-family:var(--rv-mono);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;padding:.5rem .9rem;border-radius:10px;border:1px solid var(--rv-edge);background:transparent;color:var(--text-muted, #8aa);cursor:pointer}.rv-tab.active{background:var(--rv-friend);color:#04141a;border-color:transparent}.rv-drop{border:1.5px dashed var(--rv-edge);border-radius:16px;padding:2.4rem 1rem;text-align:center;background:radial-gradient(80% 120% at 50% 0%,rgba(0,245,212,.05),transparent 70%);transition:border-color .15s ease,background .15s ease}.rv-drop.drag{border-color:var(--rv-friend);background:#00f5d414}.rv-drop .big{font-family:var(--font-display, inherit);font-size:1.3rem}.rv-drop .hint{color:var(--text-muted, #8aa);font-size:.85rem}.rv-btn{display:inline-block;background:var(--rv-friend);color:#04141a;font-weight:900;border:none;border-radius:10px;padding:.6rem 1.1rem;cursor:pointer;font-size:.92rem}.rv-btn.ghost{background:transparent;color:var(--rv-friend);border:1px solid var(--rv-edge)}.rv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.9rem}.rv-item{border:1px solid var(--rv-edge);border-radius:14px;overflow:hidden;background:var(--rv-panel);cursor:pointer;transition:transform .12s ease,border-color .12s ease;text-decoration:none;color:inherit}.rv-item:hover{transform:translateY(-3px);border-color:var(--rv-friend)}.rv-thumb{aspect-ratio:16 / 9;background-size:cover;background-position:center;position:relative}.rv-thumb .ov{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(3,8,12,.9))}.rv-thumb .lbl{position:absolute;left:10px;bottom:8px;font-family:var(--rv-mono);font-size:.74rem;color:#eafffb;z-index:2}.rv-item .body{padding:.7rem .85rem}.rv-item .title{font-weight:700;font-size:.95rem}.rv-item .sub{color:var(--text-muted, #8aa);font-size:.78rem;font-family:var(--rv-mono)}.rv-vis{font-family:var(--rv-mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;padding:.1rem .4rem;border-radius:6px;border:1px solid var(--rv-edge)}.rv-vis.public{color:var(--rv-friend)}.rv-vis.fleet{color:var(--rv-amber)}.rv-vis.private{color:var(--rv-hostile)}.rv-status{font-family:var(--rv-mono);font-size:.78rem;color:var(--rv-amber)}.rv-spin{display:inline-block;width:13px;height:13px;border:2px solid var(--rv-edge);border-top-color:var(--rv-friend);border-radius:50%;animation:rv-spin .8s linear infinite;vertical-align:-2px}@keyframes rv-spin{to{transform:rotate(360deg)}}.rv-shots{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.6rem}.rv-shots img{width:120px;border-radius:8px;border:1px solid var(--rv-edge);cursor:pointer}