:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#e9f4f2;background:#071014;color-scheme:dark;--bg:#081318;--panel:#101d24;--line:#2c454c;--text:#ecf8f5;--muted:#9ab6b8;--gold:#f2cb76;--teal:#69e2c2;--red:#f47778;--blue:#8ac8ff}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}[hidden]{display:none!important}
#shell{width:100%;height:100dvh;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at 35% 25%,#183039 0%,#061015 70%)}
#gameStage{width:min(100vw,177.7778vh);aspect-ratio:16/9;position:relative;overflow:hidden;background:#487050;box-shadow:0 24px 100px #0009;isolation:isolate}
#world{display:block;width:100%;height:100%;touch-action:none}#shade{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 37%,rgba(2,13,15,.13) 100%)}
#hud{position:absolute;left:0;right:0;top:0;display:flex;align-items:flex-start;justify-content:space-between;padding:13px;gap:12px;pointer-events:none}.hud-group{display:flex;align-items:flex-start;gap:9px;pointer-events:auto}.hud-logo{padding:10px 14px;border:1px solid #9ee0d032;border-radius:9px;background:#06131be9;font-size:18px;font-weight:1000;letter-spacing:-1px;white-space:nowrap}.hud-logo span{color:var(--teal)}.hud-logo small{display:block;font-size:8px;font-weight:700;letter-spacing:1.4px;color:#9cbfb9;margin-top:4px}.hud-stats{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:2px}.hud-stats>*{font-size:10px;letter-spacing:.45px;color:#c5dbd9;border:1px solid #d7ffff1f;background:#06131bcf;border-radius:7px;padding:9px 10px;font-weight:800}.hud-stats b{color:var(--gold)}.hud-right{flex-wrap:wrap;justify-content:flex-end;max-width:50%}.nav-btn{background:#071820ee;border:1px solid #a7ffff31;padding:10px 11px;color:#d7edeb;font-size:10px;font-weight:850;border-radius:7px;letter-spacing:.55px}.nav-btn:hover,.nav-btn:focus-visible{background:#18414b}.nav-btn kbd{font-size:9px;color:var(--gold);margin-left:3px}
#worldHint{position:absolute;left:50%;bottom:16%;transform:translateX(-50%);max-width:65%;padding:11px 16px;background:#081921ed;border:1px solid #9fe3c786;border-radius:9px;text-align:center;pointer-events:none;box-shadow:0 8px 30px #0007;min-width:210px}#worldHint span{display:block;font-size:12px;font-weight:900;color:#fff2ca}#worldHint small{display:block;color:#b2d2d1;margin-top:3px;font-size:10px}
#miniMapWrap{position:absolute;right:13px;top:76px;padding:6px;background:#07121bdc;border:1px solid #b6ffdf39;border-radius:10px;pointer-events:none}#miniMap{display:block;width:180px;height:134px;border-radius:5px}#miniMapTitle{text-align:center;font-size:9px;letter-spacing:1.5px;font-weight:900;margin-top:5px;color:var(--teal)}
#bottomHUD{position:absolute;left:13px;right:13px;bottom:12px;display:flex;align-items:end;justify-content:space-between;gap:12px;pointer-events:none}.bottom-instructions,.bottom-values{display:flex;flex-direction:column;gap:4px;padding:9px 12px;background:#071520df;border:1px solid #ffffff1b;border-radius:9px;font-size:10px;letter-spacing:.5px;font-weight:800}.bottom-instructions span:first-child{color:var(--gold)}.bottom-values{align-items:flex-end}.bottom-values span:first-child{color:var(--teal)}
#toast{position:absolute;top:19%;left:50%;transform:translate(-50%,-15px);max-width:70%;padding:12px 18px;border-radius:9px;border:1px solid #a4f7dd63;background:#102725f2;box-shadow:0 10px 26px #0008;pointer-events:none;color:#edfff9;z-index:12;font-size:12px;text-align:center;line-height:1.55;opacity:0;transition:opacity .2s,transform .2s}#toast.visible{opacity:1;transform:translate(-50%,0)}
.modal-wrap{position:absolute;inset:0;z-index:25;background:#031016e8;backdrop-filter:blur(9px);display:grid;place-items:center;padding:18px;overflow:hidden}.eyebrow{text-transform:uppercase;color:var(--teal);letter-spacing:2.4px;font-size:10px;font-weight:900}
#intro{background:radial-gradient(ellipse at 75% 45%,#174344 0%,#0c2024 45%,#061116 90%);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(200px,.8fr);gap:3%;padding:clamp(25px,5vw,85px)}.intro-layout{max-width:700px;align-self:center}.intro-layout h1{font-size:clamp(52px,7vw,120px);letter-spacing:-5px;font-weight:950;line-height:1;margin:14px 0 20px;white-space:nowrap}.intro-layout h1 em{font-style:normal;color:var(--teal)}.intro-lead{max-width:580px;color:#bed6d3;font-size:clamp(13px,1.25vw,18px);line-height:1.8}.intro-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:24px 0 26px}.intro-stats>div{background:#ffffff0b;border:1px solid #ffffff25;padding:13px 9px;border-radius:10px}.intro-stats b{display:block;font-size:15px;color:#f4f6e5}.intro-stats small{display:block;margin-top:6px;color:#9eb6b7;font-size:8px;letter-spacing:.7px}.intro-buttons{display:flex;gap:12px;flex-wrap:wrap}.btn{padding:11px 17px;border-radius:8px;border:1px solid #7aa9a84b;background:#1b343b;color:#ecfff9;font-size:12px;font-weight:900;letter-spacing:.4px}.btn:hover:not(:disabled){background:#28525a}.btn.primary{color:#052d27;background:var(--teal);border-color:#b6ffe4}.btn.primary:hover{background:#9affdc}.btn.secondary{background:#162b31}.intro-buttons .btn{padding:15px 24px}.intro-footer{font-size:10px;color:#839e9b;line-height:1.8;margin-top:26px}.intro-art{position:relative;display:grid;place-items:center;border:1px solid #ffffff12;border-radius:50%;align-self:center;aspect-ratio:1;box-shadow:inset 0 0 110px #010b0d,0 0 120px #2bb2a31c;background:radial-gradient(circle,#37757541 0%,#07232791 50%,#041215 75%)}.big-emblem{font-size:clamp(130px,19vw,340px);color:#9cf5d3;text-shadow:0 0 60px #54bca2aa;line-height:1}.intro-city,.intro-art-footer{position:absolute;left:0;right:0;text-align:center;letter-spacing:1px;color:#accbc5;font-size:10px}.intro-city{bottom:17%}.intro-art-footer{top:16%;color:var(--gold)}
.panel-modal{background:#061118e9}.panel-frame{width:min(1260px,96vw);height:min(94dvh,960px);min-height:420px;background:linear-gradient(155deg,#16262f,#0b181f);border:1px solid #a3d3c046;box-shadow:0 30px 100px #000b;border-radius:14px;display:flex;flex-direction:column;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:22px 27px 12px;border-bottom:1px solid #ffffff18}.panel-head h2{font-size:clamp(23px,3vw,38px);letter-spacing:-1px;margin:6px 0}.close-btn{background:#203941;border:1px solid #7ca6a15c;border-radius:8px;color:#e1fff3;padding:9px 13px;font-weight:900}.panel-tabs{display:flex;gap:5px;padding:11px 22px;overflow-x:auto;border-bottom:1px solid #ffffff1c}.panel-tabs button{background:transparent;border:1px solid transparent;color:#a5bcbd;padding:9px 13px;border-radius:7px;font-size:11px;font-weight:800;white-space:nowrap}.panel-tabs button.active{background:#194438;border-color:#64e4b872;color:#9afbd5}.panel-body{flex:1;min-height:0;overflow:auto;padding:22px 27px}.panel-foot{padding:11px 26px;border-top:1px solid #ffffff12;color:#779b9a;font-size:9px;letter-spacing:1.2px}
.section-title{font-size:18px;margin:4px 0 13px}.muted{color:var(--muted)}.small{font-size:11px}.gold{color:var(--gold)}.teal{color:var(--teal)}.red{color:var(--red)}.flex{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.space-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.stat-row{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0 20px}.stat-tile{background:#172d34;border:1px solid #91d9b62a;border-radius:9px;padding:13px 18px;min-width:130px}.stat-tile b{display:block;font-size:24px}.stat-tile small{font-size:9px;letter-spacing:1px;color:#93b1ad}.field{color:#fff;background:#0b1b21;border:1px solid #45616a;border-radius:8px;padding:10px 12px;min-width:0}.field:focus{outline:2px solid var(--teal)}.pill{font-size:10px;border:1px solid #ffffff33;border-radius:99px;padding:5px 9px;color:#cfe9e2}.divider{border:0;border-top:1px solid #ffffff1b;margin:20px 0}.two-column{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:20px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px}.card-grid.compact{grid-template-columns:repeat(auto-fill,minmax(115px,1fr))}.filters{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:0 0 18px}.filters .field{font-size:12px}.qty-tag{color:#fff1c2;font-weight:900;font-size:10px}.progress-track{height:7px;background:#22353a;border-radius:99px;overflow:hidden;margin:9px 0 14px}.progress-track>div{height:100%;background:linear-gradient(90deg,#54cdb3,#d9f3ab)}
/* Card design */
.tc-card{position:relative;min-width:0;border-radius:12px;border:2px solid #c6d8dc74;background:linear-gradient(145deg,#31525d,#152b32);padding:8px;box-shadow:0 6px 24px #0007;color:#ebf8f0;user-select:none;transition:transform .14s,border-color .14s;text-align:left}.tc-card.clickable{cursor:pointer}.tc-card.clickable:hover{transform:translateY(-5px);border-color:var(--teal)}.tc-card.holo{border-color:#ffdf8d;box-shadow:0 0 0 1px #ffe49c55,0 7px 24px #0009}.tc-card.holo::after{content:"";pointer-events:none;position:absolute;inset:0;border-radius:10px;background:linear-gradient(116deg,transparent 10%,#ff77771c 30%,#f2ef8f2e 46%,#70f2f32e 65%,transparent 87%);mix-blend-mode:screen}.tc-top{display:flex;align-items:center;justify-content:space-between;gap:3px;font-size:11px;font-weight:900;padding:2px 2px 5px}.tc-top span:last-child{color:#fff0c4;font-size:10px}.tc-art{height:95px;position:relative;border-radius:6px;border:1px solid #ffffff55;display:grid;place-items:center;overflow:hidden;background:linear-gradient(180deg,#386f83,#163e45)}.tc-art::before{content:"";position:absolute;width:170%;height:100%;border-radius:50%;bottom:-75%;background:#ffffff2c}.tc-art::after{content:"";position:absolute;width:150%;height:45%;border-radius:50%;bottom:-28%;background:#00000029}.tc-symbol{position:relative;z-index:1;font-size:59px;filter:drop-shadow(3px 8px 2px #04181c91)}.tc-art .element-symbol{position:absolute;top:5px;right:7px;font-size:12px;color:#f0ffffc4}.tc-type{font-size:9px;margin-top:6px;font-weight:900;letter-spacing:1px}.tc-description{font-size:10px;color:#d1e5de;line-height:1.4;min-height:27px;margin:4px 0}.tc-moves{border-top:1px solid #ffffff29;padding-top:5px;font-size:9px;min-height:48px}.tc-move{display:flex;justify-content:space-between;gap:5px;margin:3px 0}.tc-foot{display:flex;justify-content:space-between;gap:5px;font-size:9px;color:#9fbfbc;border-top:1px solid #ffffff29;padding-top:5px;margin-top:5px}.tc-overlay{position:absolute;top:0;right:0;z-index:3;background:#07191aeb;padding:4px 7px;border-radius:0 9px 0 8px;font-size:10px;font-weight:900;color:var(--gold)}.tc-card.missing{opacity:.48;filter:grayscale(.83)}.tc-card.smallcard{padding:6px;min-width:95px}.tc-card.smallcard .tc-art{height:68px}.tc-card.smallcard .tc-symbol{font-size:41px}.tc-card.smallcard .tc-moves{display:none}.tc-card.smallcard .tc-top{font-size:10px}.tc-card.smallcard .tc-description{display:none}.tc-card.smallcard .tc-foot{font-size:8px}
.element-Grass .tc-art{background:linear-gradient(#6fba7b,#204a39)}.element-Fire .tc-art{background:linear-gradient(#eea46c,#774342)}.element-Water .tc-art{background:linear-gradient(#70ccdf,#315b93)}.element-Electric .tc-art{background:linear-gradient(#f4d57a,#8c772d)}.element-Earth .tc-art{background:linear-gradient(#c9b084,#645447)}.element-Psychic .tc-art{background:linear-gradient(#a8a0da,#51447d)}.element-Neutral .tc-art{background:linear-gradient(#7b9ca8,#3b5466)}
/* Missions and services */
.mission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.mission-card,.service-card{background:#14272e;border:1px solid #62897f48;border-radius:11px;padding:16px}.mission-card h3,.service-card h3{font-size:15px;margin:5px 0 9px}.mission-card p,.service-card p{font-size:11px;color:#adc7c2;line-height:1.75}.mission-meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:9px 0}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:12px}.shop-products{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.shop-offer{border:1px solid #657e713d;background:#122b2b;border-radius:12px;padding:18px}.shop-offer .icon{font-size:36px}.shop-offer h3{margin:11px 0 6px}.shop-offer p{color:#9fc2b9;font-size:11px;line-height:1.6}
.deck-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 15px}.deck-list{display:flex;flex-direction:column;gap:4px;max-height:440px;overflow:auto}.deck-list-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:9px 11px;background:#1a3036;border-radius:7px;border:1px solid #ffffff16;font-size:11px}.deck-list-row b{font-size:11px}.deck-list-row button{padding:5px 9px}.deck-builder{display:grid;grid-template-columns:1fr 320px;gap:22px}.deck-left{min-width:0}.deck-right{background:#0c1d24;border:1px solid #ffffff22;padding:16px;border-radius:10px;align-self:start}.deck-right h3{margin:0 0 12px}.slot-controls{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.slot-controls button{padding:5px 9px}.notice{padding:13px 16px;border:1px solid #96cbb33f;background:#17403647;border-radius:8px;color:#bfded4;font-size:12px;line-height:1.65}.warning{border-color:#f3b77b66;background:#71522b28;color:#f9d6a2}
#mapCanvas{display:block;max-width:100%;width:100%;height:auto;aspect-ratio:16/9;border:1px solid #7badac66;border-radius:10px;background:#162e38;cursor:crosshair}.map-legend{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0;color:#b7d3ce;font-size:11px}.help-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.help-grid>div{padding:16px;border:1px solid #ffffff20;background:#142a30;border-radius:9px}.help-grid h3{font-size:14px;margin:0 0 7px}.help-grid p{font-size:12px;line-height:1.7;color:#bed3ce;margin:0}
/* TCG battle */
.battle-modal{z-index:35;padding:6px;background:#031017f8;backdrop-filter:none}.battle-shell{width:min(1440px,100%);height:min(98dvh,930px);min-height:530px;border:1px solid #8ccab348;background:linear-gradient(150deg,#122630,#07181e);border-radius:14px;display:flex;flex-direction:column;overflow:hidden}.battle-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 17px;border-bottom:1px solid #ffffff1b}.battle-header strong{font-size:17px}.battle-header #battleTurnBadge{border:1px solid #f3cd8077;background:#7e662d42;border-radius:7px;padding:8px 12px;color:#ffe4a9;font-size:12px;font-weight:900}.battle-header .close-btn{padding:5px 10px}#battleField{flex:1;min-height:0;overflow:auto;display:grid;grid-template-columns:1fr 200px 1fr;gap:12px;padding:12px}.battle-side{min-width:0}.battle-side h3{margin:0 0 10px;font-size:12px;letter-spacing:1px}.battle-row{display:flex;gap:10px;align-items:start;flex-wrap:wrap}.battle-active{width:min(190px,49%)}.battle-bench{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;flex:1;min-width:150px}.battle-unit{background:#173039;border:1px solid #ffffff26;border-radius:9px;padding:6px;position:relative;cursor:pointer;text-align:center;font-size:10px}.battle-unit.selected{outline:2px solid var(--gold)}.battle-unit .unit-emoji{font-size:30px;display:block}.battle-unit .unit-name{display:block;font-weight:900;min-height:26px}.battle-unit .hp-bar{height:5px;border-radius:6px;background:#533;overflow:hidden;margin:4px}.battle-unit .hp-bar>div{height:100%;background:#83e69e}.battle-unit .energy-line{font-size:9px;color:#ffefaa;margin-top:4px}.battle-unit .status-line{color:#f2a0a0;font-size:9px}.battle-center{display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center;padding:12px;border:1px solid #7dc7a135;background:#16352b44;border-radius:9px;text-align:center}.battle-center strong{font-size:24px;color:var(--gold)}.battle-center small{line-height:1.6;color:#a1c5c0}.battle-log-small{font-size:11px;line-height:1.7;color:#daece8}.battle-counters{display:flex;gap:6px;flex-wrap:wrap;margin:7px 0 12px;font-size:10px;color:#bdd4d0}.battle-counters span{padding:5px 7px;border-radius:6px;background:#ffffff12}#battleControls{padding:10px 15px;border-top:1px solid #ffffff14;background:#0a1d23;display:flex;gap:7px;flex-wrap:wrap;align-items:center}#battleControls .btn{padding:8px 12px;font-size:10px}#battleHand{flex:0 0 auto;min-height:145px;max-height:185px;overflow:auto;background:#07161b;border-top:1px solid #ffffff1a;display:flex;gap:7px;align-items:start;padding:11px 15px}#battleHand .tc-card{width:128px;flex:0 0 128px}#battleLog{max-height:66px;min-height:44px;overflow:auto;padding:7px 14px;background:#030b10;color:#9fbdba;font-size:10px;line-height:1.6}.hand-empty{font-size:12px;color:#85a4a1}.battle-card-selected{outline:2px solid #f4df9f!important}
.reward-modal{z-index:45}.reward-card{width:min(850px,95%);max-height:93dvh;overflow:auto;text-align:center;background:linear-gradient(140deg,#1a3132,#0c202a);border:1px solid #b5e9c451;border-radius:17px;padding:25px;box-shadow:0 30px 90px #000a}.reward-card h2{font-size:clamp(25px,3.5vw,42px);margin:10px 0}.reward-card p{color:#b3d2c7;line-height:1.7;font-size:13px}.reward-cards{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:22px 0}.reward-cards .tc-card{width:145px}.reward-card .btn{margin-top:4px}
#touchPad{position:absolute;bottom:100px;left:15px;right:15px;display:none;justify-content:space-between;pointer-events:none}.dpad{display:grid;grid-template-columns:repeat(3,42px);grid-template-rows:repeat(2,42px);gap:4px}.dpad button{background:#061e2ad9;border:1px solid #a5e7d66b;color:white;border-radius:8px;font-size:19px;pointer-events:auto;touch-action:none}.dpad .up{grid-column:2;grid-row:1}.dpad .left{grid-column:1;grid-row:2}.dpad .down{grid-column:2;grid-row:2}.dpad .right{grid-column:3;grid-row:2}.touchActions{display:grid;grid-template-columns:repeat(2,69px);grid-template-rows:repeat(2,41px);gap:5px}.touchActions button{background:#0c2d38eb;border:1px solid #7edbc05e;color:white;border-radius:8px;font-size:10px;font-weight:900;pointer-events:auto;touch-action:manipulation}
@media(pointer:coarse){#touchPad:not([hidden]){display:flex}}
@media(max-width:1000px){.hud-stats{display:none}.nav-btn{padding:8px;font-size:9px}.nav-btn kbd{display:none}.hud-right{max-width:75%}.intro-art{display:none}#intro{grid-template-columns:1fr}.intro-layout{max-width:740px}.intro-layout h1{font-size:clamp(47px,8vw,85px)}#battleField{grid-template-columns:1fr 110px 1fr;gap:6px}.battle-row{gap:5px}.battle-active{width:100%}.battle-bench{grid-template-columns:repeat(3,1fr);flex:0 0 100%}.deck-builder{grid-template-columns:1fr 240px}}
@media(max-width:700px){#shell{align-items:stretch}#gameStage{width:100%;height:100dvh;aspect-ratio:auto}#world{height:100%;object-fit:cover}#hud{padding:6px}.hud-logo{font-size:12px;padding:6px 8px}.hud-logo small{font-size:7px}.nav-btn{font-size:8px;padding:6px 7px}#miniMapWrap{top:57px;right:5px;padding:3px}#miniMap{width:104px;height:82px}#miniMapTitle{font-size:7px}#bottomHUD{bottom:4px;left:4px;right:4px}.bottom-values{display:none}.bottom-instructions{font-size:8px}#worldHint{bottom:18%;font-size:10px;max-width:84%}#intro{padding:23px}.intro-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.intro-layout h1{font-size:clamp(44px,11vw,68px)}.panel-frame{width:100vw;height:100dvh;min-height:0;border-radius:0}.modal-wrap{padding:0}.panel-head{padding:13px}.panel-tabs{padding:7px}.panel-body{padding:12px}.panel-foot{font-size:8px}.two-column,.deck-builder{grid-template-columns:1fr}.card-grid{grid-template-columns:repeat(auto-fill,minmax(116px,1fr))}.battle-shell{height:100dvh;min-height:0;border-radius:0}.battle-header{padding:8px}.battle-header strong{font-size:11px}.battle-header .eyebrow{font-size:8px}#battleField{display:flex;flex-direction:column;gap:8px;overflow:auto;padding:8px}.battle-side{flex:0 0 auto}.battle-row{flex-wrap:nowrap}.battle-active{width:110px;flex:0 0 110px}.battle-bench{flex:1}.battle-center{padding:6px;min-height:60px}.battle-center strong{font-size:17px}.battle-unit .unit-emoji{font-size:20px}.battle-bench .unit-emoji{font-size:15px}.battle-bench .unit-name{font-size:8px;min-height:auto}#battleHand{min-height:115px;max-height:140px}#battleHand .tc-card{width:105px;flex-basis:105px}.tc-card.smallcard .tc-art{height:45px}.tc-card.smallcard .tc-symbol{font-size:30px}.reward-card{width:100%;max-height:100dvh;border-radius:0}.reward-cards .tc-card{width:118px}}
@media(max-height:520px){#hud{padding:5px}#miniMapWrap{display:none}#worldHint{bottom:20%}#touchPad{bottom:45px}#intro{padding:14px}.intro-layout h1{font-size:48px}.intro-stats{margin:10px 0}.intro-footer{margin-top:8px}}