/* Candidate recreation from approved-imperial-mockup.png; HTML controls and live data stay interactive. */
.roman-imperial-page{
 --imperial-ink:#251a12;--imperial-green:#143b27;--imperial-green2:#1e593b;--imperial-gold:#bd8b32;--imperial-bright:#f0d37e;--imperial-paper:#f3e5bf;--imperial-line:#9e6c23;
 min-height:100vh;padding-bottom:108px!important;color:var(--imperial-ink)!important;
 background-color:#efe1bc!important;
 background-image:url('/assets/roman/imperial/imperial-columns.svg'),url('/assets/roman/imperial/imperial-columns.svg'),radial-gradient(ellipse at center,#fff6dc 0%,#f1e4c4 74%,#e6d3aa 100%)!important;
 background-size:clamp(32px,6vw,76px) 100%,clamp(32px,6vw,76px) 100%,100% 100%!important;
 background-position:left top,right top,center top!important;background-repeat:no-repeat,no-repeat,no-repeat!important;
}
.roman-imperial-page .app{max-width:1120px;width:100%;margin:0 auto;padding:0 clamp(38px,7vw,78px) 120px;overflow:visible}
.rise-public.roman-imperial-page header.imperial-top{display:block;position:relative;padding:0;margin:0 0 12px;min-width:0}
.imperial-stage{height:clamp(176px,23vw,250px);position:relative;overflow:hidden;border:2px solid #815a22;border-top:0;border-radius:0 0 22px 22px;background:linear-gradient(180deg,#0d1a32 0%,#1a2843 38%,#643f36 69%,#e7c080 100%);box-shadow:0 8px 20px #50371335,inset 0 -5px 0 #d8b866}
.imperial-stage:before{content:"";position:absolute;inset:8px;border:1px solid #e5c36c;border-bottom:0;border-radius:0 0 17px 17px;z-index:2;pointer-events:none}
.imperial-emperor,.imperial-colosseum{position:absolute;bottom:0;height:100%;width:34%;object-fit:cover;object-position:center;filter:saturate(.94) drop-shadow(0 5px 6px #090d1680);z-index:1}
.imperial-emperor{left:0;object-position:74% center;mask-image:linear-gradient(90deg,#000 0%,#000 70%,transparent 100%)}
.imperial-colosseum{right:0;object-position:center;mask-image:linear-gradient(270deg,#000 0%,#000 72%,transparent 100%)}
.imperial-wordmark{position:absolute;z-index:3;left:50%;top:35%;transform:translate(-50%,-50%);width:min(68%,690px);display:flex;align-items:center;justify-content:center;gap:clamp(4px,1.5vw,20px);text-align:center;color:#fff1b9;text-shadow:0 2px 2px #291a0d,0 0 13px #170e0780}
.imperial-wordmark h1{margin:0;font:900 clamp(31px,6vw,72px)/.95 Georgia,'Times New Roman',serif;letter-spacing:.02em;color:#f4ce6a;background:linear-gradient(#fff0ae,#d49e3c 55%,#ffe4a0);background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 1px #3a260e)}
.imperial-wordmark p{margin:7px 0 0;font:800 clamp(9px,1.5vw,18px)/1.15 Georgia,serif;letter-spacing:.13em;color:#ffe7a3}
.imperial-laurel{width:clamp(34px,7vw,86px);height:auto;filter:drop-shadow(0 2px 2px #110a02)}
.imperial-laurel-right{transform:scaleX(-1)}
.imperial-controls{position:absolute;z-index:5;right:11px;top:9px;display:flex;align-items:center;gap:6px}
.imperial-controls .rise-language-label{display:flex;align-items:center;gap:5px;color:#fff0c4;font-size:10px}
.imperial-controls .rise-language-label>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.imperial-controls select,.imperial-settings{min-height:30px;padding:4px 7px;border:1px solid #d6b75f!important;border-radius:8px;background:#19243bdc!important;color:#fff3c9!important;font:700 10px/1 Georgia,serif;box-shadow:0 2px 5px #0004}
.imperial-settings{width:31px;height:31px;display:grid;place-items:center;padding:5px;cursor:pointer}
.imperial-settings svg{width:18px;height:18px;color:#f2d57c;fill:none;stroke:currentColor}
.roman-imperial-page #adsenseBox.adsense{box-sizing:border-box;width:100%;max-width:970px;height:58px;min-height:58px;margin:12px auto 18px;border:1px dashed #b58a3a;border-radius:10px;background:#fff9e8d9;color:#735725;font-size:11px;position:relative;z-index:1}
.roman-imperial-page> .app>p[data-rise-copy="adLabel"]{height:0;margin:0;overflow:hidden}
.roman-imperial-page #rise-home-v6{display:grid;gap:clamp(13px,2.3vw,24px);padding:5px 0 22px}
.roman-imperial-page #homeCentralWallet.roman-home-wallet{display:block!important;min-width:0;margin:0;padding:0;border:0;background:none;box-shadow:none;color:var(--imperial-ink)}
.roman-imperial-page #homeCentralWallet h2{margin:0;padding:0;width:1px;height:1px;position:absolute;overflow:hidden;clip:rect(0,0,0,0)}
.roman-imperial-page .roman-home-balances.imperial-currency-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(7px,1.6vw,18px);min-width:0}
.roman-imperial-page .roman-home-balance{position:relative;isolation:isolate;display:flex;min-width:0;min-height:clamp(146px,23vw,280px);flex-direction:column;align-items:center;justify-content:center;gap:clamp(5px,1vw,12px);padding:clamp(8px,1.8vw,20px) 5px;border:2px solid var(--imperial-line);border-radius:18px;background:linear-gradient(145deg,#fff7e4,#ead5a5 50%,#fff1d0);box-shadow:inset 0 0 0 3px #fff8df,inset 0 0 0 5px #c89d4f,0 6px 12px #59401c22;text-align:center}
.roman-imperial-page .roman-home-balance:first-child{background:linear-gradient(145deg,#1d583a,#0b3022);color:#fff1bc;border-color:#d1a64e;box-shadow:inset 0 0 0 3px #235e3d,inset 0 0 0 5px #d3a342,0 7px 15px #2b1d0c35}
.roman-imperial-page .roman-home-balance:before{content:"";position:absolute;z-index:-1;inset:9px;border:1px solid #b9822d;border-radius:11px;opacity:.75;pointer-events:none}
.roman-imperial-page .roman-home-balance-icon{width:clamp(42px,8vw,92px);height:clamp(42px,8vw,92px);object-fit:contain;flex:none;filter:drop-shadow(0 3px 3px #301b0850)}
.roman-imperial-page .roman-home-balance-name{display:block;max-width:100%;color:#241b12;font:700 clamp(11px,1.8vw,22px)/1.1 Georgia,'Times New Roman',serif;overflow-wrap:anywhere}
.roman-imperial-page .roman-home-balance:first-child .roman-home-balance-name{color:#ffe39a}
.roman-imperial-page .roman-home-balance-value{display:block;max-width:100%;margin:0;color:#261709;font:700 clamp(23px,4vw,49px)/1 Georgia,'Times New Roman',serif;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.roman-imperial-page .roman-home-balance:first-child .roman-home-balance-value{color:#f7d36f;text-shadow:0 1px #51370d}
.roman-imperial-page .roman-home-balances .roman-home-balance:not([data-roman-placeholder]) .roman-home-balance-title{min-width:0}
.roman-imperial-page .roman-wallet-privacy,.roman-imperial-page .imperial-private-hint{margin:7px 2px 0;color:#6d562e;text-align:center;font-size:11px;line-height:1.35}
.roman-imperial-page .imperial-private-hint[hidden]{display:none!important}
.roman-imperial-page .imperial-wallet-actions{display:grid;gap:clamp(8px,1.4vw,15px);width:min(92%,780px);margin:0 auto}
.roman-imperial-page .imperial-primary,.roman-imperial-page .imperial-secondary{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;min-width:0;min-height:58px;padding:11px 14px;border:2px solid #8f6120;border-radius:14px;background:linear-gradient(145deg,#1e593b,#0d3525);box-shadow:inset 0 0 0 2px #e6c36a,inset 0 0 0 5px #285d3b,0 5px 9px #49301235;color:#ffe8a5;font:700 clamp(15px,2.2vw,25px)/1.1 Georgia,serif;text-align:center;cursor:pointer}
.roman-imperial-page .imperial-primary svg,.roman-imperial-page .imperial-secondary svg{width:30px;height:30px;flex:none;color:#e9c164;fill:none;stroke:currentColor}
.roman-imperial-page .imperial-action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(7px,1.5vw,16px)}
.roman-imperial-page .imperial-secondary{min-height:64px;background:linear-gradient(145deg,#fff4d9,#e7d09a);color:#392415;font-size:clamp(12px,1.8vw,19px);box-shadow:inset 0 0 0 2px #fff9e7,inset 0 0 0 4px #c99d4c,0 4px 8px #49301225}
.roman-imperial-page .imperial-secondary svg{width:28px;height:28px;color:#885c20}
.roman-imperial-page .rise-v6-level{position:relative;display:grid;grid-template-columns:clamp(66px,12vw,132px) minmax(0,1fr);align-items:center;gap:clamp(8px,1.5vw,18px);min-width:0;margin:0;padding:clamp(13px,2vw,24px);border:2px solid #a8792e;border-radius:18px;background:linear-gradient(145deg,#fff7e4,#ebd8ae);box-shadow:inset 0 0 0 3px #fff9e8,inset 0 0 0 5px #d2aa5f,0 6px 13px #523a1a25;color:var(--imperial-ink)}
.roman-imperial-page .rise-v6-level[hidden]{display:none!important}
.roman-imperial-page .imperial-level-numeral{display:grid;place-items:center;aspect-ratio:1;width:100%;border:3px double #b58b3b;border-radius:50%;background:radial-gradient(circle,#fff2c8,#d3b263);color:#3c2910;font:700 clamp(32px,6vw,70px)/1 Georgia,serif;text-shadow:0 1px #fff9e8;box-shadow:inset 0 0 0 5px #faedc9,0 3px 6px #68451c30}
.roman-imperial-page .imperial-level-content{min-width:0}
.roman-imperial-page .rise-v6-level-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;flex-wrap:wrap;color:#28190c;font:700 clamp(14px,2.5vw,30px)/1.1 Georgia,serif}
.roman-imperial-page .rise-v6-level-head strong{font:inherit;color:#28190c}
.roman-imperial-page .rise-v6-level-head span{color:#24180e;font:700 clamp(14px,2.3vw,28px)/1 Georgia,serif}
.roman-imperial-page .rise-v6-progress{height:clamp(13px,2.2vw,25px);margin-top:10px;border:2px solid #8b6224;border-radius:999px;background:linear-gradient(#bca879,#f7e7bf);box-shadow:inset 0 3px 5px #49331340;overflow:hidden}
.roman-imperial-page .rise-v6-progress span{height:100%;border:2px solid #f7d46d;border-radius:999px;background:linear-gradient(180deg,#267b44,#0c4628);box-shadow:inset 0 1px 4px #fff9a0,0 1px 3px #362408}
.roman-imperial-page .rise-codex-level-info{margin-top:8px!important;color:#51271b!important;font:700 clamp(11px,1.8vw,19px)/1.2 Georgia,serif!important;text-align:center}
.roman-imperial-page .imperial-progress-gate{padding:14px 17px;border:2px solid #9c6b25;border-radius:16px;background:linear-gradient(145deg,#fff6df,#ead6a7);box-shadow:inset 0 0 0 3px #fff9e8,inset 0 0 0 5px #d0a653,0 4px 9px #53371422;color:#3b2812;text-align:center}
.roman-imperial-page .imperial-progress-gate strong{font:700 17px Georgia,serif}
.roman-imperial-page .imperial-progress-track{height:15px;margin:8px 0;border:2px solid #926524;border-radius:999px;background:#d1bc8f;box-shadow:inset 0 2px 4px #50391545}
.roman-imperial-page .imperial-progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:#195235}
.roman-imperial-page .imperial-progress-gate small{color:#6b512a;font-size:11px}
.roman-imperial-page .roman-live-data{display:none!important}
.roman-imperial-page .rise-v6-points{display:none!important}
.roman-imperial-page .rise-airdrop{position:relative;display:flex;align-items:center;justify-content:center;gap:clamp(10px,2vw,25px);min-height:clamp(72px,10vw,118px);margin:0;padding:12px clamp(14px,3vw,35px)!important;overflow:hidden;border:3px solid #8b5319!important;border-radius:17px!important;background:linear-gradient(180deg,#941f1b,#bd3223 48%,#701610)!important;box-shadow:inset 0 0 0 3px #f0cf6b,inset 0 0 0 6px #8b361d,0 6px 12px #4d170f40;color:#ffdf85!important}
.roman-imperial-page .rise-airdrop:before,.roman-imperial-page .rise-airdrop:after{content:"";position:absolute;top:0;bottom:0;width:20px;background:repeating-linear-gradient(90deg,#e6bf5d 0 4px,#7d401b 4px 6px);opacity:.9}
.roman-imperial-page .rise-airdrop:before{left:0}.roman-imperial-page .rise-airdrop:after{right:0}
.roman-imperial-page .rise-airdrop-icon{display:grid;place-items:center;flex:none;width:clamp(38px,6vw,64px);height:clamp(38px,6vw,64px);margin:0!important}
.roman-imperial-page .rise-airdrop-icon img{display:block;width:100%;height:100%;object-fit:contain}
.roman-imperial-page .rise-airdrop strong{color:#ffe38b;font:700 clamp(15px,2.5vw,29px)/1.15 Georgia,serif;letter-spacing:.04em;text-align:center;text-shadow:0 2px #411407}
.roman-imperial-page .rise-airdrop small{display:block;margin-top:3px;color:#fff7e4;font:700 clamp(13px,2vw,21px)/1.1 Georgia,serif;text-align:center}
.roman-imperial-page .rise-v6-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:5px 0 0;padding:0 5px 10px;border-bottom:4px solid transparent;border-image:url('/assets/roman/imperial/imperial-mosaic.svg') 6 repeat}
.roman-imperial-page .rise-v6-title h2{margin:0;color:#1b2018!important;font:700 clamp(22px,3.7vw,41px)/1 Georgia,serif;letter-spacing:.02em}
.roman-imperial-page .rise-v6-title span{color:#392619!important;font:700 clamp(13px,2vw,22px)/1 Georgia,serif}
.roman-imperial-page .rise-v6-games{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(9px,1.5vw,17px)}
.roman-imperial-page .rise-v6-game{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:clamp(132px,19vw,210px);padding:15px 8px;border:2px solid #a9792c!important;border-radius:16px!important;background:linear-gradient(145deg,#fff6df,#ecdbb2)!important;box-shadow:inset 0 0 0 3px #fff9e8,inset 0 0 0 5px #d0a251,0 5px 10px #49301224;color:#25190e!important;text-align:center;text-decoration:none;cursor:pointer}
.roman-imperial-page .rise-v6-game:before{content:"";position:absolute;inset:8px;border:1px solid #b17e2b;border-radius:10px;pointer-events:none}
.roman-imperial-page .rise-v6-game strong{color:#291b0f!important;font:700 clamp(15px,2.2vw,23px)/1.12 Georgia,serif}
.roman-imperial-page .rise-v6-game small{color:#876027!important;font:700 10px/1.1 Georgia,serif;letter-spacing:.12em}
.roman-imperial-page .imperial-game-icon{width:clamp(38px,6vw,64px);height:clamp(38px,6vw,64px);margin:0!important;color:#9c6923;fill:none;stroke:currentColor}
.roman-imperial-page .rise-v6-note{margin:0;padding:10px 12px;border-inline-start:3px solid #b88d3e;color:#5e4b2a!important;font-size:11px;line-height:1.45}
.roman-imperial-page .rise-v6-friends{display:flex;align-items:center;justify-content:center;gap:8px;border:2px solid #986322!important;border-radius:12px!important;background:linear-gradient(145deg,#fff3d4,#e5ce96)!important;box-shadow:inset 0 0 0 3px #fff9e8,inset 0 0 0 5px #c89b49;color:#3c2813!important;font:700 15px Georgia,serif}
.roman-imperial-page .rise-v6-friends svg{width:20px;height:20px;fill:none;stroke:#84551e;stroke-width:1.7}
.roman-imperial-page #rise-home-v6>details.rise-secondary{border:2px solid #ad7c2d;border-radius:14px;background:linear-gradient(145deg,#fff4d6,#e8d19b);color:#302012;box-shadow:inset 0 0 0 3px #fff9e8,inset 0 0 0 5px #c89b49}
.roman-imperial-page #rise-home-v6>details.rise-secondary>summary{padding:13px 16px;color:#4a3218;font:700 15px Georgia,serif}
.roman-imperial-page #rise-home-v6>details.rise-secondary .box{border:0;background:transparent;color:#302012}
.roman-imperial-page .bottom{position:fixed;left:0;right:0;bottom:0;z-index:30;min-height:70px;padding:4px max(4px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left));border-top:2px solid #a6742d!important;background:linear-gradient(180deg,#fff5d9f5,#ecdbb7fa)!important;box-shadow:0 -5px 14px #39271335}
.roman-imperial-page .bottom .nav{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:3px;width:min(100%,1080px);max-width:1080px;margin:auto;overflow:visible}
.roman-imperial-page .bottom .nav button{display:flex;min-width:0;min-height:57px;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 2px;border:1px solid transparent!important;border-radius:10px!important;background:transparent!important;color:#574021!important;font:700 clamp(8px,1vw,11px)/1.08 Georgia,serif!important;text-align:center;white-space:normal;overflow-wrap:anywhere}
.roman-imperial-page .bottom .nav button>b{display:grid;height:25px;place-items:center;margin:0;color:#8b5c20;font-size:19px}
.roman-imperial-page .bottom .nav button>b svg{width:23px;height:23px;color:currentColor;fill:none;stroke:currentColor}
.roman-imperial-page .bottom .nav button.active{border-color:#9c6c27!important;background:linear-gradient(145deg,#195235,#0e3827)!important;box-shadow:inset 0 0 0 2px #dfbe65;color:#ffedb6!important}
.roman-imperial-page .bottom .nav button.active>b{color:#f0ce6c}
.roman-imperial-page .roman-wallet-nav-icon{width:22px;height:22px;object-fit:contain}
.roman-imperial-page .footer{color:#624a26}
.roman-imperial-page .view .title h2{color:#2c1d10;font:700 21px Georgia,serif}
.roman-imperial-page .view .box,.roman-imperial-page .view .central-wallet-panel{border-color:#b68a3b;background:#fff4d9;color:#2b1c10}
.roman-imperial-page .icon:focus-visible,.roman-imperial-page button:focus-visible,.roman-imperial-page a:focus-visible,.roman-imperial-page select:focus-visible{outline:3px solid #d5ab50;outline-offset:2px}
.roman-imperial-page .imperial-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){
 .roman-imperial-page .app{padding:0 28px 115px}
 .imperial-stage{height:clamp(152px,46vw,190px);border-radius:0 0 16px 16px}
 .imperial-emperor,.imperial-colosseum{width:38%;opacity:.94}
 .imperial-emperor{object-position:76% center}.imperial-colosseum{object-position:center}
 .imperial-wordmark{top:45%;width:70%;gap:3px}
 .imperial-wordmark h1{font-size:clamp(25px,7.4vw,38px)}
 .imperial-wordmark p{font-size:clamp(7px,2vw,10px);letter-spacing:.09em;margin-top:5px}
 .imperial-laurel{width:clamp(24px,8vw,36px)}
 .imperial-controls{right:6px;top:5px;gap:4px}
 .imperial-controls select{width:72px;max-width:22vw;padding:4px 3px;font-size:9px}
 .imperial-settings{width:27px;height:27px;min-height:27px;padding:3px}
 .roman-imperial-page #adsenseBox.adsense{margin:10px auto 13px}
 .roman-imperial-page .roman-home-balances.imperial-currency-grid{gap:5px}
 .roman-imperial-page .roman-home-balance{min-height:137px;padding:8px 3px;border-radius:13px}
 .roman-imperial-page .roman-home-balance:before{inset:5px;border-radius:9px}
 .roman-imperial-page .roman-home-balance-icon{width:clamp(35px,11vw,48px);height:clamp(35px,11vw,48px)}
 .roman-imperial-page .roman-home-balance-name{font-size:clamp(9px,3.1vw,12px);line-height:1.05}
 .roman-imperial-page .roman-home-balance-value{font-size:clamp(20px,6vw,28px)}
 .roman-imperial-page .imperial-wallet-actions{width:96%;gap:7px}
 .roman-imperial-page .imperial-primary{min-height:53px;font-size:17px}
 .roman-imperial-page .imperial-secondary{min-height:58px;gap:4px;padding:7px 4px;font-size:clamp(10px,3vw,13px)}
 .roman-imperial-page .imperial-secondary svg{width:23px;height:23px}
 .roman-imperial-page .rise-v6-level{grid-template-columns:56px minmax(0,1fr);gap:8px;padding:11px}
 .roman-imperial-page .imperial-level-numeral{font-size:31px}
 .roman-imperial-page .rise-v6-level-head{font-size:clamp(12px,3.6vw,16px)}
 .roman-imperial-page .rise-v6-level-head span{font-size:clamp(11px,3.2vw,15px)}
 .roman-imperial-page .rise-codex-level-info{font-size:clamp(9px,2.8vw,12px)!important}
 .roman-imperial-page .rise-airdrop{min-height:67px;padding:9px 12px!important;gap:8px}
 .roman-imperial-page .rise-airdrop:before,.roman-imperial-page .rise-airdrop:after{width:10px}
 .roman-imperial-page .rise-airdrop strong{font-size:clamp(12px,3.7vw,17px)}
 .roman-imperial-page .rise-airdrop small{font-size:12px}
 .roman-imperial-page .rise-v6-games{gap:7px}
 .roman-imperial-page .rise-v6-game{min-height:119px;padding:11px 5px}
 .roman-imperial-page .rise-v6-game strong{font-size:clamp(12px,3.5vw,15px)}
 .roman-imperial-page .imperial-game-icon{width:42px;height:42px}
 .roman-imperial-page .bottom{min-height:64px}
 .roman-imperial-page .bottom .nav{gap:1px}
 .roman-imperial-page .bottom .nav button{min-height:52px;padding:3px 1px;font-size:clamp(7px,2.2vw,9px)!important}
 .roman-imperial-page .bottom .nav button>b{height:22px}
 .roman-imperial-page .bottom .nav button>b svg{width:20px;height:20px}
}
@media(max-width:360px){
 .roman-imperial-page .app{padding-inline:23px}
 .imperial-emperor,.imperial-colosseum{width:39%}
 .imperial-wordmark{width:74%;top:47%}
 .imperial-wordmark h1{font-size:25px}
 .roman-imperial-page .roman-home-balance{min-height:128px}
 .roman-imperial-page .imperial-action-row{gap:5px}
}
@media(prefers-reduced-motion:reduce){.roman-imperial-page *{scroll-behavior:auto!important;transition:none!important}}