:root{--bg:#e8d9b8;--parchment:#f4e8c8;--parchment-shade:#dcc9a0;--stone:#5c5346;--stone-dark:#3a332a;--stone-light:#8a7e6a;--outline:#2e2820;--ink:#2c2416;--ink-muted:#6b5e4c;--gold:#c4a35a;--gold-hi:#f0d890;--gold-lo:#8a6a2e;--copper:#a8643a;--alliance:#3a5f9a;--alliance-hi:#6a8cc4;--alliance-lo:#23395e;--horde:#b33a2b;--horde-hi:#d9654f;--horde-lo:#6e2219;--success:#4a7a3a;--danger:#9b2c2c;--q10-fill:#fff;--q10-text:#625e57;--q10-outline:#5c5346;--q10-on:#2c2416;--q25-fill:#1eff00;--q25-text:#0d6e00;--q25-outline:#0a5400;--q25-on:#2c2416;--q50-fill:#0070dd;--q50-text:#005db7;--q50-outline:#00478b;--q50-on:#fff;--q75-fill:#a335ee;--q75-text:#8b13dd;--q75-outline:#6c0eac;--q75-on:#fff;--q100-fill:#ff8000;--q100-text:#944a00;--q100-outline:#703800;--q100-on:#2c2416;--q100-glow:#ff80008c;--px:4px}*{box-sizing:border-box;image-rendering:pixelated}html,body{color:var(--ink);background:#e8d9b8;margin:0;padding:0;font-family:Noto Serif SC,Songti SC,Times New Roman,serif}button{cursor:pointer;font-family:inherit}.stage{background:var(--bg);border:4px solid var(--stone-dark);width:min(390px,100%);box-shadow:inset 0 0 0 2px var(--gold), inset 0 0 0 4px var(--stone), 0 0 0 2px var(--outline), 0 12px 0 #0d0b08, 0 0 80px #c4a35a2e;background-image:radial-gradient(120% 80% at 50% 0,#f0d89038,#0000 55%),radial-gradient(90% 70% at 50% 100%,#3c332a2e,#0000 50%),repeating-linear-gradient(0deg,#0000,#0000 3px,#5c534608 3px 4px),repeating-linear-gradient(90deg,#0000,#0000 3px,#5c534606 3px 4px);margin:0 auto;position:relative;overflow:hidden}.stage.alliance-tint{box-shadow:inset 0 0 0 2px var(--gold),inset 0 0 0 4px var(--stone),0 0 0 2px var(--outline),0 12px 0 #0d0b08,0 0 60px #3a5f9a40}.stage.horde-tint{box-shadow:inset 0 0 0 2px var(--gold),inset 0 0 0 4px var(--stone),0 0 0 2px var(--outline),0 12px 0 #0d0b08,0 0 60px #b33a2b40}.pad{padding:18px 16px 20px}.brand-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.seal{color:var(--gold-lo);border:2px solid var(--gold-lo);box-shadow:inset 1px 1px 0 var(--gold-hi), inset -1px -1px 0 var(--stone);background:#f4e8c88c;padding:4px 6px;font-family:"Press Start 2P",monospace;font-size:8px}.help-btn{border:2px solid var(--stone);background:var(--parchment);width:28px;height:28px;color:var(--ink);box-shadow:2px 2px 0 var(--outline);place-items:center;font-family:"Press Start 2P",monospace;font-size:10px;display:grid}.help-btn:active{box-shadow:0 0 0 var(--outline);transform:translate(2px,2px)}.title-lintel{text-align:center;border:3px solid var(--outline);background:linear-gradient(#6a5f50,#5c5346 40%,#3a332a);margin:6px 0 14px;padding:10px 8px 12px;box-shadow:inset 0 2px #8a7e6a,inset 0 -2px #2a241c,0 3px #1a1610}.title-lintel .t{color:var(--gold-hi);text-shadow:2px 2px 0 #2a241c, -1px -1px 0 var(--gold-lo);letter-spacing:1px;font-family:"Press Start 2P",monospace;font-size:16px}.title-lintel .s{color:#dcc9a0;margin-top:8px;font-size:12px}.player-line{text-align:center;color:var(--ink);margin:0 0 14px;font-size:14px;font-weight:700}.panel{background:var(--parchment);border:3px solid var(--stone);box-shadow:inset 0 0 0 2px var(--gold), inset 2px 2px 0 var(--parchment-shade), inset -2px -2px 0 #efe0b8, 0 4px 0 var(--stone-dark);padding:14px}.faction-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.faction-card{border:3px solid var(--stone);text-align:center;background:var(--parchment);cursor:pointer;box-shadow:inset 2px 2px 0 #fff6d8, inset -2px -2px 0 var(--parchment-shade), 0 4px 0 var(--stone-dark);filter:saturate(.65)brightness(.95);padding:12px 8px 10px;transition:transform .12s steps(3,end);position:relative}.faction-card:hover{filter:saturate(.85);transform:translateY(-2px)}.faction-card.selected{filter:none;transform:translateY(-2px)}.faction-card.alliance.selected{border-color:var(--alliance);box-shadow:inset 0 0 0 2px #d4af37, inset 2px 2px 0 #fff6d8, 0 0 0 3px #3a5f9a73, 0 6px 0 var(--alliance-lo);animation:.18s steps(3,end) stamp}.faction-card.horde.selected{border-color:var(--horde);box-shadow:inset 0 0 0 2px #e07a3d, inset 2px 2px 0 #fff6d8, 0 0 0 3px #b33a2b73, 0 6px 0 var(--horde-lo);animation:.18s steps(3,end) stamp}.faction-card.dim{opacity:.42;filter:saturate(.3)brightness(.9)}@keyframes stamp{0%{transform:scale(1.06)translateY(-2px)}to{transform:scale(1)translateY(-2px)}}.faction-card .name{margin-top:8px;font-family:"Press Start 2P",monospace;font-size:11px}.faction-card.alliance .name{color:var(--alliance)}.faction-card.horde .name{color:var(--horde)}.faction-card .motto{color:var(--ink-muted);margin-top:4px;font-size:11px;line-height:1.35}.crest{width:128px;height:128px;margin:0 auto;display:block}.btn{border:3px solid var(--outline);color:#f4e8c8;background:linear-gradient(180deg,var(--stone-light),var(--stone));width:100%;box-shadow:inset 0 2px 0 #ffffff2e, inset 0 -3px 0 var(--stone-dark), 0 4px 0 #1a1610;padding:12px 10px;font-family:"Press Start 2P",monospace;font-size:11px;line-height:1.4;transition:transform 80ms steps(2,end),box-shadow 80ms steps(2,end);display:block}.btn:active:not(:disabled){box-shadow:inset 0 2px 0 #0003, inset 0 -1px 0 var(--stone-dark), 0 1px 0 #1a1610;transform:translateY(3px)}.btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.3);transform:none;box-shadow:inset 0 0,0 0 #1a1610}.btn.primary-alliance{background:linear-gradient(180deg,var(--alliance-hi),var(--alliance));box-shadow:inset 0 2px 0 #fff3, inset 0 -3px 0 var(--alliance-lo), 0 4px 0 #1a1610}.btn.primary-horde{background:linear-gradient(180deg,var(--horde-hi),var(--horde));box-shadow:inset 0 2px 0 #fff3, inset 0 -3px 0 var(--horde-lo), 0 4px 0 #1a1610}.btn.gold{background:linear-gradient(180deg,var(--gold-hi),var(--gold));color:var(--outline);box-shadow:inset 0 2px 0 #ffffff59, inset 0 -3px 0 var(--gold-lo), 0 4px 0 #1a1610}.btn.ghost{background:var(--parchment);color:var(--ink);box-shadow:inset 2px 2px 0 #fff6d8, inset -2px -2px 0 var(--parchment-shade), 0 3px 0 var(--stone-dark)}.btn-row{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.footer-mini{text-align:center;color:var(--ink-muted);margin-top:14px;font-size:11px;line-height:1.5}.footer-mini a{color:var(--alliance);border-bottom:1px solid var(--alliance);text-decoration:none}.crumb{color:var(--ink-muted);align-items:center;gap:8px;margin-bottom:10px;font-size:12px;display:flex}.crumb .dot{background:var(--alliance);width:8px;height:8px;box-shadow:0 0 0 2px var(--gold)}.class-grid{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:14px;display:grid}.class-tile{border:3px solid var(--stone);background:var(--parchment);text-align:center;cursor:pointer;box-shadow:inset 1px 1px 0 #fff6d8, 0 3px 0 var(--stone-dark);padding:7px 2px 6px;transition:transform .1s steps(2,end);position:relative}.class-tile:hover{border-color:var(--gold);transform:translateY(-1px)}.class-tile.selected{border-color:var(--gold);box-shadow:inset 0 0 0 2px var(--gold-hi), 0 0 0 2px #c4a35a8c, 0 3px 0 var(--gold-lo);background:#fbf3d8;transform:translateY(-1px)}.class-tile.selected .lbl{color:var(--outline)}.class-tile .px-ico{width:64px;height:64px;margin:0 auto 5px;display:block}.class-tile .lbl{color:var(--ink);letter-spacing:.5px;white-space:nowrap;font-family:Noto Serif SC,serif;font-size:11.5px;font-weight:700}.class-tile .cc{height:3px;position:absolute;bottom:1px;left:4px;right:4px;box-shadow:0 0 0 1px #2e282073}.class-tile.adv{text-align:left;background:linear-gradient(180deg,#f8efd0,var(--parchment));grid-column:span 3;align-items:center;gap:10px;padding:7px 10px;display:flex}.class-tile.adv .px-ico{margin:0}.class-tile.adv .lbl{font-size:13px}.class-tile.adv span{color:var(--ink-muted);margin-top:3px;font-size:11px;font-weight:500;display:block}.picked{color:var(--ink-muted);justify-content:center;align-items:center;gap:8px;margin:-4px 0 12px;font-size:12px;display:flex}.picked b{color:var(--ink)}.opt-chip{border:2px solid var(--gold);color:var(--gold-lo);background:#c4a35a1f;margin-left:6px;padding:2px 6px;font-family:Silkscreen,monospace;font-size:10px;display:inline-block}.sockets{justify-content:center;gap:6px;margin:8px 0 14px;display:flex}.socket{border:2px solid var(--stone-dark);background:#3a332a;width:22px;height:22px;box-shadow:inset 2px 2px #1a1610,inset -1px -1px #5c5346}.socket.filled{background:var(--q25-fill);box-shadow:inset 1px 1px 0 #fff6, 0 0 0 1px var(--outline)}.socket.miss{background:repeating-linear-gradient(45deg,#3a332a,#3a332a 2px,#5c5346 2px 4px)}.socket.t10,.socket.t25,.socket.t50,.socket.t75,.socket.t100{position:relative}.socket.t10{background:var(--q10-fill);border-color:var(--q10-outline);box-shadow:inset -3px -3px #d8d2c4,inset 2px 2px #fff}.socket.t25{background:var(--q25-fill);border-color:var(--q25-outline);box-shadow:inset -3px -3px #12a000,inset 2px 2px #b8ffa8}.socket.t50{background:var(--q50-fill);border-color:var(--q50-outline);box-shadow:inset -3px -3px #004c99,inset 2px 2px #66afff}.socket.t75{background:var(--q75-fill);border-color:var(--q75-outline);box-shadow:inset -3px -3px #6e18a8,inset 2px 2px #d9a8ff}.socket.t100{background:var(--q100-fill);border-color:var(--q100-outline);box-shadow:inset -3px -3px 0 #b85800, inset 2px 2px 0 #ffd199, 0 0 0 2px #ff800059, 0 0 10px var(--q100-glow)}.q-card{padding:14px}.q-tag{color:var(--gold-lo);align-items:center;gap:6px;margin-bottom:8px;font-family:Silkscreen,monospace;font-size:10px;display:inline-flex}.answer-slot{align-items:stretch;gap:0;margin-bottom:10px;display:flex}.answer-slot .quill{border:3px solid var(--stone);background:var(--parchment-shade);border-right:none;place-items:center;width:36px;font-size:16px;display:grid}.answer-slot input{border:3px solid var(--stone);color:var(--ink);box-shadow:inset 2px 2px 0 var(--parchment-shade), inset -1px -1px 0 #fff6d8;background:#f8efd0;outline:none;flex:1;padding:10px 12px;font-family:Noto Serif SC,serif;font-size:15px}.answer-slot input:focus{border-color:var(--gold);box-shadow:inset 2px 2px 0 var(--parchment-shade), 0 0 0 2px #c4a35a73}.answer-slot input::placeholder{color:#a89470;font-style:italic}.tier-strip{flex-wrap:wrap;grid-template-columns:repeat(5,1fr);justify-content:center;gap:6px;margin:12px 0 4px;display:flex;gap:5px!important;display:grid!important}.tier-chip{box-shadow:0 2px 0 var(--stone-dark);border:2px solid;flex-direction:column;align-items:center;gap:1px;padding:4px 2px 3px;font-family:Silkscreen,monospace;font-size:10px;font-weight:700;line-height:1.1;display:flex}.tier-chip b{font-family:Noto Serif SC,serif;font-size:11px}.answer-slot input{width:100%;min-width:0}.tier-chip.t10{background:var(--q10-fill);border-color:var(--q10-outline);color:var(--q10-on)}.tier-chip.t25{background:var(--q25-fill);border-color:var(--q25-outline);color:var(--q25-on)}.tier-chip.t50{background:var(--q50-fill);border-color:var(--q50-outline);color:var(--q50-on)}.tier-chip.t75{background:var(--q75-fill);border-color:var(--q75-outline);color:var(--q75-on)}.tier-chip.t100{background:var(--q100-fill);border-color:var(--q100-outline);color:var(--q100-on);box-shadow:0 2px 0 var(--stone-dark),0 0 8px var(--q100-glow)}.tier-axis{color:var(--ink-muted);justify-content:space-between;margin:2px 6px 0;font-family:Noto Serif SC,serif;font-size:10px;display:flex}.qt10{color:var(--q10-text)}.qt25{color:var(--q25-text)}.qt50{color:var(--q50-text)}.qt75{color:var(--q75-text)}.qt100{color:var(--q100-text)}.gem.g10{background:var(--q10-fill);border-color:var(--q10-outline)!important}.gem.g25{background:var(--q25-fill);border-color:var(--q25-outline)!important}.gem.g50{background:var(--q50-fill);border-color:var(--q50-outline)!important}.gem.g75{background:var(--q75-fill);border-color:var(--q75-outline)!important}.gem.g100{background:var(--q100-fill);border-color:var(--q100-outline)!important}.hint-line{text-align:center;color:var(--ink-muted);margin:6px 0 0;font-size:12px}.rank-hero{text-align:center;padding:8px 0 4px}.rank-badge{filter:drop-shadow(0 6px #1a1610);width:128px;height:128px;margin:0 auto;position:relative}.rank-ribbon{background:linear-gradient(180deg,var(--gold-hi),var(--gold));border:3px solid var(--outline);color:var(--outline);box-shadow:0 3px 0 var(--gold-lo);z-index:2;margin-top:-8px;padding:8px 18px;font-family:"Press Start 2P",monospace;font-size:14px;display:inline-block;position:relative}.meta-chips{flex-wrap:wrap;justify-content:center;gap:6px;margin:14px 0 10px;display:flex}.chip{border:2px solid var(--stone);background:var(--parchment);color:var(--ink);padding:5px 8px;font-family:Silkscreen,monospace;font-size:10px}.chip.ci{align-items:center;gap:5px;padding:3px 8px 3px 4px;display:inline-flex}.chip.a{border-color:var(--alliance);color:var(--alliance)}.chip.h{border-color:var(--horde);color:var(--horde)}.score-big{text-align:center;color:var(--gold-lo);text-shadow:2px 2px 0 var(--outline);margin:4px 0 12px;font-family:"Press Start 2P",monospace;font-size:22px}.detail{margin-top:8px}.row{border-bottom:2px dashed #5c534640;grid-template-columns:18px 1fr auto auto;align-items:center;gap:8px;padding:8px 6px;font-size:12px;display:grid}.row:last-child{border-bottom:none}.row.miss{opacity:.55}.row .gem{border:2px solid var(--outline);width:14px;height:14px}.row .pts{color:var(--success);font-family:Silkscreen,monospace;font-size:10px}.row.miss .pts{color:var(--ink-muted)}.share-preview{border:3px solid var(--stone);box-shadow:inset 0 0 0 2px var(--gold);background:#1a1610;margin-top:12px;padding:6px}.share-preview img,.share-preview .mini-share{aspect-ratio:1200/630;color:#f4e8c8;text-align:center;background:linear-gradient(135deg,#3a5f9a,#23395e);width:100%;padding:28px 12px;font-family:"Press Start 2P",monospace;font-size:10px;line-height:1.8;display:block}.modal-backdrop{z-index:20;background:#1a1610b8;justify-content:center;align-items:center;padding:16px;display:none;position:absolute;inset:0}.modal-backdrop.show{display:flex}.modal{background:var(--parchment);border:4px solid var(--stone);max-height:85%;box-shadow:inset 0 0 0 2px var(--gold), 0 8px 0 #0d0b08;width:100%;padding:16px;overflow:auto}.modal h3{color:var(--gold-lo);text-align:center;margin:0 0 12px;font-family:"Press Start 2P",monospace;font-size:12px}.modal ul{color:var(--ink);margin:0;padding:0 0 0 18px;font-size:13px;line-height:1.55}.modal li{margin-bottom:8px}.modal .close{margin-top:12px}body.rw{background:radial-gradient(120% 90% at 50% 40%,#e8d9b8 55%,#b8a47e 100%);justify-content:center;align-items:flex-start;min-height:100vh;padding:24px 12px 48px;display:flex}.stage{width:min(420px,100%)}.rw [hidden]{display:none!important}.faction-card{font:inherit;color:inherit;width:100%}.class-tile{font:inherit;color:inherit}.answer-slot{border:3px solid var(--stone);background:var(--parchment-shade);align-items:stretch;margin:10px 0;display:flex;box-shadow:inset 2px 2px #b9a679}.answer-slot .quill{border-right:3px solid var(--stone);background:var(--parchment);place-items:center;width:40px;display:grid}.answer-slot input{font:inherit;color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:12px 10px;font-size:15px}.answer-slot:focus-within{border-color:var(--gold-lo);box-shadow:inset 0 0 0 2px var(--gold-hi)}.q-tag{color:var(--ink-muted);font-size:11px}.q-stem{margin:8px 0 4px;font-size:16px;font-weight:700;line-height:1.5}.tier-strip{grid-template-columns:repeat(5,1fr);gap:4px;margin-top:12px;display:grid}.feedback{text-align:center;min-height:20px;margin:8px 0 0;font-size:13px;font-weight:700}.feedback.miss{color:var(--danger)}.socket.cur{outline:2px solid var(--gold-hi);outline-offset:1px}.share-preview img{background:0 0;padding:0}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.crest svg,.px-ico svg,.rank-badge svg{width:100%;height:100%;display:block}.crumb{cursor:pointer}.share-preview img{aspect-ratio:auto;height:auto}.rank-ribbon{font-family:Noto Serif SC,Songti SC,serif;font-size:20px;font-weight:700}.lang-switch{gap:4px;margin-left:auto;margin-right:8px;display:flex}.lang-btn{border:2px solid var(--stone);background:var(--parchment-2);color:var(--ink-muted);cursor:pointer;border-radius:2px;padding:6px 8px;font:700 11px/1 ui-monospace,monospace}.lang-btn.on{background:var(--gold);color:#2c2416;border-color:var(--gold-deep)}.mode-line{color:var(--ink-muted);margin:0 0 8px;font-size:11px}.faction-card[data-mode-pick]{filter:saturate(.7)brightness(.96)}.faction-card[data-mode-pick]:hover{filter:saturate(.9)}.faction-card[data-mode-pick].selected{filter:none;border-color:var(--gold);box-shadow:inset 0 0 0 2px var(--gold-hi), inset 2px 2px 0 #fff6d8, 0 0 0 3px #c4a35a80, 0 6px 0 var(--gold-lo);background:#fbf3d8;animation:.18s steps(3,end) stamp;transform:translateY(-2px)}.faction-card[data-mode-pick].selected .name{color:var(--gold-lo)}.faction-card[data-mode-pick].selected .motto{color:var(--ink)}.faction-card[data-mode-pick].dim{opacity:.42;filter:saturate(.3)brightness(.9)}.faction-card[data-mode-pick][aria-pressed=true]{outline:none}.crest-img,.rank-badge-img{width:128px;height:128px;image-rendering:pixelated;image-rendering:crisp-edges;margin:0 auto;display:block}.px-ico-img{width:64px;height:64px;image-rendering:pixelated;image-rendering:crisp-edges;margin:0 auto;display:block}.class-tile.adv .px-ico-img{width:64px;height:64px}.assist-line{min-height:1.2em;color:var(--alliance);margin:6px 0 0;font-size:12px}.confirm-box{border:2px dashed var(--gold);background:#c4a35a1f;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;padding:8px;display:flex}.confirm-box[hidden]{display:none}.xp-track{background:#2e2820;border:2px solid #2e2820;height:24px;position:relative;overflow:hidden;box-shadow:inset 0 4px #5c5346,inset 0 -4px #3e372d,inset 0 2px #8a7f6a}.xp-fill{background:linear-gradient(180deg,var(--xh) 0 2px,var(--xb) 2px 10px,var(--xl) 10px 12px);--xh:#6f93cf;--xb:#3a5f9a;--xl:#24406c;width:0;height:12px;transition:width .42s steps(14,end);position:absolute;top:6px;left:0}.horde-tint .xp-fill{--xh:#e0644f;--xb:#b33a2b;--xl:#7a2219}.xp-fill.max{--xh:#ffe89a;--xb:#c4a35a;--xl:#8c6e2e}.xp-fill:after{content:"";background:#fffbea;width:4px;height:4px;position:absolute;top:0;right:0}.xp-fill.edge:after{background:#ffe89a;height:12px}.xp-tick{z-index:1;background:#2e2820;width:2px;height:12px;margin-left:-1px;position:absolute;top:6px}.xp-tick:first-of-type{display:none}.xp-compact{margin:8px 0 10px}.xp-compact .xp-track{height:16px}.xp-compact .xp-fill,.xp-compact .xp-tick{height:8px;top:2px}.xp-compact .xp-fill{background:linear-gradient(180deg,var(--xh) 0 2px,var(--xb) 2px 6px,var(--xl) 6px 8px)}.xp-chead{align-items:center;gap:8px;margin-bottom:4px;font-size:13px;display:flex}.xp-rank-wrap,.rank-wrap{display:inline-block;position:relative}.xp-rank-img{width:64px;height:64px;image-rendering:pixelated;display:block}.xp-rank-name{color:var(--ink);font-weight:700}.xp-score{color:var(--ink-muted);margin-left:auto;font-family:ui-monospace,monospace;font-size:12px}.xp-flash{pointer-events:none;width:128px;height:128px;image-rendering:pixelated;opacity:0;z-index:3;background:url(/raren/wow/pixel/xp/fx-rankup-flash-sheet.png) 0 0/512px 128px no-repeat;margin:-64px 0 0 -64px;position:absolute;top:50%;left:50%}.xp-flash.big{background-size:1024px 256px;width:256px;height:256px;margin:-128px 0 0 -128px}.xp-flash.play{opacity:1;animation:.48s steps(4,end) forwards xpflash}.xp-flash.big.play{animation-name:xpflashbig}@keyframes xpflash{0%{background-position:0 0}to{background-position:-512px 0}}@keyframes xpflashbig{0%{background-position:0 0}to{background-position:-1024px 0}}.rank-wrap.jump{animation:.18s steps(3,end) xpjump}@keyframes xpjump{0%{transform:translateY(-8px)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}.xp-banner{color:#ffe89a;text-shadow:2px 0 #2e2820,-2px 0 #2e2820,0 2px #2e2820,0 -2px #2e2820;visibility:hidden;height:24px;font-family:"Press Start 2P",monospace;font-size:13px}.xp-banner.on{visibility:visible}.xp-full{width:100%;margin:12px auto 0}.xp-text{color:#2c2416;justify-content:space-between;margin:0 40px 4px;font-size:12px;display:flex}.xp-row{align-items:center;display:flex}.xp-row .xp-track{z-index:1;flex:1;margin:0 -12px}.xp-gry{width:64px;height:64px;image-rendering:pixelated;z-index:2;flex:none;position:relative}.xp-sub{text-align:right;color:#5c5346;margin:2px 40px 0;font-size:12px}@media (prefers-reduced-motion:reduce){.xp-flash.play,.rank-wrap.jump{opacity:0;animation:none}}.rank-wrap{width:128px;height:128px;margin:0 auto;display:block}.raren-wow .btn.loading,.btn.loading{cursor:progress;opacity:.85;filter:brightness(1.15);position:relative}.btn.loading:after{content:"";vertical-align:-.1em;border:2px solid;border-right-color:#0000;border-radius:50%;width:.8em;height:.8em;margin-left:.45em;animation:.6s linear infinite rw-spin;display:inline-block}.btn:disabled{cursor:not-allowed}.btn.loading:disabled{opacity:.9;filter:none}.feedback.pending{opacity:.8;animation:.8s ease-in-out infinite alternate rw-pulse}form.pending input{opacity:.7}@keyframes rw-spin{to{transform:rotate(360deg)}}@keyframes rw-pulse{0%{opacity:.45}to{opacity:1}}@media (prefers-reduced-motion:reduce){.btn.loading:after,.feedback.pending{animation:none}}.q-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;display:flex}.q-head .q-tag{margin:0}.q-timer{border:2px solid var(--stone);background:var(--parchment-shade);font-variant-numeric:tabular-nums;min-width:52px;height:36px;box-shadow:inset 1px 1px 0 var(--gold-hi);border-radius:4px;flex:none;justify-content:center;align-items:center;gap:2px;display:flex}.q-timer strong{color:var(--ink);font-family:"Press Start 2P",monospace;font-size:14px}.q-timer span{color:var(--ink-muted);font-size:11px}.q-timer[data-urgent=true]{background:var(--danger);border-color:var(--outline)}.q-timer[data-urgent=true] strong,.q-timer[data-urgent=true] span{color:#f4e8c8}.q-time-track{border:1px solid var(--stone);background:var(--parchment-shade);border-radius:2px;height:5px;margin:0 0 10px;overflow:hidden}.q-time-track>div{height:100%;width:var(--remaining,100%);background:var(--gold);transition:width .2s linear}.q-timer[data-urgent=true]~.q-time-track>div,.q-card:has(.q-timer[data-urgent=true]) .q-time-track>div{background:var(--danger)}@media (prefers-reduced-motion:reduce){.q-time-track>div{transition:none}}.rw .sockets.n30{flex-wrap:wrap;gap:3px;max-width:100%}.rw .sockets.n30 .socket{width:10px;height:10px}