@font-face { font-family: "Eurostile Shadow"; src: url("../swf_global/fonts/EurostileT.ttf") format("truetype"); font-display: swap; }
:root { --os-bg:#03080d; --os-panel:#09131b; --os-line:#263843; --os-cyan:#00baf3; --os-cyan-soft:#166886; --os-text:#dceaf0; --os-muted:#7892a0; --os-gold:#ffd264; }
.material-icons { display:inline-block; width:1.25em; color:#9fdfff; font-family:Arial,sans-serif; font-size:22px; font-style:normal; line-height:1; text-align:center; vertical-align:middle; }
html,body { min-width:1000px; color:var(--os-text); background-color:var(--os-bg); background-image:linear-gradient(rgba(1,7,12,.83),rgba(1,7,12,.93)),url("../do_img/global/bg_standard_2.jpg"); background-size:cover; background-position:center top; background-attachment:fixed; font-family:"Eurostile Shadow",Verdana,Arial,sans-serif; }
body:before { content:""; position:fixed; z-index:-1; top:0; right:0; bottom:0; left:0; background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.018),rgba(255,255,255,.018) 1px,transparent 1px,transparent 3px); pointer-events:none; }
#app { min-height:100%; } #main { padding:24px 0 76px; } .container { width:92%; max-width:1280px; }
.login-brand { margin-bottom:16px; color:#e8f8ff; font-size:30px; font-weight:700; letter-spacing:4px; text-align:center; text-shadow:0 0 16px #009fd1; } .login-brand strong { color:var(--os-cyan); } .login-brand small { display:block; margin-top:3px; color:#5c8292; font-size:10px; letter-spacing:6px; }
.public-locale-switch { position:absolute; top:18px; right:24px; z-index:5; padding:7px 12px; color:#bcecff; border:1px solid #28718e; background:#07131a; box-shadow:0 0 9px rgba(0,183,239,.25); }
nav { height:72px; line-height:72px; background:linear-gradient(#1a252d 0,#080d12 45%,#020406 100%); border-top:1px solid #53626b; border-bottom:2px solid #0a9cc6; box-shadow:0 7px 22px rgba(0,0,0,.8),inset 0 -1px 0 #062b3a; }
nav .nav-wrapper { height:72px; background:transparent!important; } .main-navigation { width:94%; max-width:1360px; }
nav .main-navigation .local-brand { line-height:72px; font-size:22px; font-weight:700; letter-spacing:2px; color:#e7f8ff; text-shadow:0 0 12px #009fd1; }
nav .local-brand span { color:var(--os-cyan); }
nav ul a,.logout-form button { height:70px; padding:0 14px; color:#bed0d8; background:transparent; border:0; border-left:1px solid rgba(111,137,149,.16); font:13px/70px "Eurostile Shadow",Verdana,sans-serif; letter-spacing:.5px; text-transform:uppercase; cursor:pointer; }
nav ul a:hover,.logout-form button:hover,nav li.active>a { color:#fff; background:linear-gradient(rgba(0,184,240,.24),rgba(0,71,101,.18)); box-shadow:inset 0 -3px 0 var(--os-cyan); }
nav li.play-tab>a { color:#fff; background:linear-gradient(#4c941f,#285f13); box-shadow:inset 0 0 12px rgba(181,255,120,.35); }
.logout-form { height:70px; margin:0; } .dropdown-content { min-width:210px!important; background:rgba(5,13,18,.98); border:1px solid var(--os-cyan-soft); box-shadow:0 9px 25px #000; }
.dropdown-content:before { content:""; position:absolute; top:-4px; right:0; left:0; height:4px; }
.dropdown-content li>a { height:46px; line-height:46px; color:#c7d8df; } .locale-switch a { color:var(--os-cyan); font-weight:700; }
.card,.modal,.collection,table,.tabs { color:var(--os-text)!important; background-color:rgba(6,15,21,.96)!important; border:1px solid #304550; border-radius:2px; box-shadow:0 8px 22px rgba(0,0,0,.58),inset 0 0 0 1px rgba(0,184,240,.07); }
.card:before { content:""; display:block; height:4px; background:linear-gradient(90deg,transparent,var(--os-cyan-soft),transparent); }
.card h5,.card h4,.card-title { color:#f3fbff; letter-spacing:.8px; text-transform:uppercase; text-shadow:0 0 8px rgba(0,184,240,.45); }
.grey.darken-4,.grey.darken-3,.grey.darken-2,.grey.darken-1 { background-color:transparent!important; }
#data { padding:12px 25px; border-color:#3a505b; background:linear-gradient(#14232c,#071015)!important; } #data span { color:var(--os-gold); }
.tabs { overflow:hidden; } .tabs .tab a { color:#7fa1af; font-size:13px; } .tabs .tab a:hover,.tabs .tab a.active { color:#fff; background:rgba(0,163,211,.17); } .tabs .indicator { background-color:var(--os-cyan); height:2px; }
.btn,.btn-large,.btn-small { color:#f5fbff; background:linear-gradient(#324651,#14232b)!important; border:1px solid #47606d; border-radius:2px; box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 2px 5px #000; text-shadow:0 -1px #000; }
.btn:hover { border-color:var(--os-cyan); box-shadow:0 0 12px rgba(0,183,239,.35); } .btn.disabled,.btn:disabled { opacity:.45; background:#273139!important; border-color:#39464d; }
input:not([type]),input[type=text]:not(.browser-default),input[type=password]:not(.browser-default),input[type=email]:not(.browser-default),input[type=number]:not(.browser-default),textarea.materialize-textarea,.select-wrapper input.select-dropdown { color:#e6f5fb; border-bottom-color:#526874; }
input:focus:not([type]),input[type=text]:not(.browser-default):focus,input[type=password]:not(.browser-default):focus,input[type=email]:not(.browser-default):focus,input[type=number]:not(.browser-default):focus,textarea.materialize-textarea:focus { border-bottom-color:var(--os-cyan)!important; box-shadow:0 1px 0 var(--os-cyan)!important; }
.input-field label { color:#8fa4ae; } table thead { background:linear-gradient(#172832,#0b151b); } table.striped>tbody>tr:nth-child(odd) { background:rgba(24,42,51,.58)!important; } table tbody tr:hover { background:rgba(0,172,223,.1)!important; }
.page-footer { position:relative; margin-top:-54px; padding:0; border-top:1px solid #233b46; background:rgba(2,7,10,.94)!important; } .page-footer .footer-copyright { min-height:54px; color:#78929d; background:transparent; } .build-label { color:#477886; letter-spacing:1px; }
.shop-frame { display:-webkit-flex; display:flex; min-height:600px; border:1px solid #40525d; background:#04090d; box-shadow:0 12px 38px #000,inset 0 0 0 2px #111b21; }
.shop-side,.shop-products,.shop-detail { min-width:0; } .shop-side { -webkit-flex:0 0 170px; flex:0 0 170px; padding:10px 7px; border-right:1px solid #177398; background:linear-gradient(90deg,#060b0e,#11191e 55%,#05090c); }
.shop-title { margin:0 0 10px; padding:12px; font-size:18px; text-align:center; color:#fff; border-bottom:1px solid var(--os-cyan-soft); }
.shop-category-tabs { display:block!important; height:auto!important; overflow:visible!important; padding:0!important; background:transparent!important; border:0; box-shadow:none; white-space:normal; }
.shop-category-tabs .tab { display:block; width:100%!important; height:36px; margin-bottom:4px; }
.shop-category-tabs .tab a { display:block; height:36px; padding:0 10px; line-height:34px; text-align:left; font-size:11px; color:#c7d0d4; border:1px solid #48555c; background:linear-gradient(#343a3e,#111519 54%,#262d31); }
.shop-category-tabs .tab a.active,.shop-category-tabs .tab a:hover { color:#071016; background:linear-gradient(#eef8ff,#8fb4cc 53%,#dfeef7); border-color:#bfe9ff; box-shadow:0 0 9px rgba(98,209,255,.68); } .shop-category-tabs .indicator { display:none; }
.shop-products { -webkit-flex:1 1 auto; flex:1 1 auto; padding:9px; border-right:1px solid #36515e; background:linear-gradient(135deg,#09151c,#03080b); } .shop-products>div>.row { margin:0 -4px; } .shop-products .col { padding:4px; }
.shop-products .card { position:relative; height:126px; margin:0; overflow:hidden; cursor:pointer; border:2px solid #273d49; background:linear-gradient(#10212b,#061016)!important; box-shadow:inset 0 0 16px #000; } .shop-products .card:before { position:absolute; z-index:3; top:0; right:0; left:0; height:2px; pointer-events:none; }
.shop-products .card:hover,.shop-products .card.selected { border-color:var(--os-cyan); box-shadow:0 0 12px rgba(0,185,241,.48),inset 0 0 18px #000; }
.shop-products .card-image { height:88px; overflow:hidden!important; background:radial-gradient(ellipse at center,#24475a 0,#07131a 65%); } .shop-products .card-image img { width:100%; height:84px; padding:3px; object-fit:contain; }
.shop-products .card-content { position:relative; z-index:2; height:34px; overflow:hidden; padding:4px!important; text-align:center; background:rgba(4,11,15,.96); } .shop-products .card-title { display:block; overflow:hidden; margin:0!important; color:#dae8ee; font-size:11px!important; line-height:13px!important; white-space:nowrap; }
.shop-products .card-content p { color:#62879a; font-size:10px; } .shop-products .card-action,.shop-products .input-field { display:none; } .shop-item-tooltip { display:none!important; } .shop-owned-badge { top:3px!important; font-size:9px!important; }
.shop-detail { display:-webkit-flex; display:flex; -webkit-flex:0 0 305px; flex:0 0 305px; -webkit-flex-direction:column; flex-direction:column; padding:10px; background:linear-gradient(#101820,#03080c); } .shop-detail-name { margin:0; padding:7px; color:#fff; font-size:24px; text-align:center; text-shadow:0 0 9px var(--os-cyan); border:1px solid #374a54; background:#02070a; }
.shop-detail-type { display:block; color:#bceaff; font-size:12px; } .shop-detail-visual { display:flex; align-items:center; justify-content:center; height:220px; margin-top:8px; border:2px solid #394a53; background:radial-gradient(ellipse at center,#32617a 0,#0b1b24 40%,#020608 74%); box-shadow:inset 0 0 35px #000; }
.shop-detail-visual img { max-width:90%; max-height:185px; object-fit:contain; filter:drop-shadow(0 0 9px rgba(115,213,255,.5)); } .shop-detail-description { min-height:105px; margin:8px 0; padding:10px; color:#b9d2dd; font:12px/1.45 Verdana,Arial,sans-serif; border:1px solid #2d4a58; background:#08131a; }
.shop-purchase { margin-top:auto; padding:9px; border:1px solid #314953; background:#071016; } .shop-quantity-row { display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; color:#d9eaf1; }
.shop-quantity-row input { width:84px!important; height:32px!important; margin:0!important; color:#fff; text-align:center; border:1px solid var(--os-cyan)!important; background:#071722!important; } .shop-price { margin-bottom:9px; padding:8px; text-align:right; color:#fff; font-size:17px; border:1px solid #3b4e57; background:#020609; }
.shop-buy { display:block; width:100%; height:48px; color:#fff; font-size:18px; font-weight:700; line-height:44px; text-align:center; border:2px solid #5dbe2d; border-radius:7px; background:linear-gradient(#80cb46,#397d1f)!important; box-shadow:inset 0 0 12px #baf98b,0 0 8px rgba(101,203,48,.55); cursor:pointer; } .shop-buy:hover { color:#fff; border-color:#b4ff79; box-shadow:inset 0 0 16px #d8ffbc,0 0 15px rgba(101,203,48,.75); }
@media only screen and (max-width:1100px) { nav ul a,.logout-form button { padding:0 8px; font-size:11px; } .shop-side { -webkit-flex-basis:150px; flex-basis:150px; } .shop-detail { -webkit-flex-basis:270px; flex-basis:270px; } }