/* OPALIUM LEADERBOARD v18 — WordPress-safe gold Treasury theme */
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Silkscreen&family=Rubik:wght@400;500;600;700&display=swap');
:root{--ol-bg:#060a13;--ol-panel:#0d1526;--ol-panel2:#111b30;--ol-line:rgba(231,190,87,.16);--ol-gold:#e7be57;--ol-gold2:#ffe297;--ol-text:#edf0f8;--ol-muted:#929caf;--ol-green:#70d9a0;--ol-red:#ff8d78}
html,body{margin:0;background:var(--ol-bg)!important}body header.wp-block-template-part,body footer.wp-block-template-part,body .wp-block-post-title{display:none!important}
#leaderboard-app,#leaderboard-app *{box-sizing:border-box}#leaderboard-app{position:relative;left:auto;width:100%!important;max-width:100%!important;min-height:100dvh;margin:0!important;background:radial-gradient(circle at 50% -10%,rgba(114,79,25,.18),transparent 38%),#060a13;color:var(--ol-text);font-family:'Rubik',sans-serif;overflow-x:hidden;container:opal-leaderboard/inline-size}#leaderboard-app img{max-width:none}
#leaderboard-app button,#leaderboard-app input{font:inherit}.opal-lb{min-height:100dvh}.opal-shell{width:min(1280px,calc(100% - 32px));margin:auto;padding-bottom:40px}
.opal-top{display:flex;min-height:86px;align-items:center;gap:20px;border-bottom:1px solid rgba(255,255,255,.09)}.opal-brand{display:flex;min-width:245px;align-items:center;gap:9px;color:inherit;text-decoration:none}.opal-brand>img{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 0 9px rgba(255,208,90,.16))}.opal-brand b,.opal-brand small{display:block}.opal-brand b{color:#f2f1f7;font:21px/1 'Press Start 2P',Georgia,serif;letter-spacing:1px}.opal-brand small{margin-top:7px;color:#aab3c6;font:9px 'Silkscreen',monospace}
.opal-nav{display:flex;min-width:0;flex:1;align-self:stretch;justify-content:center;gap:7px}.opal-nav button,.opal-mobile-nav button{display:grid;min-width:72px;place-items:center;align-content:center;gap:4px;padding:7px 4px;border:0;border-bottom:2px solid transparent;background:transparent;color:#aeb6c8;font:8px 'Silkscreen',monospace;cursor:pointer;white-space:nowrap}.opal-nav button i,.opal-mobile-nav button i{display:grid;place-items:center;font-style:normal}.opal-nav button i img{width:28px;height:28px;object-fit:contain;animation:olIcon 4s ease-in-out infinite}.opal-nav button:hover{color:#fff}.opal-nav button.is-active{border-bottom-color:var(--ol-gold);color:var(--ol-gold2);background:linear-gradient(0deg,rgba(231,190,87,.06),transparent)}
.opal-user{display:flex;width:270px;min-width:270px;align-items:center;gap:10px;padding:7px 10px;border:1px solid rgba(231,190,87,.22);border-radius:11px;background:rgba(12,20,35,.86);color:var(--ol-text);cursor:pointer;text-align:left}.opal-user>span:last-child{min-width:0;flex:1}.opal-user b{display:flex;align-items:center;gap:5px;overflow:hidden;font:10px 'Press Start 2P',Georgia,serif;white-space:nowrap;text-overflow:ellipsis}.opal-user small{display:flex;align-items:center;gap:5px;margin:4px 0;color:#aeb6c8;font-size:10px}.opal-user>span>i{display:block;height:4px;overflow:hidden;border-radius:9px;background:#25304a}.opal-user>span>i u{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#b88928,#ffe29a);animation:olProgress 2.8s ease-in-out infinite;text-decoration:none}.opal-name-icon{width:21px!important;height:21px!important;flex:0 0 21px;object-fit:contain!important}
.opal-avatar{position:relative;display:block;width:54px;height:54px;flex:0 0 54px;overflow:visible;border:2px solid rgba(255,255,255,.16);border-radius:11px;background:#080d18;font-size:0}.opal-avatar>img:first-child{width:100%;height:100%;object-fit:cover;border-radius:8px}.opal-avatar.mini{width:50px;height:50px;flex-basis:50px}.opal-avatar-sticker{position:absolute!important;z-index:2;right:-7px;bottom:-7px;width:25px!important;height:25px!important;padding:2px;border:2px solid #09101e;border-radius:50%!important;background:#172137;object-fit:contain!important}.frame-bronze{border-color:#cd7f32!important;box-shadow:0 0 11px rgba(205,127,50,.25)}.frame-silver{border-color:#c0c0c0!important;box-shadow:0 0 11px rgba(192,192,192,.22)}.frame-gold{border-color:#ffd700!important;box-shadow:0 0 13px rgba(255,215,0,.28)}.frame-ruby{border-color:#ff5d68!important;box-shadow:0 0 13px rgba(255,93,104,.27)}.frame-obsidian{border-color:#9b73ff!important;box-shadow:0 0 13px rgba(155,115,255,.3)}.frame-opalium{border-color:#7dd3fc!important;box-shadow:0 0 15px rgba(125,211,252,.34)}
.opal-rank{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border:1px solid currentColor;border-radius:5px;font:8px 'Silkscreen',monospace;white-space:nowrap}.opal-rank img{width:18px!important;height:18px!important;object-fit:contain}.rank-bronze{color:#d8944d;background:rgba(205,127,50,.08)}.rank-silver{color:#d1d6df;background:rgba(192,192,192,.07)}.rank-gold{color:#ffe077;background:rgba(255,215,0,.07)}.rank-ruby{color:#ff7d87;background:rgba(255,93,104,.07)}.rank-obsidian{color:#b99aff;background:rgba(155,115,255,.08)}.rank-opalium{color:#91e2ff;background:rgba(125,211,252,.08)}
.opal-ticker{height:32px;margin:8px 0 12px;overflow:hidden;border:1px solid rgba(255,255,255,.06);border-radius:7px;background:rgba(10,16,29,.72);color:#8e98ab;font:9px 'Silkscreen',monospace;white-space:nowrap}.opal-ticker>div{display:inline-flex;min-width:max-content;animation:olTicker 42s linear infinite}.opal-ticker span{display:inline-flex;height:30px;align-items:center;padding:0 24px}.opal-ticker span::before{width:5px;height:5px;margin-right:8px;border-radius:50%;background:var(--ol-gold);content:'';opacity:.65}
.opal-leader-hero{position:relative;display:flex;min-height:210px;align-items:center;justify-content:space-between;overflow:hidden;margin-bottom:14px;padding:30px 38px;border:1px solid rgba(231,190,87,.25);border-radius:15px;background:linear-gradient(90deg,rgba(5,9,16,.98),rgba(7,12,22,.78),rgba(5,9,16,.5)),url('https://opalium-multiverse.com/wp-content/uploads/2026/08/leaderboard-bg.png') center/cover no-repeat;box-shadow:inset 0 0 60px rgba(0,0,0,.5)}.opal-leader-hero>div{position:relative;z-index:1}.opal-leader-hero span{color:#d3a94c;font:10px 'Silkscreen',monospace;letter-spacing:1px}.opal-leader-hero h1{margin:13px 0;color:#ffe09a;font:clamp(30px,4vw,54px)/1.1 'Press Start 2P',Georgia,serif;text-shadow:0 0 20px rgba(231,190,87,.18)}.opal-leader-hero p{max-width:620px;margin:0;color:#c0c7d7;font-size:14px}.opal-leader-hero>img{position:relative;z-index:1;width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 0 25px rgba(231,190,87,.2));opacity:.88}
.opal-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;margin-bottom:14px}.opal-sort{display:flex;flex-wrap:wrap;gap:7px}.opal-sort button{display:flex;min-width:125px;flex:1 1 140px;align-items:center;justify-content:center;gap:6px;padding:9px 12px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(13,21,38,.78);color:#a7b0c1;font:8px 'Silkscreen',monospace;cursor:pointer}.opal-sort img{width:23px;height:23px;object-fit:contain}.opal-sort button.active{border-color:rgba(231,190,87,.65);background:rgba(231,190,87,.08);color:#ffe194;box-shadow:0 0 14px rgba(231,190,87,.08)}.opal-search{display:grid;min-width:0;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:#101a2e}.opal-search>i{display:grid;place-items:center}.opal-search>i img{width:24px;height:24px;object-fit:contain}.opal-search input{width:100%;min-width:0;padding:11px 4px;border:0;outline:0;background:transparent;color:#edf0f8;font-size:14px}.opal-search>button{display:flex;height:100%;align-items:center;gap:6px;padding:0 15px;border:0;border-left:1px solid rgba(231,190,87,.2);background:rgba(231,190,87,.06);color:#ffe194;font:8px 'Silkscreen',monospace;cursor:pointer}.opal-search>button img{width:22px;height:22px;object-fit:contain}.opal-search>button b{display:grid;min-width:18px;height:18px;place-items:center;border-radius:50%;background:#e54848;color:#fff;font-size:8px}
.opal-own{margin-bottom:14px;padding:10px;border:1px solid rgba(231,190,87,.48);border-radius:13px;background:linear-gradient(135deg,rgba(86,61,17,.19),rgba(13,21,38,.92));box-shadow:0 0 24px rgba(231,190,87,.04)}.opal-own>header{display:flex;align-items:center;justify-content:space-between;padding:1px 5px 8px;color:#e1bd65;font:8px 'Silkscreen',monospace}.opal-own>header>b{font-size:12px}.opal-own .opal-player{border:0;background:transparent;padding:7px}
.opal-list{display:grid;gap:7px}.opal-player{display:grid;grid-template-columns:48px 54px minmax(170px,1fr) auto 92px;align-items:center;gap:11px;padding:10px 12px;border:1px solid rgba(255,255,255,.075);border-radius:11px;background:linear-gradient(115deg,rgba(16,26,46,.93),rgba(11,18,33,.93));cursor:pointer;transition:border-color .2s,transform .2s,background .2s}.opal-player:hover{transform:translateY(-1px);border-color:rgba(231,190,87,.38);background:linear-gradient(115deg,rgba(37,34,32,.94),rgba(13,21,38,.94))}.opal-player.top-1{border-color:rgba(255,215,0,.3);background:linear-gradient(115deg,rgba(67,53,16,.22),rgba(13,21,38,.94))}.opal-player.top-2{border-color:rgba(216,219,228,.17)}.opal-player.top-3{border-color:rgba(205,127,50,.2)}.opal-position{position:relative;display:grid;place-items:center;color:#d9b65d;font:12px 'Silkscreen',monospace}.opal-position>img{width:31px;height:31px;object-fit:contain}.opal-position small{position:absolute;bottom:-2px;display:grid;width:16px;height:16px;place-items:center;border-radius:50%;background:#d7a93f;color:#0a0f19;font:8px 'Silkscreen',monospace}.opal-player-main{min-width:0}.opal-player-main h3{display:flex;align-items:center;gap:6px;overflow:hidden;margin:0;color:#f3f3f7;font:11px 'Press Start 2P',Georgia,serif;white-space:nowrap;text-overflow:ellipsis}.opal-player-main p{display:flex;align-items:center;gap:6px;margin:7px 0 0;color:#aab4c7;font-size:11px}.opal-player-stats{display:flex;gap:18px}.opal-player-stats span{min-width:52px;color:#8893a7;font:9px 'Silkscreen',monospace;text-align:center}.opal-player-stats b{display:flex;min-height:20px;align-items:center;justify-content:center;gap:2px;margin-bottom:3px;color:#f0c963;font-size:11px}.opal-player-stats img{width:21px;height:21px;object-fit:contain}.opal-row-actions{display:grid;gap:5px}.opal-row-actions button{padding:7px 5px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:rgba(255,255,255,.015);color:#c2cad9;font:6px 'Silkscreen',monospace;cursor:pointer}.opal-row-actions button:hover{border-color:rgba(231,190,87,.45);color:#ffe194}.opal-row-actions button.friend{border-color:rgba(112,217,160,.22);color:#8eddb1}.opal-row-actions button:disabled{opacity:.65;cursor:default}.opal-footer,.opal-empty{padding:22px;color:#7f8a9d;font:9px 'Silkscreen',monospace;text-align:center}
.opal-mobile-nav{display:none}.opal-loading,.opal-error{display:grid;min-height:100dvh;place-items:center;align-content:center;gap:15px;padding:20px;text-align:center}.opal-loading i,.opal-modal-loading i{width:42px;height:42px;border:3px solid rgba(231,190,87,.15);border-top-color:var(--ol-gold);border-radius:50%;animation:spin .8s linear infinite}.opal-loading span,.opal-modal-loading span{color:#b6a16c;font:9px 'Silkscreen',monospace}.opal-error h2{color:#f0c963;font:14px 'Press Start 2P',Georgia,serif}.opal-error p{color:#a6afbf}.opal-error button{padding:11px 18px;border:1px solid var(--ol-gold);border-radius:8px;background:rgba(231,190,87,.08);color:#ffe194;cursor:pointer}
.opal-modal-overlay{position:fixed;z-index:2147483001;inset:0;display:grid;place-items:center;padding:12px;background:rgba(2,5,11,.79);backdrop-filter:blur(8px)}.opal-modal{position:relative;width:min(580px,calc(100vw - 24px));max-height:min(88vh,780px);overflow:auto;border:1px solid rgba(231,190,87,.25);border-radius:16px;background:linear-gradient(155deg,#121a2b,#080d18 66%);box-shadow:0 30px 90px rgba(0,0,0,.75),0 0 30px rgba(231,190,87,.07);color:#edf0f8}.opal-modal-close{position:absolute;z-index:3;top:11px;right:11px;display:grid;width:31px;height:31px;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(4,8,15,.75);color:#aeb7c8;cursor:pointer}.opal-modal-loading{display:grid;min-height:240px;place-items:center;align-content:center;gap:13px}
.opal-profile{padding:15px}.opal-profile>header{display:flex;align-items:center;gap:14px;padding:14px 47px 14px 14px;border:1px solid rgba(231,190,87,.13);border-radius:13px;background:linear-gradient(135deg,rgba(231,190,87,.07),rgba(7,12,22,.45))}.opal-profile-avatar{position:relative;display:block;width:82px;height:82px;flex:0 0 82px;border:2px solid rgba(255,255,255,.15);border-radius:14px;background:#080d18;font-size:0}.opal-profile-avatar>img:first-child{width:100%;height:100%;object-fit:cover;border-radius:11px}.opal-profile-sticker{position:absolute!important;right:-7px;bottom:-7px;width:29px!important;height:29px!important;padding:3px;border:2px solid #09101e;border-radius:50%!important;background:#172137;object-fit:contain!important}.opal-profile>header>div{min-width:0}.opal-profile h2{display:flex;align-items:center;gap:7px;overflow:hidden;margin:0;color:#f7f4ee;font:15px/1.4 'Press Start 2P',Georgia,serif;white-space:nowrap;text-overflow:ellipsis}.opal-profile>header p{margin:5px 0 8px;font:10px 'Silkscreen',monospace;background:linear-gradient(90deg,#ffe092,#f5bc70,#fff0ba);background-size:220%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:olTitle 6s linear infinite}.opal-profile>header section{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.opal-profile>header section>b{color:#d7bd77;font:9px 'Silkscreen',monospace}.opal-profile-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:10px 0}.opal-profile-metrics>div{display:grid;place-items:center;gap:3px;padding:9px 4px;border:1px solid rgba(255,255,255,.065);border-radius:9px;background:rgba(5,10,19,.45)}.opal-profile-metrics b{display:flex;align-items:center;gap:2px;font:12px 'Silkscreen',monospace}.opal-profile-metrics b img{width:24px;height:24px;object-fit:contain}.opal-profile-metrics span{color:#8c96a8;font-size:8px}.opal-profile-progress,.opal-profile-section{margin-bottom:9px;padding:10px;border:1px solid rgba(255,255,255,.065);border-radius:10px;background:rgba(5,10,19,.38)}.opal-profile-progress>div{display:flex;justify-content:space-between;margin-bottom:6px;font:9px 'Silkscreen',monospace}.opal-profile-progress span{color:#8994a7}.opal-profile-progress>i{display:block;height:6px;overflow:hidden;border-radius:8px;background:#202a42}.opal-profile-progress u{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#a6751c,#ffe295);animation:olProgress 2.5s ease-in-out infinite;text-decoration:none}.opal-profile-section h3{margin:0 0 8px;color:#e2be68;font:9px 'Silkscreen',monospace}.opal-profile-achievements{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.opal-profile-ach{display:flex;min-width:0;align-items:center;gap:6px;padding:7px;border:1px solid rgba(231,190,87,.13);border-radius:8px;background:rgba(231,190,87,.025)}.opal-profile-ach img{width:29px;height:29px;object-fit:contain}.opal-profile-ach b{overflow:hidden;color:#eedda9;font:8px 'Silkscreen',monospace;white-space:nowrap;text-overflow:ellipsis}.opal-profile-artifacts{display:flex;flex-wrap:wrap;gap:8px}.opal-profile-art{display:grid;width:104px;min-height:105px;place-items:center;padding:6px;border:1px solid rgba(231,190,87,.16);border-radius:10px;background:radial-gradient(circle,rgba(231,190,87,.11),rgba(7,12,22,.1) 70%)}.opal-profile-art img{width:66px;height:66px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(231,190,87,.15))}.opal-profile-art b{width:100%;overflow:hidden;color:#e5e0d5;font-size:8px;text-align:center;white-space:nowrap;text-overflow:ellipsis}.opal-profile-art small{color:#b89950;font-size:7px}.opal-profile-actions{margin-top:10px}.opal-profile-actions>button,.opal-profile-actions>div button{width:100%;min-height:41px;border:1px solid rgba(231,190,87,.42);border-radius:8px;background:rgba(231,190,87,.08);color:#ffe3a0;font:9px 'Silkscreen',monospace;cursor:pointer}.opal-profile-actions>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.opal-profile-actions .accepted{border-color:rgba(112,217,160,.4);background:rgba(112,217,160,.07);color:#99ecc0}.opal-profile-actions .decline{border-color:rgba(255,141,120,.35);background:rgba(255,141,120,.06);color:#ffad9d}
.opal-requests{padding:17px}.opal-requests h2{margin:0 40px 14px 0;color:#e5c36f;font:12px 'Press Start 2P',Georgia,serif}.opal-request{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:9px;margin-bottom:7px;padding:9px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(255,255,255,.02)}.opal-request>img{width:44px;height:44px;border-radius:8px;object-fit:cover}.opal-request b,.opal-request span{display:block}.opal-request b{font:9px 'Silkscreen',monospace}.opal-request span{margin-top:4px;color:#8d97a9;font-size:8px}.opal-request footer{display:flex;gap:5px}.opal-request button{padding:7px;border:1px solid rgba(112,217,160,.35);border-radius:6px;background:rgba(112,217,160,.05);color:#94e9ba;font:7px 'Silkscreen',monospace;cursor:pointer}.opal-request button+button{border-color:rgba(255,141,120,.3);color:#ffad9d}
.opal-beginner{display:grid;place-items:center;padding:30px 24px;text-align:center}.opal-beginner>img{width:92px;height:92px;object-fit:contain;filter:drop-shadow(0 0 22px rgba(231,190,87,.3))}.opal-beginner>span{margin-top:8px;color:#d1aa50;font:8px 'Silkscreen',monospace}.opal-beginner h2{margin:12px 0 8px;color:#ffe2a0;font:15px/1.6 'Press Start 2P',Georgia,serif}.opal-beginner p{max-width:430px;margin:0 0 18px;color:#aeb7c8;line-height:1.6}.opal-beginner>button{min-height:44px;padding:10px 18px;border:1px solid rgba(231,190,87,.5);border-radius:8px;background:linear-gradient(135deg,rgba(231,190,87,.16),rgba(231,190,87,.06));color:#ffe4a5;font:9px 'Silkscreen',monospace;cursor:pointer}.opal-beginner>button:disabled{opacity:.7}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes olIcon{50%{filter:drop-shadow(0 0 6px rgba(231,190,87,.24));transform:translateY(-1px)}}@keyframes olProgress{50%{filter:brightness(1.22)}}@keyframes olTicker{to{transform:translateX(-50%)}}@keyframes olTitle{to{background-position:220% 0}}
@container opal-leaderboard (max-width:1000px){.opal-shell{width:calc(100% - 20px)}.opal-top{flex-wrap:wrap;gap:8px;padding-top:9px}.opal-brand{min-width:0;flex:1}.opal-user{width:220px;min-width:220px}.opal-nav{order:3;width:100%;min-height:67px;flex:0 0 100%;border-top:1px solid rgba(255,255,255,.06)}.opal-nav button{min-width:0;flex:1;font-size:7px}.opal-nav button i img{width:24px;height:24px}.opal-leader-hero{min-height:190px;padding:25px 28px}.opal-leader-hero h1{font-size:clamp(27px,6cqw,44px)}.opal-leader-hero>img{width:112px;height:112px}.opal-sort{flex-wrap:wrap}.opal-sort button{flex:1 1 calc(50% - 7px)}.opal-player{grid-template-columns:38px 50px minmax(130px,1fr) auto 82px;gap:8px}.opal-player-stats{gap:7px}.opal-player-stats span{min-width:48px}.opal-profile-artifacts{justify-content:flex-start}}
@container opal-leaderboard (max-width:650px){.opal-brand b{font-size:12px}.opal-brand small{font-size:6px}.opal-user{width:auto;min-width:145px}.opal-user .opal-avatar{width:38px;height:38px;flex-basis:38px}.opal-user b{font-size:8px}.opal-user small{font-size:7px}.opal-nav{display:none}.opal-leader-hero{min-height:150px;padding:18px}.opal-leader-hero h1{font-size:clamp(22px,7cqw,30px)}.opal-leader-hero p{font-size:11px}.opal-leader-hero>img{width:76px;height:76px}.opal-player{grid-template-columns:30px 44px minmax(0,1fr) 70px}.opal-player-stats{display:none}.opal-player .opal-avatar{width:44px;height:44px;flex-basis:44px}.opal-row-actions button.friend{display:none}.opal-mobile-nav{position:fixed;z-index:2147483000;right:0;bottom:0;left:0;display:flex;overflow-x:auto;padding:5px 3px calc(7px + env(safe-area-inset-bottom));border-top:1px solid rgba(231,190,87,.22);background:rgba(3,6,12,.97);backdrop-filter:blur(9px)}}
@media(max-width:1120px){.opal-shell{width:min(calc(100% - 22px),1100px)}.opal-top{gap:10px}.opal-brand{min-width:170px}.opal-brand b{font-size:15px}.opal-brand small{font-size:7px}.opal-nav{gap:1px}.opal-nav button{min-width:61px;font-size:7px}.opal-nav button i img{width:23px;height:23px}.opal-user{width:215px;min-width:215px}.opal-player{grid-template-columns:40px 50px minmax(145px,1fr) auto 82px}.opal-player-stats{gap:8px}}
@media(max-width:800px){.opal-shell{width:min(calc(100% - 18px),760px);padding-bottom:88px}.opal-top{min-height:68px}.opal-brand{min-width:0;flex:1}.opal-brand>img{width:35px;height:35px}.opal-brand b{font-size:14px}.opal-nav{display:none}.opal-user{width:auto;min-width:160px}.opal-user .opal-avatar{width:40px;height:40px;flex-basis:40px}.opal-user b{font-size:8px}.opal-user small{font-size:8px}.opal-leader-hero{min-height:170px;padding:22px}.opal-leader-hero>img{width:100px;height:100px}.opal-controls{grid-template-columns:1fr}.opal-sort{overflow-x:auto}.opal-sort button{flex:1 0 auto}.opal-player{grid-template-columns:34px 46px minmax(120px,1fr) 64px}.opal-player .opal-avatar{width:46px;height:46px;flex-basis:46px}.opal-player-stats{display:none}.opal-position>img{width:26px;height:26px}.opal-player-main h3{font-size:9px}.opal-mobile-nav{position:fixed;z-index:2147483000;right:0;bottom:0;left:0;display:flex;overflow-x:auto;padding:5px 3px calc(7px + env(safe-area-inset-bottom));border-top:1px solid rgba(231,190,87,.22);background:rgba(3,6,12,.97);backdrop-filter:blur(9px)}.opal-mobile-nav button{min-width:64px;flex:1 0 64px;font-size:6px}.opal-mobile-nav button i img{width:25px;height:25px;object-fit:contain}.opal-mobile-nav button.is-active{border-bottom-color:var(--ol-gold);color:#ffe194}}
@media(max-width:560px){.opal-shell{width:calc(100% - 12px)}.opal-top{gap:6px}.opal-brand>img{width:31px;height:31px}.opal-brand b{font-size:11px}.opal-brand small{font-size:6px}.opal-user{min-width:132px;padding:5px 6px}.opal-user .opal-avatar{width:34px;height:34px;flex-basis:34px}.opal-user small .opal-rank{padding:1px 4px}.opal-user small .opal-rank img{width:14px!important;height:14px!important}.opal-user>span>i{display:none}.opal-leader-hero{min-height:145px;padding:18px 16px}.opal-leader-hero span{font-size:7px}.opal-leader-hero h1{font-size:24px}.opal-leader-hero p{font-size:11px}.opal-leader-hero>img{width:72px;height:72px}.opal-sort button{padding:7px;font-size:7px}.opal-sort img{width:20px;height:20px}.opal-search{grid-template-columns:34px minmax(0,1fr)}.opal-search>button{grid-column:1/-1;justify-content:center;min-height:38px;border-top:1px solid rgba(231,190,87,.16);border-left:0}.opal-player{grid-template-columns:28px 42px minmax(0,1fr);gap:7px;padding:8px}.opal-player .opal-avatar{width:42px;height:42px;flex-basis:42px}.opal-row-actions{display:none}.opal-player-main p{font-size:9px}.opal-player-main .opal-rank{font-size:6px}.opal-own{padding:7px}.opal-profile{padding:10px}.opal-profile>header{align-items:flex-start;padding:12px 40px 12px 11px}.opal-profile-avatar{width:66px;height:66px;flex-basis:66px}.opal-profile h2{font-size:11px}.opal-profile-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.opal-profile-achievements{grid-template-columns:1fr}.opal-profile-art{width:84px;min-height:90px}.opal-profile-art img{width:57px;height:57px}.opal-request{grid-template-columns:40px 1fr}.opal-request footer{grid-column:1/-1}.opal-request footer button{flex:1}}
@media(prefers-reduced-motion:reduce){.opal-nav img,.opal-ticker>div,.opal-user u,.opal-profile-progress u,.opal-profile>header p{animation:none!important}}