|
|
| (15 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| | <html> | | <html> |
| − | <div class="orokin-character-card-wrapper"> | + | |
| | + | <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=WDXL+Lubrifont+SC&display=swap"> |
| | + | <div class="orokin-character-card-wrapper"> |
| | <div class="orokin-character-card"> | | <div class="orokin-character-card"> |
| | <!-- Terminal loading effect --> | | <!-- Terminal loading effect --> |
| Line 39: |
Line 41: |
| | <span class="section-number">01</span> | | <span class="section-number">01</span> |
| | <span class="section-title">CHARACTER PROFILE</span> | | <span class="section-title">CHARACTER PROFILE</span> |
| − | <span class="section-tag">[CRITICAL INFORMATION]</span> | + | <span class="section-tag">[IF I MUST BE A DEMON, LET ME BE AN HONEST ONE.]</span> |
| | </div> | | </div> |
| | <div class="content-with-image"> | | <div class="content-with-image"> |
| Line 64: |
Line 66: |
| | <span class="highlight">RIKO KAGAMI</span> | | <span class="highlight">RIKO KAGAMI</span> |
| | </p> | | </p> |
| − | <p class="data-entry">
| + | <p class="data-entry"> |
| − | <span class="data-field">STATUS:</span> | + | <span class="data-field">SERIES:</span> |
| − | <span class="highlight">OPERATOR | TENNO CLAN | "WARFRAME" PILOT</span> | + | <span class="highlight">WARFRAME</span> |
| − | </p>
| + | <p class="data-entry"> |
| − | <p class="data-entry">
| + | <span class="data-field">OCCUPATION:</span> |
| | + | <span class="highlight"> OPERATOR | TENNO CLAN | "WARFRAME" PILOT</span> |
| | + | <p class="data-entry"> |
| | + | <span class="data-field">THREAT LEVEL:</span> |
| | + | <span class="highlight">BLOCK BUSTER*</span> |
| | + | <p class="data-entry"> |
| | + | <span class="data-field">ALIGNMENT:</span> |
| | + | <span class="highlight">LAWFUL NEUTRAL</span> |
| | + | <p class="data-entry"> |
| | + | <span class="data-field">GENDER:</span> |
| | + | <span class="highlight">FEMALE</span> |
| | + | <p class="data-entry"> |
| | + | <span class="data-field">SPECIES:</span> |
| | + | <span class="highlight">HUMAN</span> |
| | + | <p class="data-entry"> |
| | <span class="data-field">PSY-MOD:</span> | | <span class="data-field">PSY-MOD:</span> |
| | <span class="highlight">TEMPORAL AMP "</span> | | <span class="highlight">TEMPORAL AMP "</span> |
| Line 97: |
Line 113: |
| | <span class="section-number">02</span> | | <span class="section-number">02</span> |
| | <span class="section-title">LOCATION:RAILJACK</span> | | <span class="section-title">LOCATION:RAILJACK</span> |
| − | <span class="section-tag">[OROKIN SUPERLIGHT VEHICLE]</span> | + | <span class="section-tag">[LET ME LEAVE SUCH BLAZING FOOTPRINTS BEHIND ME AS NO UNCLEAN THING WOULD DARE TO WALK IN.]</span> |
| | </div> | | </div> |
| | <div class="content-with-image reverse"> | | <div class="content-with-image reverse"> |
| Line 151: |
Line 167: |
| | <span class="section-number">03</span> | | <span class="section-number">03</span> |
| | <span class="section-title">AFFILIATION:TENNO CLAN</span> | | <span class="section-title">AFFILIATION:TENNO CLAN</span> |
| − | <span class="section-tag">[TENNO DON'T EXIST]</span> | + | <span class="section-tag">[I CAME TO MURDER THE GODS, NOT BECOME ONE.]</span> |
| | </div> | | </div> |
| | <div class="clan-section"> | | <div class="clan-section"> |
| Line 189: |
Line 205: |
| | </div> | | </div> |
| | </div> | | </div> |
| | + | |
| | <div class="clan-card"> | | <div class="clan-card"> |
| − | <div class="clan-card-title">GOALS</div> | + | <div class="clan-card-title">THREATS</div> |
| | <div class="clan-card-content"> | | <div class="clan-card-content"> |
| − | <p>Shatter Narmer's hold on the Origin System. Destroy the Grineer. Break stuff.</p> | + | <p>We are Tenno. <br>We are Zenurik.<br>We are the threat.</p> |
| | </div> | | </div> |
| | </div> | | </div> |
| − | <div class="clan-card">
| + | <div class="clan-card"> |
| − | <div class="clan-card-title">THREATS</div> | + | <div class="clan-card-title" color="red;">WARNING</div> |
| | <div class="clan-card-content"> | | <div class="clan-card-content"> |
| − | <p>We are Tenno. <br>We are Zenurik.<br>We are the threat.</p> | + | <p>DO NOT LIFT THE VEIL. DO NOT SHOW THE DOOR. Ḑ̷̹̄̄Ǒ̸̬͈̠͌̃ N̴̙̿́̚O̷̤Ṱ̶̨̗̔̈̑ ̴͙̲͌S̸̛̓ͅP̵̬̯̍͘L̵̻̣̃̄͌I̴̗̺̪̔T̸̜̈́ ̷̛͖T̸̛̰͙̤́͘Ḧ̸͍̙́̂̑Ĕ̶̪͒ ̴̯̅D̴̞͍̎͜R̴̄E̷̩͘Ȃ̶̢̓M̸̛̘.̵̺̋̚</p> |
| | </div> | | </div> |
| | </div> | | </div> |
| Line 213: |
Line 230: |
| | <div class="section-header"> | | <div class="section-header"> |
| | <span class="section-number">04</span> | | <span class="section-number">04</span> |
| − | <span class="section-title">WARFRAME ROSTER</span> | + | <span class="section-title">ARSENAL</span> |
| − | <span class="section-tag">[MAINFRAME DAMAGED, CODEX 87% INTACT.]</span> | + | <span class="section-tag" style="color: red;">[MAINFRAME DAMAGED, CODEX 87% MISSING.]</span> |
| | </div> | | </div> |
| | | | |
| | <!-- Warframe Tab Selector --> | | <!-- Warframe Tab Selector --> |
| − | <div class="wf-tabs"> | + | <div class="wf-tabs arsenal-section"> |
| | + | <div class="section-header"> |
| | + | <span class="section-title">WARFRAME ROSTER</span> |
| | + | <span class="section-tag" style="color: red;">[ARSENAL DAMAGED. CONNECTION UNSTABLE.]</span> |
| | + | </div> |
| | <input type="radio" name="wf-tab" id="wf-tab-nidus"> | | <input type="radio" name="wf-tab" id="wf-tab-nidus"> |
| | <input type="radio" name="wf-tab" id="wf-tab-gara"> | | <input type="radio" name="wf-tab" id="wf-tab-gara"> |
| Line 242: |
Line 263: |
| | | | |
| | </div> | | </div> |
| | + | |
| | + | |
| | + | <!-- Warframe Codex Loading Overlay (CSS-only, plays once) --> |
| | + | <div class="wf-codex-loader"> |
| | + | <div class="wf-loader-inner"> |
| | + | <div class="wf-loader-header">CEPHALON ORDIS — WARFRAME CODEX ACCESS</div> |
| | + | <div class="wf-loader-lines"> |
| | + | <div class="wf-loader-line" style="--delay: 0s">> ESTABLISHING TRANSFERENCE LINK...</div> |
| | + | <div class="wf-loader-line" style="--delay: 0.3s">> SCANNING ORBITER ARSENAL...</div> |
| | + | <div class="wf-loader-line" style="--delay: 0.6s">> <span style="color:#ff0033;">WARNING:</span> ARSENAL INTEGRITY AT 13% — VOID STORM DAMAGE DETECTED</div> |
| | + | <div class="wf-loader-line" style="--delay: 0.9s">> RECONSTRUCTING CODEX ENTRIES FROM BACKUP...</div> |
| | + | <div class="wf-loader-line" style="--delay: 1.2s">> FRAMES LOCATED: <span style="color:#ff0033;">4</span> | CORRUPTED: <span style="color:#ff0033;">3</span> | ACCESSIBLE: <span style="color:#00ff88;">1</span></div> |
| | + | <div class="wf-loader-line" style="--delay: 1.5s">> LOADING WARFRAME DATA<span class="wf-loader-dots">...</span></div> |
| | + | </div> |
| | + | <div class="wf-loader-progress"> |
| | + | <div class="wf-loader-progress-bar"></div> |
| | + | </div> |
| | + | <div class="wf-loader-status">CODEX READY — SELECT FRAME</div> |
| | + | </div> |
| | + | </div> |
| | | | |
| | <div class="wf-tab-prompt"> | | <div class="wf-tab-prompt"> |
| Line 551: |
Line 592: |
| | | | |
| | </div> | | </div> |
| − | </div> | + | |
| − | </div> | + | <!-- ARSENAL --> |
| | + | <div class="section arsenal-section"> |
| | + | <div class="section-header"> |
| | + | <span class="section-title">WEAPONS CACHE</span> |
| | + | <span class="section-tag" style="color: red;">[HULL BREACH DETECTED IN FOUNDRY. INVENTORY AT 13% CAPACITY.]</span> |
| | + | </div> |
| | + | |
| | + | <div class="arsenal-intro"> |
| | + | <span class="prompt">></span>SELECT WEAPON TO ACCESS CODEX ENTRY.<span class="cursor">_</span> |
| | + | </div> |
| | + | |
| | + | <div class="arsenal-grid"> |
| | + | |
| | + | <!-- WEAPON 1: NATARUK — Nidus Bonded --> |
| | + | <div class="weapon-card"> |
| | + | <input type="checkbox" id="weapon-nataruk" class="weapon-toggle"> |
| | + | <label for="weapon-nataruk" class="weapon-clickable"> |
| | + | <div class="weapon-schematic"> |
| | + | <div class="weapon-blueprint-grid"></div> |
| | + | <div class="weapon-silhouette"> |
| | + | <svg viewBox="0 0 200 120" class="weapon-svg"> |
| | + | <!-- Nataruk — angular Sentient bow, geometric fractured limbs --> |
| | + | <!-- Upper limb: jagged angular segments --> |
| | + | <path d="M100,58 L92,48 L78,42 L65,30 L55,18" fill="none" stroke="currentColor" stroke-width="1.8" class="weapon-draw-line"/> |
| | + | <!-- Upper limb outer blade edge --> |
| | + | <path d="M92,48 L85,44 L78,42 M65,30 L58,25 L55,18" fill="none" stroke="currentColor" stroke-width="1" class="weapon-draw-line" style="--draw-delay:0.1s"/> |
| | + | <!-- Upper limb angular protrusions --> |
| | + | <path d="M78,42 L70,36 L72,42" fill="none" stroke="currentColor" stroke-width="0.9" class="weapon-draw-line" style="--draw-delay:0.2s"/> |
| | + | <path d="M65,30 L56,28 L60,34" fill="none" stroke="currentColor" stroke-width="0.9" class="weapon-draw-line" style="--draw-delay:0.25s"/> |
| | + | <path d="M55,18 L48,12 L50,20" fill="none" stroke="currentColor" stroke-width="0.8" class="weapon-draw-line" style="--draw-delay:0.3s"/> |
| | + | <!-- Lower limb: mirrored angular segments --> |
| | + | <path d="M100,62 L108,72 L122,78 L135,90 L145,102" fill="none" stroke="currentColor" stroke-width="1.8" class="weapon-draw-line" style="--draw-delay:0.15s"/> |
| | + | <!-- Lower limb outer blade edge --> |
| | + | <path d="M108,72 L115,76 L122,78 M135,90 L142,95 L145,102" fill="none" stroke="currentColor" stroke-width="1" class="weapon-draw-line" style="--draw-delay:0.25s"/> |
| | + | <!-- Lower limb angular protrusions --> |
| | + | <path d="M122,78 L130,84 L128,78" fill="none" stroke="currentColor" stroke-width="0.9" class="weapon-draw-line" style="--draw-delay:0.35s"/> |
| | + | <path d="M135,90 L144,92 L140,86" fill="none" stroke="currentColor" stroke-width="0.9" class="weapon-draw-line" style="--draw-delay:0.4s"/> |
| | + | <path d="M145,102 L152,108 L150,100" fill="none" stroke="currentColor" stroke-width="0.8" class="weapon-draw-line" style="--draw-delay:0.45s"/> |
| | + | <!-- Central grip — small angular block --> |
| | + | <rect x="95" y="55" width="10" height="10" rx="1" fill="none" stroke="currentColor" stroke-width="1.2" class="weapon-draw-line" style="--draw-delay:0.5s"/> |
| | + | <!-- Energy string — dashed to suggest energy, not physical --> |
| | + | <line x1="55" y1="18" x2="145" y2="102" stroke="currentColor" stroke-width="0.5" stroke-dasharray="3,4" opacity="0.4" class="weapon-draw-line" style="--draw-delay:0.6s"/> |
| | + | <!-- Gas cloud wisps at arrow nock point --> |
| | + | <circle cx="80" cy="38" r="4" fill="none" stroke="currentColor" stroke-width="0.5" opacity="0.3" class="weapon-draw-line weapon-wisp" style="--draw-delay:0.7s"/> |
| | + | <circle cx="76" cy="34" r="2.5" fill="none" stroke="currentColor" stroke-width="0.4" opacity="0.2" class="weapon-draw-line weapon-wisp" style="--draw-delay:0.75s"/> |
| | + | </svg> |
| | + | </div> |
| | + | <div class="weapon-scan-beam"></div> |
| | + | </div> |
| | + | <div class="weapon-label"> |
| | + | <div class="weapon-name">NATARUK</div> |
| | + | <div class="weapon-type">SENTIENT BOW — NIDUS LOADOUT</div> |
| | + | </div> |
| | + | </label> |
| | + | <div class="weapon-deployed-data"> |
| | + | <div class="weapon-stats"> |
| | + | <div class="weapon-stat-row"> |
| | + | <span class="weapon-stat-label">DAMAGE</span> |
| | + | <div class="weapon-stat-bar-track"><div class="weapon-stat-bar" style="--stat-width:92%;--stat-color:#00ccff"></div></div> |
| | + | <span class="weapon-stat-val">VERY HIGH</span> |
| | + | </div> |
| | + | <div class="weapon-stat-row"> |
| | + | <span class="weapon-stat-label">CRIT %</span> |
| | + | <div class="weapon-stat-bar-track"><div class="weapon-stat-bar" style="--stat-width:40%;--stat-color:#00ccff"></div></div> |
| | + | <span class="weapon-stat-val">40%</span> |
| | + | </div> |
| | + | <div class="weapon-stat-row"> |
| | + | <span class="weapon-stat-label">FIRE RATE</span> |
| | + | <div class="weapon-stat-bar-track"><div class="weapon-stat-bar" style="--stat-width:30%;--stat-color:#00ccff"></div></div> |
| | + | <span class="weapon-stat-val">LOW</span> |
| | + | </div> |
| | + | <div class="weapon-stat-row"> |
| | + | <span class="weapon-stat-label">GAS</span> |
| | + | <div class="weapon-stat-bar-track"><div class="weapon-stat-bar" style="--stat-width:85%;--stat-color:#7fff00"></div></div> |
| | + | <span class="weapon-stat-val" style="color:#7fff00">SPORES</span> |
| | + | </div> |
| | + | </div> |
| | + | <div class="weapon-lore">Born from the body of a Sentient, the Nataruk fires projectiles that warp space in a small area around themselves. Nidus has "evolved" this weapon to release spores — each arrow pierces its target, then detonates into a suffocating gas-like cloud that lingers on the battlefield. Nidus' Virulence ability can cause these spores to burst.</div> |
| | + | </div> |
| | + | </div> |
| | + | |
| | + | <!-- WEAPON 2: ASTILLA PRIME — Gara loadout --> |
| | + | <div class="weapon-card"> |
| | + | <input type="checkbox" id="weapon-astilla" class="weapon-toggle"> |
| | + | <label for="weapon-astilla" class="weapon-clickable"> |
| | + | <div class="weapon-schematic"> |
| | + | <div class="weapon-blueprint-grid"></div> |
| | + | <div class="weapon-silhouette"> |
| | + | <svg viewBox="0 0 200 120" class="weapon-svg"> |
| | + | <!-- Shotgun body — chunky glass-infused receiver --> |
| | + | <rect x="35" y="48" width="100" height="22" rx="3" fill="none" stroke="currentColor" stroke-width="1.5" class="weapon-draw-line"/> |
| | + | <!-- Barrel — wide bore --> |
| | + | <rect x="135" y="50" width="40" height="18" rx="2" fill="none" stroke="currentColor" stroke-width="1.2" class="weapon-draw-line" style="--draw-delay:0.2s"/> |
| | + | <line x1="175" y1="54" x2="185" y2="54" stroke="currentColor" stroke-width="0.8" class="weapon-draw-line" style="--draw-delay:0.25s"/> |
| | + | <line x1="175" y1="64" x2="185" y2="64" stroke="currentColor" stroke-width="0.8" class="weapon-draw-line" style="--draw-delay:0.25s"/> |
| | + | <!-- Stock --> |
| | + | <path d="M35,48 L18,44 L12,58 L15,70 L35,70" fill="none" stroke="currentColor" stroke-width="1.2" class="weapon-draw-line" style="--draw-delay:0.3s"/> |
| | + | <!-- Magazine — glass slug drum --> |
| | + | <rect x="65" y="70" width="20" height="20" rx="2" fill="none" stroke="currentColor" stroke-width="1.2" class="weapon-draw-line" style="--draw-delay:0.45s"/> |
| | + | <!-- Glass crystal details on body --> |
| | + | <path d="M55,48 L60,38 L65,48" fill="none" stroke="currentColor" stroke-width="0.8" opacity="0.5" class="weapon-draw-line" style="--draw-delay:0.55s"/> |
| | + | <path d="M80,48 L84,40 L88,48" fill="none" stroke="currentColor" stroke-width="0.8" opacity="0.5" class="weapon-draw-line" style="--draw-delay:0.6s"/> |
| | + | <path d="M108,48 L112,41 L116,48" fill="none" stroke="currentColor" stroke-width="0.8" opacity="0.5" class="weapon-draw-line" style="--draw-delay:0.65s"/> |
| | + | <!-- Slug shatter burst at muzzle --> |
| | + | <line x1="186" y1="56" x2="196" y2="48" stroke="currentColor" stroke-width="0.5" opacity="0.3" class="weapon-draw-line weapon-wisp" style="--draw-delay:0.7s"/> |
| | + | <line x1="186" y1="60" x2="198" y2="60" stroke="currentColor" stroke-width="0.5" opacity="0.3" class="weapon-draw-line weapon-wisp" style="--draw-delay:0.7s"/> |
| | + | <line x1="186" y1="62" x2="196" y2="70" stroke="currentColor" stroke-width="0.5" opacity="0.3" class="weapon-draw-line weapon-wisp" style="--draw-delay:0.7s"/> |
| | + | </svg> |
| | + | </div> |
| | + | <div class="weapon-scan-beam"></div> |
| | + | </div> |
| | + | <div class="weapon-label"> |
| | + | <div class="weapon-name">ASTILLA PRIME</div> |
| | + | <div class="weapon-type">GLASS SHOTGUN — GARA SIGNATURE</div> |
| | + | </div> |
| | + | </label> |
| | + | <div class="weapon-deployed-data"> |
| | + | <div class="weapon-stats"> |
| | + | <div class="weapon-stat-row"> |
| | + | <span class="weapon-stat-label">DAMAGE</span> |
| | + | <div class="weapon-stat-bar-track"><div class="weapon-stat-bar" style="--stat-width:78%;--stat-color:#00ccff"></div></div> |
| | + | <span class="weapon-stat-val">HIGH</span> |
| | + | </div> |
| | + | <div class="weapon-stat-row"> |
| | + | <span class="weapon-stat-label">CRIT %</span> |
| | + | <div class="weapon-stat-bar-track"><div class="weapon-stat-bar" style="--stat-width:34%;--stat-color:#00ccff"></div></div> |
| | + | <span class="weapon-stat-val">34%</span> |
| | + | </div> |
| | + | <div class="weapon-stat-row"> |
| | + | <span class="weapon-stat-label">FIRE RATE</span> |
| | + | <div class="weapon-stat-bar-track"><div class="weapon-stat-bar" style="--stat-width:55%;--stat-color:#00ccff"></div></div> |
| | + | <span class="weapon-stat-val">MEDIUM</span> |
| | + | </div> |
| | + | <div class="weapon-stat-row"> |
| | + | <span class="weapon-stat-label">PAYLOAD</span> |
| | + | <div class="weapon-stat-bar-track"><div class="weapon-stat-bar" style="--stat-width:90%;--stat-color:#ffffff"></div></div> |
| | + | <span class="weapon-stat-val" style="color:#00ccff">CRYO TOXIN</span> |
| | + | </div> |
| | + | </div> |
| | + | <div class="weapon-lore">Gara Prime's signature weapon — an exceptionally accurate shotgun that fires slugs of glass packed with cryogenic and toxic payloads. On impact, the glass detonates into a swirling cloud of glass shrapnel, flash-freezing and poisoning everything caught in the blast radius. When Gara wields it, the weapon never runs out of ammunition.</div> |
| | + | </div> |
| | + | </div> |
| | + | |
| | + | <!-- WEAPON 3: RUBICO — Ivara loadout --> |
| | + | <div class="weapon-card"> |
| | + | <input type="checkbox" id="weapon-rubico" class="weapon-toggle"> |
| | + | <label for="weapon-rubico" class="weapon-clickable"> |
| | + | <div class="weapon-schematic"> |
| | + | <div class="weapon-blueprint-grid"></div> |
| | + | <div class="weapon-silhouette"> |
| | + | <svg viewBox="0 0 200 120" class="weapon-svg"> |
| | + | <!-- Sniper rifle — long, elegant barrel --> |
| | + | <rect x="20" y="54" width="95" height="14" rx="2" fill="none" stroke="currentColor" stroke-width="1.3" class="weapon-draw-line"/> |
| | + | <!-- Long barrel --> |
| | + | <line x1="115" y1="58" x2="188" y2="58" stroke="currentColor" stroke-width="2" class="weapon-draw-line" style="--draw-delay:0.15s"/> |
| | + | <line x1="115" y1="64" x2="188" y2="64" stroke="currentColor" stroke-width="1" class="weapon-draw-line" style="--draw-delay:0.2s"/> |
| | + | <!-- Muzzle brake --> |
| | + | <rect x="183" y="53" width="8" height="16" rx="1" fill="none" stroke="currentColor" stroke-width="1" class="weapon-draw-line" style="--draw-delay:0.3s"/> |
| | + | <!-- Stock — angled sniper stock --> |
| | + | <path d="M20,54 L10,50 L6,60 L8,72 L20,68" fill="none" stroke="currentColor" stroke-width="1.2" class="weapon-draw-line" style="--draw-delay:0.35s"/> |
| | + | <!-- Large scope --> |
| | + | <rect x="55" y="40" width="40" height="14" rx="4" fill="none" stroke="currentColor" stroke-width="1.2" class="weapon-draw-line" style="--draw-delay:0.45s"/> |
| | + | <!-- Scope lens detail --> |
| | + | <circle cx="93" cy="47" r="3" fill="none" stroke="currentColor" stroke-width="0.8" class="weapon-draw-line" style="--draw-delay:0.55s"/> |
| | + | <circle cx="57" cy="47" r="2" fill="none" stroke="currentColor" stroke-width="0.6" class="weapon-draw-line" style="--draw-delay:0.55s"/> |
| | + | <!-- Bipod legs (folded) --> |
| | + | <line x1="75" y1="68" x2="70" y2="80" stroke="currentColor" stroke-width="0.8" class="weapon-draw-line" style="--draw-delay:0.6s"/> |
| | + | <line x1="85" y1="68" x2="90" y2="80" stroke="currentColor" stroke-width="0.8" class="weapon-draw-line" style="--draw-delay:0.6s"/> |
| | + | <!-- Trigger guard --> |
| | + | <path d="M50,68 Q55,78 60,68" fill="none" stroke="currentColor" stroke-width="0.8" class="weapon-draw-line" style="--draw-delay:0.65s"/> |
| | + | </svg> |
| | + | </div> |
| | + | <div class="weapon-scan-beam"></div> |
| | + | </div> |
| | + | <div class="weapon-label"> |
| | + | <div class="weapon-name">RUBICO</div> |
| | + | <div class="weapon-type">TENNO SNIPER RIFLE — IVARA LOADOUT</div> |
| | + | </div> |
| | + | </label> |
| | + | <div class="weapon-deployed-data"> |
| | + | <div class="weapon-stats"> |
| | + | <div class="weapon-stat-row weapon-stat-overflow"> |
| | + | <span class="weapon-stat-label">DAMAGE</span> |
| | + | <div class="weapon-stat-bar-track"><div class="weapon-stat-bar" style="--stat-width:135%;--stat-color:#ff0033"></div></div> |
| | + | <span class="weapon-stat-val">EXTREME</span> |
| | + | </div> |
| | + | <div class="weapon-stat-row"> |
| | + | <span class="weapon-stat-label">CRIT %</span> |
| | + | <div class="weapon-stat-bar-track"><div class="weapon-stat-bar" style="--stat-width:38%;--stat-color:#00ccff"></div></div> |
| | + | <span class="weapon-stat-val">38%</span> |
| | + | </div> |
| | + | <div class="weapon-stat-row"> |
| | + | <span class="weapon-stat-label">ZOOM</span> |
| | + | <div class="weapon-stat-bar-track"><div class="weapon-stat-bar" style="--stat-width:65%;--stat-color:#00ccff"></div></div> |
| | + | <span class="weapon-stat-val">3.5x/6x</span> |
| | + | </div> |
| | + | <div class="weapon-stat-row"> |
| | + | <span class="weapon-stat-label">MODIFICATION</span> |
| | + | <div class="weapon-stat-bar-track"><div class="weapon-stat-bar" style="--stat-width:100%;--stat-color:#00ccff"></div></div> |
| | + | <span class="weapon-stat-val">SILENT</span> |
| | + | </div> |
| | + | </div> |
| | + | <div class="weapon-lore">An instrument of precision, the Rubico rewards patience and marksmanship. It fires supercooled, electro-magnetically propelled rounds at an unreasonable fraction of the speed of light. Paired with Ivara's Prowl and Navigator, the Rubico becomes an invisible god-killer. The Operator has modified this sniper rifle to be completely silent.</div> |
| | + | </div> |
| | + | </div> |
| | + | |
| | + | <!-- WEAPON 4: FUSILAI — Gara throwing knives --> |
| | + | <div class="weapon-card"> |
| | + | <input type="checkbox" id="weapon-fusilai" class="weapon-toggle"> |
| | + | <label for="weapon-fusilai" class="weapon-clickable"> |
| | + | <div class="weapon-schematic"> |
| | + | <div class="weapon-blueprint-grid"></div> |
| | + | <div class="weapon-silhouette"> |
| | + | <svg viewBox="0 0 200 120" class="weapon-svg"> |
| | + | <!-- Three staggered throwing knives --> |
| | + | <!-- Knife 1 (upper) --> |
| | + | <line x1="45" y1="30" x2="155" y2="25" stroke="currentColor" stroke-width="1.5" class="weapon-draw-line"/> |
| | + | <path d="M155,25 L162,22 L160,28 Z" fill="currentColor" class="weapon-draw-line" style="--draw-delay:0.15s"/> |
| | + | <path d="M45,30 L38,27 L38,33 Z" fill="none" stroke="currentColor" stroke-width="0.8" class="weapon-draw-line" style="--draw-delay:0.2s"/> |
| | + | <!-- Knife 2 (center) --> |
| | + | <line x1="40" y1="58" x2="160" y2="58" stroke="currentColor" stroke-width="1.8" class="weapon-draw-line" style="--draw-delay:0.25s"/> |
| | + | <path d="M160,58 L168,55 L166,61 Z" fill="currentColor" class="weapon-draw-line" style="--draw-delay:0.35s"/> |
| | + | <path d="M40,58 L33,55 L33,61 Z" fill="none" stroke="currentColor" stroke-width="0.8" class="weapon-draw-line" style="--draw-delay:0.4s"/> |
| | + | <!-- Crystal facet details on center knife --> |
| | + | <line x1="80" y1="55" x2="90" y2="58" stroke="currentColor" stroke-width="0.5" opacity="0.4" class="weapon-draw-line" style="--draw-delay:0.45s"/> |
| | + | <line x1="110" y1="58" x2="120" y2="55" stroke="currentColor" stroke-width="0.5" opacity="0.4" class="weapon-draw-line" style="--draw-delay:0.45s"/> |
| | + | <!-- Knife 3 (lower) --> |
| | + | <line x1="45" y1="88" x2="155" y2="93" stroke="currentColor" stroke-width="1.5" class="weapon-draw-line" style="--draw-delay:0.5s"/> |
| | + | <path d="M155,93 L162,90 L160,96 Z" fill="currentColor" class="weapon-draw-line" style="--draw-delay:0.6s"/> |
| | + | <path d="M45,88 L38,85 L38,91 Z" fill="none" stroke="currentColor" stroke-width="0.8" class="weapon-draw-line" style="--draw-delay:0.65s"/> |
| | + | <!-- Heat shimmer lines --> |
| | + | <path d="M130,20 Q133,16 136,20" fill="none" stroke="currentColor" stroke-width="0.4" opacity="0.3" class="weapon-draw-line weapon-wisp" style="--draw-delay:0.7s"/> |
| | + | <path d="M140,52 Q143,48 146,52" fill="none" stroke="currentColor" stroke-width="0.4" opacity="0.3" class="weapon-draw-line weapon-wisp" style="--draw-delay:0.75s"/> |
| | + | <path d="M130,88 Q133,84 136,88" fill="none" stroke="currentColor" stroke-width="0.4" opacity="0.3" class="weapon-draw-line weapon-wisp" style="--draw-delay:0.8s"/> |
| | + | </svg> |
| | + | </div> |
| | + | <div class="weapon-scan-beam"></div> |
| | + | </div> |
| | + | <div class="weapon-label"> |
| | + | <div class="weapon-name">FUSILAI</div> |
| | + | <div class="weapon-type">GLASS THROWING KNIVES — OPERATOR SIDEARM</div> |
| | + | </div> |
| | + | </label> |
| | + | <div class="weapon-deployed-data"> |
| | + | <div class="weapon-stats"> |
| | + | <div class="weapon-stat-row"> |
| | + | <span class="weapon-stat-label">DAMAGE</span> |
| | + | <div class="weapon-stat-bar-track"><div class="weapon-stat-bar" style="--stat-width:42%;--stat-color:#00ccff"></div></div> |
| | + | <span class="weapon-stat-val">MEDIUM</span> |
| | + | </div> |
| | + | <div class="weapon-stat-row"> |
| | + | <span class="weapon-stat-label">CRIT %</span> |
| | + | <div class="weapon-stat-bar-track"><div class="weapon-stat-bar" style="--stat-width:29%;--stat-color:#00ccff"></div></div> |
| | + | <span class="weapon-stat-val">29%</span> |
| | + | </div> |
| | + | <div class="weapon-stat-row"> |
| | + | <span class="weapon-stat-label">FIRE RATE</span> |
| | + | <div class="weapon-stat-bar-track"><div class="weapon-stat-bar" style="--stat-width:88%;--stat-color:#00ccff"></div></div> |
| | + | <span class="weapon-stat-val">VERY FAST</span> |
| | + | </div> |
| | + | <div class="weapon-stat-row"> |
| | + | <span class="weapon-stat-label">HEAT+RAD</span> |
| | + | <div class="weapon-stat-bar-track"><div class="weapon-stat-bar" style="--stat-width:75%;--stat-color:#ff6600"></div></div> |
| | + | <span class="weapon-stat-val" style="color:#ff6600">MODDED</span> |
| | + | </div> |
| | + | </div> |
| | + | <div class="weapon-lore">Gara's signature throwing knives, reforged from Unum temple glass. Riko has embedded radioactive elements into the glass — a potent electric charge causes the cadmium inhibitors to disintegrate, and the radioactive elements superheat the glass mid-flight. This pierces, burns, and irradiates. Lightweight enough for the Operator to wield outside of a frame.</div> |
| | + | </div> |
| | + | </div> |
| | + | |
| | + | |
| | + | |
| | + | <!-- WEAPON 5: ORVIUS — Kagami Dax's Glaive --> |
| | + | <div class="weapon-card weapon-card-memorial"> |
| | + | <input type="checkbox" id="weapon-orvius" class="weapon-toggle"> |
| | + | <label for="weapon-orvius" class="weapon-clickable"> |
| | + | <div class="weapon-schematic weapon-schematic-memorial"> |
| | + | <div class="weapon-blueprint-grid"></div> |
| | + | <div class="weapon-silhouette"> |
| | + | <svg viewBox="0 0 200 120" class="weapon-svg"> |
| | + | <!-- Orvius glaive — circular ring blade with central eye --> |
| | + | <circle cx="100" cy="60" r="35" fill="none" stroke="currentColor" stroke-width="1.8" class="weapon-draw-line"/> |
| | + | <!-- Inner ring --> |
| | + | <circle cx="100" cy="60" r="22" fill="none" stroke="currentColor" stroke-width="0.8" class="weapon-draw-line" style="--draw-delay:0.2s"/> |
| | + | <!-- Blade points on outer ring --> |
| | + | <path d="M65,60 L58,52 L62,60 L58,68 Z" fill="none" stroke="currentColor" stroke-width="1" class="weapon-draw-line" style="--draw-delay:0.35s"/> |
| | + | <path d="M135,60 L142,52 L138,60 L142,68 Z" fill="none" stroke="currentColor" stroke-width="1" class="weapon-draw-line" style="--draw-delay:0.35s"/> |
| | + | <path d="M100,25 L92,18 L100,22 L108,18 Z" fill="none" stroke="currentColor" stroke-width="1" class="weapon-draw-line" style="--draw-delay:0.4s"/> |
| | + | <path d="M100,95 L92,102 L100,98 L108,102 Z" fill="none" stroke="currentColor" stroke-width="1" class="weapon-draw-line" style="--draw-delay:0.4s"/> |
| | + | <!-- Center eye/gem --> |
| | + | <ellipse cx="100" cy="60" rx="8" ry="5" fill="none" stroke="currentColor" stroke-width="1" class="weapon-draw-line" style="--draw-delay:0.5s"/> |
| | + | <circle cx="100" cy="60" r="2.5" fill="none" stroke="currentColor" stroke-width="0.8" class="weapon-draw-line" style="--draw-delay:0.6s"/> |
| | + | <!-- Tether line trailing --> |
| | + | <path d="M100,95 Q95,108 90,115 Q88,118 92,116" fill="none" stroke="currentColor" stroke-width="0.6" opacity="0.5" class="weapon-draw-line" style="--draw-delay:0.7s"/> |
| | + | </svg> |
| | + | </div> |
| | + | <div class="weapon-scan-beam weapon-scan-beam-memorial"></div> |
| | + | </div> |
| | + | <div class="weapon-label"> |
| | + | <div class="weapon-name weapon-name-memorial">ORVIUS</div> |
| | + | <div class="weapon-type weapon-type-memorial">HOMING GLAIVE — KAGAMI DAX [RECOVERED]</div> |
| | + | </div> |
| | + | </label> |
| | + | <div class="weapon-deployed-data weapon-deployed-memorial"> |
| | + | <div class="weapon-stats"> |
| | + | <div class="weapon-stat-row"> |
| | + | <span class="weapon-stat-label">DAMAGE</span> |
| | + | <div class="weapon-stat-bar-track"><div class="weapon-stat-bar" style="--stat-width:65%;--stat-color:#cc44aa"></div></div> |
| | + | <span class="weapon-stat-val" style="color:#cc44aa">HIGH</span> |
| | + | </div> |
| | + | <div class="weapon-stat-row"> |
| | + | <span class="weapon-stat-label">CRIT %</span> |
| | + | <div class="weapon-stat-bar-track"><div class="weapon-stat-bar" style="--stat-width:15%;--stat-color:#cc44aa"></div></div> |
| | + | <span class="weapon-stat-val" style="color:#cc44aa">15%</span> |
| | + | </div> |
| | + | <div class="weapon-stat-row"> |
| | + | <span class="weapon-stat-label">SPEED</span> |
| | + | <div class="weapon-stat-bar-track"><div class="weapon-stat-bar" style="--stat-width:70%;--stat-color:#cc44aa"></div></div> |
| | + | <span class="weapon-stat-val" style="color:#cc44aa">FAST</span> |
| | + | </div> |
| | + | <div class="weapon-stat-row"> |
| | + | <span class="weapon-stat-label">SPECIAL</span> |
| | + | <div class="weapon-stat-bar-track"><div class="weapon-stat-bar" style="--stat-width:100%;--stat-color:#cc44aa"></div></div> |
| | + | <span class="weapon-stat-val" style="color:#cc44aa">SUSPEND</span> |
| | + | </div> |
| | + | </div> |
| | + | <div class="weapon-lore weapon-lore-memorial">Found in Gara Prime's stasis pod — a weapon Kagami Dax carried before she volunteered for the Warframe process. A peerless Dax glaive that returns when thrown, it can also suspend enemies in the air as it flies above them. The Operator wields this one-handed in and out of her frame, and can seamlessly transition from melee to ranged combat and back. </div> |
| | + | </div> |
| | + | </div> |
| | + | |
| | + | <!-- WEAPON 6: SKIAJATI — Umbra's Shadow Blade --> |
| | + | <div class="weapon-card weapon-card-special"> |
| | + | <input type="checkbox" id="weapon-skiajati" class="weapon-toggle"> |
| | + | <label for="weapon-skiajati" class="weapon-clickable"> |
| | + | <div class="weapon-schematic weapon-schematic-special"> |
| | + | <div class="weapon-blueprint-grid"></div> |
| | + | <div class="weapon-silhouette"> |
| | + | <svg viewBox="0 0 200 120" class="weapon-svg"> |
| | + | <path d="M170,20 Q130,40 60,85" fill="none" stroke="currentColor" stroke-width="2" class="weapon-draw-line"/> |
| | + | <path d="M170,20 Q168,18 172,17" fill="currentColor" class="weapon-draw-line" style="--draw-delay:0.2s"/> |
| | + | <path d="M168,23 Q128,43 62,87" fill="none" stroke="currentColor" stroke-width="0.6" opacity="0.5" class="weapon-draw-line" style="--draw-delay:0.3s"/> |
| | + | <ellipse cx="55" cy="88" rx="9" ry="3.5" fill="none" stroke="currentColor" stroke-width="1.2" class="weapon-draw-line" style="--draw-delay:0.4s"/> |
| | + | <line x1="50" y1="90" x2="30" y2="105" stroke="currentColor" stroke-width="3.5" class="weapon-draw-line" style="--draw-delay:0.5s"/> |
| | + | <!-- Void energy wisps --> |
| | + | <path d="M120,45 Q115,35 125,30" fill="none" stroke="currentColor" stroke-width="0.5" opacity="0.4" class="weapon-draw-line weapon-wisp" style="--draw-delay:0.7s"/> |
| | + | <path d="M100,55 Q92,48 98,40" fill="none" stroke="currentColor" stroke-width="0.5" opacity="0.4" class="weapon-draw-line weapon-wisp" style="--draw-delay:0.8s"/> |
| | + | <path d="M140,35 Q138,25 145,22" fill="none" stroke="currentColor" stroke-width="0.5" opacity="0.4" class="weapon-draw-line weapon-wisp" style="--draw-delay:0.9s"/> |
| | + | </svg> |
| | + | </div> |
| | + | <div class="weapon-scan-beam weapon-scan-beam-gold"></div> |
| | + | </div> |
| | + | <div class="weapon-label"> |
| | + | <div class="weapon-name weapon-name-special">SKIAJATI</div> |
| | + | <div class="weapon-type weapon-type-special">UMBRA'S NIKANA — SHADOW BLADE</div> |
| | + | </div> |
| | + | </label> |
| | + | <div class="weapon-deployed-data"> |
| | + | <div class="weapon-stats"> |
| | + | <div class="weapon-stat-row"> |
| | + | <span class="weapon-stat-label">DAMAGE</span> |
| | + | <div class="weapon-stat-bar-track"><div class="weapon-stat-bar" style="--stat-width:88%;--stat-color:#e6c35a"></div></div> |
| | + | <span class="weapon-stat-val" style="color:#e6c35a">VERY HIGH</span> |
| | + | </div> |
| | + | <div class="weapon-stat-row"> |
| | + | <span class="weapon-stat-label">CRIT %</span> |
| | + | <div class="weapon-stat-bar-track"><div class="weapon-stat-bar" style="--stat-width:24%;--stat-color:#e6c35a"></div></div> |
| | + | <span class="weapon-stat-val" style="color:#e6c35a">24%</span> |
| | + | </div> |
| | + | <div class="weapon-stat-row"> |
| | + | <span class="weapon-stat-label">SPEED</span> |
| | + | <div class="weapon-stat-bar-track"><div class="weapon-stat-bar" style="--stat-width:75%;--stat-color:#e6c35a"></div></div> |
| | + | <span class="weapon-stat-val" style="color:#e6c35a">FAST</span> |
| | + | </div> |
| | + | <div class="weapon-stat-row"> |
| | + | <span class="weapon-stat-label">SENTIENCE</span> |
| | + | <div class="weapon-stat-bar-track"><div class="weapon-stat-bar" style="--stat-width:70%;--stat-color:#e6c35a"></div></div> |
| | + | <span class="weapon-stat-val" style="color:#e6c35a">AWARE</span> |
| | + | </div> |
| | + | </div> |
| | + | <div class="weapon-lore weapon-lore-special">The katana Umbra carried in life — now infused with his grief and rage. Each kill cloaks the wielder in shadow, turning them invisible. The Skiajati is no mere weapon; it is a memory given an edge. When Umbra wields it independently, witnesses report the blade weeping with Void light. It remembers Isaah. It will never forget.</div> |
| | + | </div> |
| | + | </div> |
| | + | |
| | + | </div> |
| | + | </div> |
| | + | </div> |
| | + | |
| | <!-- System footer --> | | <!-- System footer --> |
| | <div class="system-footer"> | | <div class="system-footer"> |
| Line 563: |
Line 990: |
| | </div> | | </div> |
| | <div class="footer-line"> | | <div class="footer-line"> |
| − | <span class="footer-timestamp">LAST UPDATE:2026-01-27 23:47:11 ORD-TIME</span> | + | <span class="footer-timestamp">LAST UPDATE:2026-02-26 13:47:11 ORD-TIME</span> |
| | </div> | | </div> |
| | </div> | | </div> |
| Line 574: |
Line 1,001: |
| | <div class="static-noise"> </div> | | <div class="static-noise"> </div> |
| | </div> | | </div> |
| | + | </div> |
| | </div> | | </div> |
| | | | |
| | <style> | | <style> |
| − | @import url('https://fonts.googleapis.com/css2?family=WDXL+Lubrifont+SC&display=swap');
| + | html, body { |
| | + | margin: 0; |
| | + | padding: 0; |
| | + | background: #0a0a0a; |
| | + | } |
| | | | |
| | :root { | | :root { |
| Line 951: |
Line 1,383: |
| | | | |
| | /* === WARFRAME ROSTER (TAB SYSTEM) === */ | | /* === WARFRAME ROSTER (TAB SYSTEM) === */ |
| − | .wf-tabs { margin-bottom: 40px; } | + | .wf-tabs { margin-bottom: 40px; position: relative; } |
| | + | .wf-tabs.arsenal-section { |
| | + | padding: 20px; |
| | + | border: 1px solid #1a2a3a; |
| | + | box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); |
| | + | overflow: hidden; |
| | + | } |
| | .wf-tabs input[type="radio"] { | | .wf-tabs input[type="radio"] { |
| | position: absolute; | | position: absolute; |
| Line 963: |
Line 1,401: |
| | margin-bottom: 0; | | margin-bottom: 0; |
| | flex-wrap: wrap; | | flex-wrap: wrap; |
| | + | position: relative; |
| | + | z-index: 20; |
| | } | | } |
| | .wf-tab { | | .wf-tab { |
| Line 995: |
Line 1,435: |
| | | | |
| | /* Umbra tab: always lit — he's available */ | | /* Umbra tab: always lit — he's available */ |
| | + | |
| | + | |
| | + | |
| | #wf-tab-umbra-label { | | #wf-tab-umbra-label { |
| | color: #fff; | | color: #fff; |
| Line 1,024: |
Line 1,467: |
| | display: none; | | display: none; |
| | animation: fadeIn 0.4s ease; | | animation: fadeIn 0.4s ease; |
| − | } /* ← ADD THIS closing brace */ | + | } |
| | | | |
| | #wf-tab-nidus:checked ~ #wf-nidus, | | #wf-tab-nidus:checked ~ #wf-nidus, |
| | #wf-tab-gara:checked ~ #wf-gara, | | #wf-tab-gara:checked ~ #wf-gara, |
| − | #wf-tab-ivara:checked ~ #wf-ivara, | + | #wf-tab-ivara:checked ~ #wf-ivara { |
| − | #wf-tab-umbra:checked ~ #wf-umbra {
| + | |
| | display: block; | | display: block; |
| | + | } |
| | + | |
| | + | /* Umbra panel: always in DOM, just hidden — prevents animation restart */ |
| | + | #wf-umbra { |
| | + | display: block !important; |
| | + | visibility: hidden; |
| | + | height: 0; |
| | + | overflow: hidden; |
| | + | } |
| | + | |
| | + | #wf-tab-umbra:checked ~ #wf-umbra { |
| | + | visibility: visible; |
| | + | height: auto; |
| | + | overflow: visible; |
| | + | } |
| | + | |
| | + | /* Pause animations until tab is first selected */ |
| | + | #wf-umbra .wf-umbra-video, |
| | + | #wf-umbra .wf-umbra-fade { |
| | + | animation-play-state: paused; |
| | + | } |
| | + | |
| | + | #wf-tab-umbra:checked ~ #wf-umbra .wf-umbra-video, |
| | + | #wf-tab-umbra:checked ~ #wf-umbra .wf-umbra-fade { |
| | + | animation-play-state: running; |
| | } | | } |
| | | | |
| Line 1,096: |
Line 1,563: |
| | rgba(0, 0, 0, 0.12) 2px, rgba(0, 0, 0, 0.12) 4px | | rgba(0, 0, 0, 0.12) 2px, rgba(0, 0, 0, 0.12) 4px |
| | ); | | ); |
| − | mix-blend-mode: multiply;
| |
| | } | | } |
| | | | |
| Line 1,109: |
Line 1,575: |
| | background-image: repeating-radial-gradient(circle at 17% 32%, white, black 0.00085px); | | background-image: repeating-radial-gradient(circle at 17% 32%, white, black 0.00085px); |
| | background-size: 100% 100%; | | background-size: 100% 100%; |
| | + | mix-blend-mode: overlay; |
| | animation: | | animation: |
| | noiseShift 0.08s steps(4) infinite, | | noiseShift 0.08s steps(4) infinite, |
| Line 1,131: |
Line 1,598: |
| | background-size: 6px 6px, 4px 5px, 7px 7px, 5px 8px; | | background-size: 6px 6px, 4px 5px, 7px 7px, 5px 8px; |
| | opacity: 0; | | opacity: 0; |
| | + | mix-blend-mode: multiply; |
| | animation: feedDrop 13.7s step-end infinite, noiseStatic 0.05s steps(5) infinite; | | animation: feedDrop 13.7s step-end infinite, noiseStatic 0.05s steps(5) infinite; |
| | } | | } |
| Line 1,200: |
Line 1,668: |
| | /* Sync opacity spikes with feedDrop dropout windows */ | | /* Sync opacity spikes with feedDrop dropout windows */ |
| | @keyframes staticPulse { | | @keyframes staticPulse { |
| − | 0% { opacity: 0.06; } | + | 0% { opacity: 0.16; } |
| | /* Dropout 1 — matches feedDrop 18-24% */ | | /* Dropout 1 — matches feedDrop 18-24% */ |
| − | 18% { opacity: 0.06; } | + | 18% { opacity: 0.16; } |
| − | 18.2% { opacity: 0.25; } | + | 18.2% { opacity: 0.19; } |
| − | 18.6% { opacity: 0.4; } | + | 18.6% { opacity: 0.25; } |
| − | 23% { opacity: 0.35; } | + | 23% { opacity: 0.2; } |
| − | 23.5% { opacity: 0.15; } | + | 23.5% { opacity: 0.1; } |
| − | 24% { opacity: 0.06; } | + | 24% { opacity: 0.16; } |
| | /* Dropout 2 — matches feedDrop 64-70.4% */ | | /* Dropout 2 — matches feedDrop 64-70.4% */ |
| − | 64% { opacity: 0.06; } | + | 64% { opacity: 0.16; } |
| − | 64.1% { opacity: 0.3; } | + | 64.1% { opacity: 0.18; } |
| − | 64.4% { opacity: 0.4; } | + | 64.4% { opacity: 0.25; } |
| − | 69.5% { opacity: 0.38; } | + | 69.5% { opacity: 0.22; } |
| − | 70% { opacity: 0.15; } | + | 70% { opacity: 0.1; } |
| − | 70.4% { opacity: 0.06; } | + | 70.4% { opacity: 0.16; } |
| − | 100% { opacity: 0.06; } | + | 100% { opacity: 0.16; } |
| | } | | } |
| | | | |
| Line 1,232: |
Line 1,700: |
| | /* Dropout 1: flicker then blackout */ | | /* Dropout 1: flicker then blackout */ |
| | 18% { opacity: 0; } | | 18% { opacity: 0; } |
| − | 18.2% { opacity: 0.7; } | + | 18.2% { opacity: 0.4; } |
| | 18.4% { opacity: 0.2; } | | 18.4% { opacity: 0.2; } |
| − | 18.6% { opacity: 0.95; } | + | 18.6% { opacity: 0.6; } |
| | /* Held black */ | | /* Held black */ |
| − | 23% { opacity: 0.92; } | + | 23% { opacity: 0.62; } |
| | /* Flicker back */ | | /* Flicker back */ |
| | 23.3% { opacity: 0.3; } | | 23.3% { opacity: 0.3; } |
| − | 23.5% { opacity: 0.85; } | + | 23.5% { opacity: 0.55; } |
| | 23.7% { opacity: 0.1; } | | 23.7% { opacity: 0.1; } |
| | 24% { opacity: 0; } | | 24% { opacity: 0; } |
| | /* Dropout 2: faster, harder */ | | /* Dropout 2: faster, harder */ |
| | 64% { opacity: 0; } | | 64% { opacity: 0; } |
| − | 64.1% { opacity: 0.9; } | + | 64.1% { opacity: 0.6; } |
| | 64.3% { opacity: 0.4; } | | 64.3% { opacity: 0.4; } |
| − | 64.4% { opacity: 0.97; } | + | 64.4% { opacity: 0.67; } |
| | /* Held black */ | | /* Held black */ |
| − | 69.5% { opacity: 0.95; } | + | 69.5% { opacity: 0.65; } |
| | /* Stutter recovery */ | | /* Stutter recovery */ |
| | 69.7% { opacity: 0.5; } | | 69.7% { opacity: 0.5; } |
| − | 69.8% { opacity: 0.9; } | + | 69.8% { opacity: 0.6; } |
| | 70% { opacity: 0.15; } | | 70% { opacity: 0.15; } |
| − | 70.2% { opacity: 0.6; } | + | 70.2% { opacity: 0.3; } |
| | 70.4% { opacity: 0; } | | 70.4% { opacity: 0; } |
| | } | | } |
| Line 1,350: |
Line 1,818: |
| | .wf-portrait { | | .wf-portrait { |
| | animation: none !important; | | animation: none !important; |
| | + | } |
| | + | #wf-tab-nidus:checked ~ #wf-nidus .wf-portrait, |
| | + | #wf-tab-gara:checked ~ #wf-gara .wf-portrait, |
| | + | #wf-tab-ivara:checked ~ #wf-ivara .wf-portrait { |
| | + | animation: channelShift 5.65s step-end infinite !important; |
| | } | | } |
| | .wf-panel-active .wf-portrait { | | .wf-panel-active .wf-portrait { |
| Line 1,559: |
Line 2,032: |
| | .overlay-id { font-size: 0.85rem; color: #888888; margin-bottom: 8px; } | | .overlay-id { font-size: 0.85rem; color: #888888; margin-bottom: 8px; } |
| | .overlay-desc { font-size: 0.85rem; color: #cccccc; line-height: 1.4; } | | .overlay-desc { font-size: 0.85rem; color: #cccccc; line-height: 1.4; } |
| | + | |
| | + | /* === WARFRAME CODEX LOADER (CSS-only, plays once) === */ |
| | + | .wf-codex-loader { |
| | + | display: none; |
| | + | border: 1px solid var(--border-color); |
| | + | border-top: none; |
| | + | background: #000; |
| | + | padding: 30px 25px; |
| | + | position: relative; |
| | + | overflow: hidden; |
| | + | pointer-events: none; |
| | + | z-index: 15; |
| | + | } |
| | + | .wf-tabs:has(input:checked) > .wf-codex-loader { |
| | + | display: block; |
| | + | animation: wfLoaderFullSequence 3.2s ease forwards; |
| | + | } |
| | + | /* Panel mask: opaque overlay hides panels during loader, fades once, stays gone */ |
| | + | .wf-tabs:has(input:checked)::after { |
| | + | content: ''; |
| | + | position: absolute; |
| | + | top: 0; left: 0; right: 0; bottom: 0; |
| | + | background: var(--bg-secondary); |
| | + | z-index: 10; |
| | + | pointer-events: none; |
| | + | animation: wfPanelMask 3.4s ease forwards; |
| | + | } |
| | + | @keyframes wfPanelMask { |
| | + | 0% { opacity: 1; } |
| | + | 88% { opacity: 1; } |
| | + | 100% { opacity: 0; } |
| | + | } |
| | + | .wf-loader-inner { position: relative; z-index: 2; } |
| | + | .wf-loader-header { |
| | + | font-size: 0.75rem; |
| | + | color: var(--text-tertiary); |
| | + | letter-spacing: 3px; |
| | + | margin-bottom: 20px; |
| | + | padding-bottom: 10px; |
| | + | border-bottom: 1px solid #1a1a1a; |
| | + | } |
| | + | .wf-loader-lines { margin-bottom: 20px; } |
| | + | .wf-loader-line { |
| | + | font-size: 0.8rem; |
| | + | color: #00ff88; |
| | + | margin-bottom: 6px; |
| | + | opacity: 0; |
| | + | transform: translateX(-5px); |
| | + | animation: wfLineAppear 0.3s var(--delay) ease forwards; |
| | + | } |
| | + | .wf-loader-dots { |
| | + | display: inline-block; |
| | + | animation: wfDots 1s 1.5s steps(3) infinite; |
| | + | overflow: hidden; |
| | + | width: 0; |
| | + | vertical-align: bottom; |
| | + | } |
| | + | .wf-loader-progress { |
| | + | width: 100%; |
| | + | height: 3px; |
| | + | background: #111; |
| | + | border: 1px solid #222; |
| | + | margin-bottom: 15px; |
| | + | overflow: hidden; |
| | + | } |
| | + | .wf-loader-progress-bar { |
| | + | height: 100%; |
| | + | width: 0%; |
| | + | background: linear-gradient(90deg, #00ff88, #00ccff); |
| | + | box-shadow: 0 0 10px rgba(0, 255, 136, 0.5); |
| | + | animation: wfProgressFill 1.8s 0.5s ease-in-out forwards; |
| | + | } |
| | + | .wf-loader-status { |
| | + | font-size: 0.75rem; |
| | + | color: var(--text-tertiary); |
| | + | letter-spacing: 2px; |
| | + | opacity: 0; |
| | + | animation: wfLineAppear 0.3s 2.2s ease forwards; |
| | + | } |
| | + | .wf-codex-loader::before { |
| | + | content: ''; |
| | + | position: absolute; |
| | + | top: 0; left: 0; right: 0; bottom: 0; |
| | + | background: repeating-linear-gradient( |
| | + | to bottom, |
| | + | transparent 0px, transparent 2px, |
| | + | rgba(0, 255, 136, 0.02) 2px, rgba(0, 255, 136, 0.02) 4px |
| | + | ); |
| | + | pointer-events: none; |
| | + | z-index: 1; |
| | + | } |
| | + | |
| | + | @keyframes wfLoaderFullSequence { |
| | + | 0% { opacity: 1; max-height: 300px; padding-top: 30px; padding-bottom: 30px; } |
| | + | 75% { opacity: 1; max-height: 300px; padding-top: 30px; padding-bottom: 30px; } |
| | + | 90% { opacity: 0; max-height: 300px; } |
| | + | 100% { opacity: 0; max-height: 0; padding-top: 0; padding-bottom: 0; } |
| | + | } |
| | + | @keyframes wfLineAppear { to { opacity: 1; transform: translateX(0); } } |
| | + | @keyframes wfProgressFill { to { width: 100%; } } |
| | + | @keyframes wfDots { 0% { width: 0; } 33% { width: 0.5em; } 66% { width: 1em; } 100% { width: 1.5em; } } |
| | + | |
| | + | /* === ARSENAL / WEAPONS SECTION === */ |
| | + | .arsenal-section { |
| | + | border-color: #1a2a3a; |
| | + | background: linear-gradient(135deg, #0a0e14 0%, #111111 50%, #0a0e14 100%); |
| | + | } |
| | + | .arsenal-section .section-number { color: #00ccff; } |
| | + | .arsenal-section .section-title { |
| | + | color: #00ccff; |
| | + | text-shadow: 0 0 8px rgba(0, 204, 255, 0.3); |
| | + | } |
| | + | .arsenal-section .section-tag { |
| | + | border-color: #1a3a4a; |
| | + | background: #0a1520; |
| | + | color: #4a8a9a; |
| | + | } |
| | + | .arsenal-section .section-header { border-bottom-color: #1a2a3a; } |
| | + | .arsenal-intro { |
| | + | padding: 15px 20px; |
| | + | color: var(--text-tertiary); |
| | + | font-size: 0.85rem; |
| | + | margin-bottom: 25px; |
| | + | border-bottom: 1px solid #1a2a3a; |
| | + | } |
| | + | .arsenal-intro .prompt { color: #00ccff; } |
| | + | |
| | + | .arsenal-grid { |
| | + | display: grid; |
| | + | grid-template-columns: repeat(2, 1fr); |
| | + | gap: 15px; |
| | + | } |
| | + | |
| | + | /* Hidden checkbox toggle */ |
| | + | .weapon-toggle { |
| | + | position: absolute; |
| | + | opacity: 0; |
| | + | pointer-events: none; |
| | + | } |
| | + | |
| | + | /* Weapon Card */ |
| | + | .weapon-card { |
| | + | background: #080c10; |
| | + | border: 1px solid #1a2a3a; |
| | + | position: relative; |
| | + | overflow: hidden; |
| | + | transition: all 0.4s ease; |
| | + | } |
| | + | .weapon-clickable { display: block; cursor: pointer; } |
| | + | .weapon-card:hover { |
| | + | border-color: #00ccff; |
| | + | box-shadow: 0 0 20px rgba(0, 204, 255, 0.1), inset 0 0 30px rgba(0, 204, 255, 0.03); |
| | + | } |
| | + | .weapon-card-special { border-color: #2a2210; } |
| | + | .weapon-card-special:hover { |
| | + | border-color: #e6c35a; |
| | + | box-shadow: 0 0 20px rgba(230, 195, 90, 0.15), inset 0 0 30px rgba(230, 195, 90, 0.03); |
| | + | } |
| | + | .weapon-card-memorial { border-color: #2a1528; } |
| | + | .weapon-card-memorial:hover { |
| | + | border-color: #cc44aa; |
| | + | box-shadow: 0 0 20px rgba(204, 68, 170, 0.12), inset 0 0 30px rgba(204, 68, 170, 0.03); |
| | + | } |
| | + | |
| | + | /* Blueprint area */ |
| | + | .weapon-schematic { |
| | + | height: 140px; |
| | + | position: relative; |
| | + | overflow: hidden; |
| | + | display: flex; |
| | + | align-items: center; |
| | + | justify-content: center; |
| | + | } |
| | + | .weapon-blueprint-grid { |
| | + | position: absolute; |
| | + | top: 0; left: 0; right: 0; bottom: 0; |
| | + | background-image: |
| | + | linear-gradient(rgba(0, 204, 255, 0.04) 1px, transparent 1px), |
| | + | linear-gradient(90deg, rgba(0, 204, 255, 0.04) 1px, transparent 1px); |
| | + | background-size: 20px 20px; |
| | + | } |
| | + | .weapon-card-special .weapon-blueprint-grid { |
| | + | background-image: |
| | + | linear-gradient(rgba(230, 195, 90, 0.04) 1px, transparent 1px), |
| | + | linear-gradient(90deg, rgba(230, 195, 90, 0.04) 1px, transparent 1px); |
| | + | } |
| | + | .weapon-card-memorial .weapon-blueprint-grid { |
| | + | background-image: |
| | + | linear-gradient(rgba(204, 68, 170, 0.04) 1px, transparent 1px), |
| | + | linear-gradient(90deg, rgba(204, 68, 170, 0.04) 1px, transparent 1px); |
| | + | } |
| | + | |
| | + | .weapon-silhouette { |
| | + | position: relative; |
| | + | z-index: 2; |
| | + | width: 70%; |
| | + | max-width: 200px; |
| | + | } |
| | + | .weapon-svg { |
| | + | width: 100%; |
| | + | height: auto; |
| | + | color: #00ccff; |
| | + | filter: drop-shadow(0 0 4px rgba(0, 204, 255, 0.3)); |
| | + | } |
| | + | .weapon-card-special .weapon-svg { |
| | + | color: #e6c35a; |
| | + | filter: drop-shadow(0 0 6px rgba(230, 195, 90, 0.3)); |
| | + | } |
| | + | .weapon-card-memorial .weapon-svg { |
| | + | color: #cc44aa; |
| | + | filter: drop-shadow(0 0 5px rgba(204, 68, 170, 0.3)); |
| | + | } |
| | + | |
| | + | /* SVG draw animation */ |
| | + | .weapon-draw-line { |
| | + | stroke-dasharray: 300; |
| | + | stroke-dashoffset: 300; |
| | + | transition: stroke-dashoffset 0.8s ease; |
| | + | transition-delay: var(--draw-delay, 0s); |
| | + | } |
| | + | .weapon-card:hover .weapon-draw-line, |
| | + | .weapon-toggle:checked ~ .weapon-clickable .weapon-draw-line { |
| | + | stroke-dashoffset: 0; |
| | + | } |
| | + | .weapon-wisp { animation: wispFloat 3s ease-in-out infinite alternate; } |
| | + | @keyframes wispFloat { |
| | + | from { opacity: 0.2; transform: translateY(0); } |
| | + | to { opacity: 0.5; transform: translateY(-3px); } |
| | + | } |
| | + | |
| | + | /* Scan beam */ |
| | + | .weapon-scan-beam { |
| | + | position: absolute; |
| | + | top: 0; left: -100%; |
| | + | width: 60%; |
| | + | height: 100%; |
| | + | background: linear-gradient(90deg, transparent, rgba(0, 204, 255, 0.06), rgba(0, 204, 255, 0.12), rgba(0, 204, 255, 0.06), transparent); |
| | + | z-index: 1; |
| | + | transition: left 0.6s ease; |
| | + | pointer-events: none; |
| | + | } |
| | + | .weapon-scan-beam-gold { |
| | + | background: linear-gradient(90deg, transparent, rgba(230, 195, 90, 0.06), rgba(230, 195, 90, 0.12), rgba(230, 195, 90, 0.06), transparent); |
| | + | } |
| | + | .weapon-scan-beam-memorial { |
| | + | background: linear-gradient(90deg, transparent, rgba(204, 68, 170, 0.06), rgba(204, 68, 170, 0.12), rgba(204, 68, 170, 0.06), transparent); |
| | + | } |
| | + | .weapon-card:hover .weapon-scan-beam { left: 100%; } |
| | + | |
| | + | /* Weapon label */ |
| | + | .weapon-label { |
| | + | padding: 12px 15px; |
| | + | border-top: 1px solid #1a2a3a; |
| | + | display: flex; |
| | + | justify-content: space-between; |
| | + | align-items: baseline; |
| | + | } |
| | + | .weapon-name { |
| | + | font-size: 1rem; |
| | + | color: #00ccff; |
| | + | font-weight: bold; |
| | + | letter-spacing: 2px; |
| | + | text-transform: uppercase; |
| | + | } |
| | + | .weapon-name-special { color: #e6c35a; text-shadow: 0 0 8px rgba(230, 195, 90, 0.3); } |
| | + | .weapon-name-memorial { color: #cc44aa; text-shadow: 0 0 8px rgba(204, 68, 170, 0.25); } |
| | + | .weapon-type { font-size: 0.7rem; color: #4a6a7a; letter-spacing: 1px; } |
| | + | .weapon-type-special { color: #8a7a50; } |
| | + | .weapon-type-memorial { color: #7a4a6a; } |
| | + | |
| | + | /* Deployed state (checkbox-driven) */ |
| | + | .weapon-deployed-data { |
| | + | max-height: 0; |
| | + | overflow: hidden; |
| | + | transition: max-height 0.5s ease, padding 0.5s ease; |
| | + | padding: 0 15px; |
| | + | border-top: 0px solid transparent; |
| | + | } |
| | + | .weapon-toggle:checked ~ .weapon-deployed-data { |
| | + | max-height: 400px; |
| | + | padding: 15px; |
| | + | border-top: 1px solid #1a2a3a; |
| | + | } |
| | + | .weapon-card-special .weapon-toggle:checked ~ .weapon-deployed-data { border-top-color: #2a2210; } |
| | + | .weapon-card-memorial .weapon-toggle:checked ~ .weapon-deployed-data { border-top-color: #2a1528; } |
| | + | |
| | + | /* Stat bars */ |
| | + | .weapon-stats { margin-bottom: 12px; } |
| | + | .weapon-stat-row { |
| | + | display: flex; |
| | + | align-items: center; |
| | + | gap: 10px; |
| | + | margin-bottom: 6px; |
| | + | } |
| | + | .weapon-stat-label { |
| | + | font-size: 0.7rem; |
| | + | color: #4a6a7a; |
| | + | width: 65px; |
| | + | flex-shrink: 0; |
| | + | letter-spacing: 1px; |
| | + | } |
| | + | .weapon-stat-bar-track { |
| | + | flex: 1; |
| | + | height: 3px; |
| | + | background: #111822; |
| | + | border: 1px solid #1a2530; |
| | + | overflow: hidden; |
| | + | } |
| | + | .weapon-stat-bar { |
| | + | height: 100%; |
| | + | width: 0%; |
| | + | background: var(--stat-color, #00ccff); |
| | + | box-shadow: 0 0 6px var(--stat-color, rgba(0, 204, 255, 0.4)); |
| | + | transition: width 0.8s ease 0.2s; |
| | + | } |
| | + | .weapon-toggle:checked ~ .weapon-deployed-data .weapon-stat-bar { width: var(--stat-width); } |
| | + | |
| | + | /* Overflow bar — for stats that exceed 100% */ |
| | + | .weapon-stat-overflow .weapon-stat-bar-track { |
| | + | overflow: visible; |
| | + | } |
| | + | .weapon-stat-overflow .weapon-stat-bar { |
| | + | box-shadow: 0 0 8px var(--stat-color), 4px 0 12px var(--stat-color); |
| | + | border-right: 2px solid #fff; |
| | + | } |
| | + | |
| | + | .weapon-stat-val { |
| | + | font-size: 0.7rem; |
| | + | color: #00ccff; |
| | + | width: 50px; |
| | + | text-align: right; |
| | + | flex-shrink: 0; |
| | + | } |
| | + | |
| | + | .weapon-lore { |
| | + | font-size: 0.78rem; |
| | + | color: #5a7a8a; |
| | + | line-height: 1.6; |
| | + | padding-top: 10px; |
| | + | border-top: 1px solid #111822; |
| | + | } |
| | + | .weapon-lore-special { color: #8a7a50; border-top-color: #1a1810; } |
| | + | .weapon-lore-memorial { color: #8a5a7a; border-top-color: #1a1018; } |
| | + | |
| | + | /* Deployed card glow */ |
| | + | .weapon-card:has(.weapon-toggle:checked) { |
| | + | border-color: #00ccff; |
| | + | box-shadow: 0 0 25px rgba(0, 204, 255, 0.15), inset 0 0 40px rgba(0, 204, 255, 0.04); |
| | + | } |
| | + | .weapon-card-special:has(.weapon-toggle:checked) { |
| | + | border-color: #e6c35a; |
| | + | box-shadow: 0 0 25px rgba(230, 195, 90, 0.15), inset 0 0 40px rgba(230, 195, 90, 0.04); |
| | + | } |
| | + | .weapon-card-memorial:has(.weapon-toggle:checked) { |
| | + | border-color: #cc44aa; |
| | + | box-shadow: 0 0 25px rgba(204, 68, 170, 0.15), inset 0 0 40px rgba(204, 68, 170, 0.04); |
| | + | } |
| | + | |
| | + | /* 6-card grid: 3 columns for wider layout, drops gracefully */ |
| | + | @media (min-width: 1000px) { |
| | + | .arsenal-grid { grid-template-columns: repeat(3, 1fr); } |
| | + | } |
| | | | |
| | /* === FOOTER === */ | | /* === FOOTER === */ |
| Line 1,712: |
Line 2,547: |
| | .wf-tab { padding: 10px 14px; font-size: 0.8rem; letter-spacing: 1px; } | | .wf-tab { padding: 10px 14px; font-size: 0.8rem; letter-spacing: 1px; } |
| | .wf-data-name { font-size: 1.5rem; } | | .wf-data-name { font-size: 1.5rem; } |
| | + | .arsenal-grid { grid-template-columns: 1fr; } |
| | } | | } |
| | @media (max-width: 480px) { | | @media (max-width: 480px) { |
| Line 1,722: |
Line 2,558: |
| | .wf-tab { top: 0; border-bottom: 1px solid var(--border-color); } | | .wf-tab { top: 0; border-bottom: 1px solid var(--border-color); } |
| | } | | } |
| − | </style> | + | </style></html> |
| − | </html> | + | |
| | | | |
| | [[Category:Warframe]] | | [[Category:Warframe]] |