:root{color-scheme:dark;--gold:#d8b07b;--muted:#a99d99;--red:#9c2838}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#100d0f;color:#f6eee5;font:15px/1.65 "Segoe UI",sans-serif}a{color:inherit;text-decoration:none}header,main,footer{max-width:1200px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:28px 30px;border-bottom:1px solid #ffffff14}.brand{display:flex;gap:12px;align-items:center;font-size:25px;color:var(--gold);letter-spacing:3px}.brand span{font-size:20px;font-weight:800}.brand b{color:#eee3d5}.brand small{display:block;font-size:8px;letter-spacing:2px;font-weight:400}nav{display:flex;gap:32px;align-items:center;font-size:13px}.button{display:inline-block;padding:16px 26px;background:#9d2b39;border:1px solid #c5515a;color:#fff;font:600 14px "Segoe UI",sans-serif;cursor:pointer;transition:background .2s}.button:hover{background:#b93b49}.button:disabled{opacity:.5;cursor:wait}.small{padding:11px 18px}.hero{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;padding:80px 30px 65px;min-height:570px;background:radial-gradient(ellipse at 80% 45%,#681e2638,transparent 50%)}.eyebrow{color:var(--gold);font-size:10px;letter-spacing:3px;font-weight:700}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.12;letter-spacing:-2px}h1{font-size:64px;margin:26px 0}h1 em{color:var(--gold);font-style:normal}h2{font-size:44px;margin:20px 0}h3{font-size:18px;line-height:1.4}.lead{max-width:460px;font-size:16px;color:var(--muted)}.actions{display:flex;align-items:center;gap:26px;margin:30px 0}.ghost{font-size:13px;color:var(--gold)}.status{display:flex;align-items:center;gap:9px;font-size:11px;color:#beb2aa}.status i{height:6px;width:6px;border-radius:50%;background:#b58b54}.tag{margin-left:14px;padding:3px 8px;border:1px solid #6c5141;color:var(--gold);font-size:9px;letter-spacing:1px}.crest{text-align:center;position:relative}.crest svg{height:320px;filter:drop-shadow(0 15px 35px #0008)}.crest>span{display:block;font:bold 37px Georgia;letter-spacing:5px}.gold{color:var(--gold)}.crest small{color:var(--muted);font-size:8px;letter-spacing:4px}.features{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff16;border-bottom:1px solid #ffffff16;margin:0 30px}.features article{padding:28px;border-right:1px solid #ffffff16}.features article:last-child{border:0}.features span,.download>span{color:var(--gold);font-size:9px;letter-spacing:2px}.features p,p{color:var(--muted)}.features h3{font-size:16px}.features p{font-size:13px}.join{display:grid;grid-template-columns:1fr 1fr;gap:110px;padding:90px 60px;align-items:start}.join>div{padding-top:30px}.join aside{margin-top:35px;border-left:2px solid #914233;padding-left:20px;color:var(--muted);font-size:13px}form{border:1px solid #8b65404f;background:linear-gradient(135deg,#21191c,#151113);padding:30px}form h3{margin-top:0}label{display:block;font-size:11px;color:#cebbb0;margin:13px 0}input{display:block;width:100%;margin-top:6px;padding:12px 13px;background:#0e0c0e;border:1px solid #ffffff20;border-radius:0;color:white;outline:none;font:14px "Segoe UI"}input:focus{border-color:var(--gold)}.pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}form .button{width:100%;margin-top:10px}form small{font-size:10px;color:var(--muted)}#result{font-size:13px;min-height:18px}.trap{display:none}.downloads{margin:0 30px 65px;padding-top:40px;border-top:1px solid #ffffff16;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:24px;align-items:center}.downloads h2{font-size:32px}.downloads p{font-size:12px}.download{border:1px solid #ffffff21;padding:25px;transition:border .2s}.download:hover{border-color:var(--gold)}footer{padding:25px 30px;border-top:1px solid #ffffff16;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px}footer span{color:var(--gold)}footer p{margin:0}@media(max-width:800px){nav>a:not(.button){display:none}.hero{grid-template-columns:1fr;padding-top:45px}h1{font-size:48px}.crest{margin-top:35px}.crest svg{height:200px}.features{grid-template-columns:1fr}.features article{border-right:0;border-bottom:1px solid #ffffff16}.join{grid-template-columns:1fr;padding:45px 25px;gap:20px}.downloads{grid-template-columns:1fr}.pair{grid-template-columns:1fr;gap:0}footer{gap:20px}.brand span{font-size:16px}.small{font-size:11px;padding:10px}.actions{gap:15px}}
/* RabbitMT2: original gold, crimson and jade identity. */
:root{--gold:#e5b958;--red:#ad1e28;--muted:#b1a393}body{background:#100e0c;background-image:radial-gradient(ellipse at 85% 12%,#16443d2e,transparent 38%),radial-gradient(ellipse at 15% 20%,#7b131819,transparent 38%)}header{border-bottom-color:#b58a3b40}.brand{display:flex;flex-direction:column;gap:0;align-items:center;letter-spacing:1px}.brand img{width:190px;height:auto}.brand>span{font-size:7px;font-weight:400;color:#b7aa92;letter-spacing:2px;margin-top:4px}.hero{grid-template-columns:1fr 1.07fr;gap:30px;background:radial-gradient(ellipse at 80% 50%,#10544b24,transparent 45%);padding-top:70px;padding-bottom:70px}.crest{isolation:isolate;min-height:300px;display:flex;flex-direction:column;justify-content:center}.crest>img{position:relative;width:115%;max-width:none;margin-left:-7.5%;height:auto;filter:drop-shadow(0 15px 30px #000b);z-index:2}.logo-halo{position:absolute;inset:0;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,#c7842233 0%,#8f1b1d18 35%,transparent 70%)}.crest-caption{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:34px;color:#cdb783;font-size:8px;letter-spacing:3px}.crest-caption span{height:1px;width:35px;background:linear-gradient(90deg,transparent,#c5a05a)}.crest-caption span:last-child{transform:rotate(180deg)}.button{background:linear-gradient(135deg,#a92a2c,#721b20);border-color:#d09c4a96;box-shadow:inset 0 1px #f2be6330,0 4px 20px #0003}.button:hover{background:linear-gradient(135deg,#c23434,#93222a);border-color:#eac170}.features{border-color:#b58a3b40}.features article{border-color:#b58a3b26}.features span{color:#7cbbb0}form{border-color:#bd914858;background:linear-gradient(135deg,#30241a66,#101b1866);box-shadow:inset 0 0 35px #0004}input{border-color:#a88b5733;background:#0c0e0c}.download{border-color:#a88b5740;background:linear-gradient(140deg,#2d251340,#10342d29)}.download:hover{border-color:#e5b958;background:linear-gradient(140deg,#4b351c50,#123d3350)}.join aside{border-color:#9c772f}.footer-logo{width:115px;height:auto;object-fit:contain}footer{align-items:center;border-color:#b58a3b30}h1 em{text-shadow:0 2px 25px #bb7d2520}
@media(max-width:800px){.brand img{width:150px}.brand>span{font-size:6px}.hero{grid-template-columns:1fr;gap:0}.crest{min-height:200px;max-width:540px;width:100%;margin:35px auto 0}.crest>img{width:100%;margin-left:0}.crest-caption{margin-top:20px}}

[hidden]{display:none!important}.account-section{margin:0 30px 70px;padding-top:45px;border-top:1px solid #b58a3b40}.section-heading,.account-header{display:flex;justify-content:space-between;align-items:center;gap:22px}.section-heading h2{margin-top:10px}.ghost-button{background:transparent;color:var(--gold);border:1px solid #a88b5750;padding:10px 15px;cursor:pointer;font:12px "Segoe UI"}.ghost-button:hover{border-color:var(--gold)}.account-header{background:#16201a55;padding:24px;border:1px solid #a88b5740;margin-bottom:30px}.account-header p,.help{font-size:12px;color:var(--muted)}.balance{text-align:right}.balance>span{font:34px Georgia;color:var(--gold);display:block}.balance small{font-size:8px;letter-spacing:2px;color:#b7aa92}.table-wrap{overflow:auto;border:1px solid #a88b5733}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px}th{text-align:left;color:#d8b778;font-size:10px;letter-spacing:1px;background:#231d16;padding:14px}td{padding:14px;border-top:1px solid #ffffff0d;color:#d3c8bd}tr:nth-child(even){background:#ffffff02}.wallet-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:25px;margin:35px 0}.wallet-grid form{padding:24px}.wallet-grid form p{font-size:12px}.table-actions{display:flex;gap:8px}#loginForm{max-width:650px}#adminPanel{border:1px solid #b58a3b70;padding:24px;margin-top:35px}dialog{max-width:480px;width:90vw;color:#f6eee5;background:#171410;border:1px solid #d8b07b;padding:0}dialog::backdrop{background:#000b}dialog form{border:0}dialog p{font-size:14px}#decisionText{color:#e6bc7b}button:disabled{opacity:.4;cursor:wait}@media(max-width:800px){.wallet-grid{grid-template-columns:1fr}.account-header{flex-wrap:wrap}.balance{text-align:left}.section-heading{align-items:start;flex-wrap:wrap}.account-section{margin-left:25px;margin-right:25px}.table-wrap td,.table-wrap th{padding:11px}}

/* One-screen application shell, with persistent top 10. */
html,body{height:100%;overflow:hidden;scroll-behavior:auto}body{display:grid;grid-template-rows:76px minmax(0,1fr) 26px}header,footer{width:100%;max-width:1440px;padding:8px 22px}header{gap:20px}.brand img{width:160px}header nav{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}header nav a,header nav>a:not(.button){display:block;font-size:11px;padding:7px 9px;border:1px solid transparent}header nav a.active{color:var(--gold);border-color:#a88b5760;background:#a88b5712}.app-layout{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:20px;width:100%;max-width:1440px;margin:auto;height:100%;min-height:0;padding:15px 22px}#screenContent{min-width:0;min-height:0;max-width:none;margin:0;position:relative;height:100%}[data-view]{display:none!important;height:100%;min-height:0;overflow:hidden}[data-view].active-view{display:block!important}[data-view][hidden]{display:none!important}[data-home-extra]{display:none!important}#topRanking{border-left:1px solid #a88b5740;padding:8px 0 0 20px;min-height:0;height:100%;display:flex;flex-direction:column}.top-heading .eyebrow{font-size:8px;letter-spacing:2px;margin:0}.top-heading h3{font:30px Georgia;margin:6px 0 12px}.top-heading h3 span{color:var(--gold)}#topPlayers{padding:0;margin:0;list-style:none;min-height:0;display:grid;grid-template-rows:repeat(10,minmax(0,1fr));flex:1;max-height:420px}#topPlayers li{display:flex;align-items:center;gap:8px;border-top:1px solid #ffffff0b;min-height:0;font-size:12px}#topPlayers .place{width:18px;color:#b39a79;font:14px Georgia}#topPlayers li:first-child .place{color:#f5ce71}#topPlayers .player-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;color:#e6ddd1}#topPlayers .player-level{font-size:10px;color:var(--gold)}.ranking-link{font-size:10px;color:var(--gold);margin-top:12px}footer{font-size:8px;padding-top:4px;padding-bottom:4px;line-height:18px}.account-section,.join,.downloads{margin:0;padding:14px 20px;border:0}.section-heading{margin-bottom:15px}.section-heading h2,.join h2,.downloads h2{font-size:32px;line-height:1.1;letter-spacing:-1px;margin:6px 0}.eyebrow{font-size:8px;letter-spacing:2px}.section-heading .eyebrow{margin:0}#start.active-view{display:grid!important;grid-template-columns:1.05fr 1fr;align-items:center;gap:15px;padding:15px 20px;min-height:0}#start h1{font-size:clamp(34px,4.5vw,60px);margin:22px 0}.hero .lead{font-size:14px;max-width:440px}.hero .actions{gap:16px;margin:23px 0}.hero .crest{min-height:0;margin:0}.hero .crest>img{width:110%;margin-left:-5%}.hero .crest-caption{font-size:7px;letter-spacing:2px;margin-top:18px}.hero .button{padding:13px 18px;font-size:12px}.hero .ghost{font-size:11px}.hero .status{font-size:9px;gap:6px}.hero .tag{font-size:7px;margin-left:5px}#konto.active-view{display:grid!important;grid-template-columns:.85fr 1fr;gap:24px;align-items:center}#konto>div{padding:0}#konto>div>p{font-size:12px}#konto aside{font-size:11px;margin-top:20px}form{padding:20px}form h3{font-size:16px;margin-bottom:12px}label{margin:8px 0;font-size:10px}input{padding:8px 10px;font-size:12px;margin-top:3px}.pair{gap:10px;grid-template-columns:1fr 1fr}form .button{padding:11px 15px;font-size:12px}form small{font-size:9px}#result{font-size:11px;margin:8px 0;min-height:0}#loginForm{max-width:600px;margin-top:20px}#loginForm p{margin-bottom:0;font-size:12px}.account-header{padding:15px;margin-bottom:18px}.account-header h3{margin:4px 0}.account-header p{font-size:10px;margin:5px 0}.balance>span{font-size:28px}.balance small{font-size:7px}.table-wrap{overflow:hidden}table{font-size:11px}th{font-size:9px;padding:10px}td{padding:10px}.wallet-grid{gap:20px;margin:0;grid-template-columns:1fr 1fr}.wallet-grid form{padding:18px}.wallet-grid form p,.help{font-size:11px;line-height:1.5}.wallet-grid h3{margin:0 0 10px}.wallet-grid .help{margin-bottom:10px}#adminPanel{margin:0;border:0;padding:14px 20px}#adminPanel .section-heading{margin-bottom:10px}#adminPanel .help{margin:8px 0 14px}.table-actions{gap:5px}.table-actions button{font-size:10px;padding:6px 9px}.pagination{display:flex;gap:10px;align-items:center;margin-top:12px;font-size:10px;color:var(--muted)}.pagination button{padding:6px 10px}.downloads.active-view{display:grid!important;grid-template-columns:1fr 1fr;gap:18px;align-content:center}.downloads>div{grid-column:1/-1}.download{padding:22px}.download h3{font-size:17px}.download p{font-size:11px}.ghost-button{font-size:11px;padding:8px 12px}dialog form{padding:25px}
@media(max-width:1050px){.app-layout{grid-template-columns:minmax(0,1fr) 165px;gap:12px;padding:12px 15px}#topRanking{padding-left:12px}header{padding:8px 15px;gap:10px}.brand img{width:135px}header nav{gap:1px}header nav a,header nav>a:not(.button){padding:5px 6px;font-size:10px}#start.active-view{grid-template-columns:1fr;align-content:center;gap:12px}#start .crest{max-width:430px;margin:auto;width:100%}#start .crest>img{width:100%;margin:0}#start .crest-caption{display:none}#start h1{font-size:36px;margin:12px 0}.hero .lead{font-size:12px;max-width:none;margin:10px 0}.hero .actions{margin:15px 0}.hero .status{margin-bottom:0}#konto.active-view{grid-template-columns:1fr;gap:0;align-content:center}#konto>div{display:none}#register{padding:20px}.section-heading h2{font-size:27px}.account-section,.join,.downloads,#adminPanel{padding:10px}.wallet-grid{grid-template-columns:1fr;gap:15px}.wallet-grid form{padding:14px}.wallet-grid form h3{margin-bottom:6px}.wallet-grid form .help{margin:6px 0}.wallet-grid form .eyebrow{display:none}.wallet-grid form label{margin:6px 0}.wallet-grid form .button{margin-top:4px;padding:9px}.wallet-grid form p[role=status]:empty{display:none}.wallet-grid .table-wrap th,.wallet-grid .table-wrap td{padding:7px;font-size:10px}.account-header{gap:10px;flex-wrap:wrap}.account-header p{max-width:260px;overflow-wrap:anywhere}table th,table td{padding:8px 6px;font-size:10px}.account-header .ghost-button{font-size:10px;padding:6px 9px}#charactersBody td:last-child,table:has(#charactersBody) th:last-child{display:none}.table-actions{flex-direction:column;gap:3px}.table-actions button{font-size:9px;padding:4px 6px}}
@media(max-width:600px){body{grid-template-rows:88px minmax(0,1fr) 24px}.brand img{width:100px}.app-layout{grid-template-columns:minmax(0,1fr) 115px;padding:8px;gap:7px}#topRanking{padding-left:8px}.top-heading .eyebrow{font-size:6px;letter-spacing:1px}.top-heading h3{font-size:23px}#topPlayers li{gap:4px;font-size:10px}#topPlayers .place{font-size:12px;width:13px}#topPlayers .player-level{font-size:8px}.ranking-link{font-size:8px}header{padding:7px 10px;gap:5px}header nav a,header nav>a:not(.button){font-size:9px;padding:4px}header nav{gap:0}.hero .eyebrow{font-size:6px;letter-spacing:1px}#start.active-view{padding:7px}#start h1{font-size:28px;letter-spacing:-1px}.hero .lead{font-size:11px}.hero .actions{flex-wrap:wrap;gap:9px}.hero .button{padding:10px;font-size:10px}.hero .status{flex-wrap:wrap;font-size:8px}.hero .tag{font-size:6px}.account-section,.join,.downloads,#adminPanel{padding:4px}.section-heading{margin-bottom:10px}.section-heading h2{font-size:23px}#register{padding:12px}.pair{grid-template-columns:1fr;gap:0}form h3{font-size:13px;margin:0 0 8px}label{font-size:9px;margin:6px 0}input{padding:7px 8px;font-size:11px}form small{font-size:8px}form .button{font-size:10px;padding:9px}#loginForm{padding:14px;margin-top:15px}.account-header{padding:10px}.account-header h3{font-size:15px}.account-header p{font-size:9px}.balance>span{font-size:22px}.section-heading .eyebrow{font-size:6px}.ghost-button{font-size:9px;padding:6px 8px}.account-header .eyebrow{font-size:7px}.wallet-grid{gap:10px}.wallet-grid form{padding:10px}.wallet-grid .help{font-size:9px}.wallet-grid .pagination{margin-top:6px}.downloads.active-view{grid-template-columns:1fr;gap:10px}.downloads h2{font-size:24px}.download{padding:12px}.download h3{font-size:14px;margin:8px 0}.download p{margin:3px 0;font-size:10px}footer{font-size:6px;padding:2px 8px}#ranking .help{font-size:9px}#adminPanel .help{font-size:9px}table th,table td{font-size:9px;padding:7px 4px}.table-wrap th:nth-child(3),.table-wrap td:nth-child(3){max-width:60px;overflow:hidden;text-overflow:ellipsis}.pagination{gap:6px;font-size:9px}.pagination button{padding:4px 6px;font-size:9px}#adminPanel table th:nth-child(5),#adminPanel table td:nth-child(5){display:none}}
@media(max-height:650px){.hero .crest{max-width:300px!important}.hero .lead{margin:6px 0}#start h1{font-size:32px;margin:8px 0}#register{padding:12px}.section-heading{margin-bottom:8px}.section-heading h2{font-size:25px}form h3{margin-bottom:6px}label{margin:5px 0}.account-header{margin-bottom:10px;padding:10px}td,th{padding:6px}.top-heading h3{margin:4px 0 8px}}

#info.active-view{display:grid!important;grid-template-columns:1fr;align-content:center;border:0;margin:0;padding:15px 20px;gap:10px}#info article{padding:18px;border:1px solid #a88b5730;background:#ffffff02}#info h3{margin:6px 0;font-size:16px}#info p{margin:5px 0;font-size:12px}@media(max-width:600px){#info.active-view{padding:6px;gap:8px}#info article{padding:12px}#info h3{font-size:13px}#info p{font-size:10px}}

/* Classic three-column MMORPG portal. */
body{grid-template-rows:180px minmax(0,1fr) 26px;background:#080908 url('/portal-bg.jpg') center top/cover fixed no-repeat;position:relative}body:before{content:"";position:fixed;inset:0;background:linear-gradient(90deg,#000d,#0006 25%,#0006 75%,#000d),linear-gradient(#0002,#050604cf 65%);pointer-events:none;z-index:-1}header{max-width:1200px;display:flex;flex-direction:column;justify-content:flex-end;padding:0;gap:0;border:0;position:relative}.brand{position:absolute;top:4px;left:50%;transform:translateX(-50%);filter:drop-shadow(0 3px 16px #000)}.brand img{width:360px;max-height:120px;object-fit:contain}header nav{width:100%;min-height:47px;justify-content:center;align-items:stretch;gap:0;padding:3px 18px;border:1px solid #b39658;background:linear-gradient(#3b301e,#100f0c 45%,#251b11);box-shadow:inset 0 0 0 3px #0a0906,inset 0 0 0 4px #75603b,0 4px 18px #0009}header nav a,header nav>a:not(.button){font:11px Georgia,serif;text-transform:uppercase;padding:13px 16px;border-right:1px solid #856b4133;color:#e2d1aa}header nav a.active{background:linear-gradient(#6c1b1c,#2c1011);border-color:#a88b5760;color:#ffdda4}.app-layout{max-width:1200px;grid-template-columns:235px minmax(0,1fr) 235px;gap:12px;padding:12px 0;align-items:stretch}#screenContent,#topRanking,.sidebar-panel{border:1px solid #c1a36a;background:linear-gradient(120deg,#1d1b17ed,#10120fed 65%,#201b12ee);box-shadow:inset 0 0 0 3px #080906,inset 0 0 0 4px #675234,0 5px 18px #0009;position:relative}#screenContent:after,#topRanking:after,.sidebar-panel:after{content:"◆";position:absolute;bottom:-7px;left:50%;transform:translateX(-50%);color:#c4a269;text-shadow:0 1px #000;font-size:13px;pointer-events:none}.ornate-title{height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(#901f24 0%,#5a171a 19%,#250d0e 67%,#3b1414 90%);border-top:1px solid #ebbd76;border-bottom:1px solid #d8b475;box-shadow:inset 0 0 0 3px #290d0c,inset 0 0 0 4px #ad814c;font:bold 13px Georgia,serif;text-transform:uppercase;color:#e9d7ab;text-shadow:0 2px 2px #000;position:relative;letter-spacing:.4px}.ornate-title:before,.ornate-title:after{content:"❖";position:absolute;top:8px;font-size:21px;color:#caa363;text-shadow:0 1px 2px #000}.ornate-title:before{left:7px}.ornate-title:after{right:7px}#screenContent{padding-top:42px;height:100%;min-height:0}#contentTitle{position:absolute;top:0;left:0;right:0}#topRanking{padding:0;order:0;min-height:0}.top-heading{text-align:center;padding:15px 8px 3px}.top-heading h3{font-size:27px;margin:5px 0}.top-heading .eyebrow{font-size:7px;letter-spacing:1.5px}#topPlayers{padding:0 12px;max-height:430px}#topPlayers li{background:linear-gradient(#ffffff04,#0003);border-top:1px solid #806c434d;border-bottom:1px solid #0008;font-family:Georgia,serif;font-size:12px;gap:8px}#topPlayers .player-level{font:bold 10px Georgia,serif}.ranking-link{text-align:center;padding:10px;margin:5px 0;font:10px Georgia,serif;flex-shrink:0}#accountSidebar{display:flex;flex-direction:column;gap:14px;min-height:0}.sidebar-panel{padding:0 0 14px}.sidebar-panel #loginForm{padding:15px 17px 0;margin:0;background:none;border:0;box-shadow:none}.sidebar-panel #loginForm h3{display:none}.sidebar-panel #loginForm .pair{display:block}.sidebar-panel label{text-align:center;text-transform:uppercase;font:bold 10px Georgia,serif;color:#cbb68d;margin:10px 0}.sidebar-panel input{height:31px;border:1px solid #9d81474f;background:linear-gradient(110deg,#433e2a66,#090b09b3);box-shadow:inset 0 1px 4px #000c;color:#eee1c7}.sidebar-panel .button,.sidebar-panel .ghost-button{font:bold 10px Georgia;text-align:center;text-transform:uppercase;padding:10px 13px}.button{background:linear-gradient(#91272a,#3c1215 80%);border:1px solid #b9955a;box-shadow:inset 0 0 0 2px #2a0f0e,inset 0 0 0 3px #8e5b37,0 2px 6px #0007;font-family:Georgia,serif}.ghost-button{background:linear-gradient(#3b3528,#141510);border-color:#8e754c;color:#ddc392}.server-card{text-align:center;padding-bottom:15px}.server-card>p{font:11px/1.6 Georgia;margin:13px 15px}.portal-online{color:#b8c790}.server-card>a{display:block;margin:9px 18px}.server-card small{display:block;font:8px Georgia;color:#9d8b6e;margin-top:12px}#sideAccount{padding:20px;text-align:center}#sideAccount>a{display:block;margin:10px 0}#sideName{font:22px Georgia;color:#e2c087;overflow-wrap:anywhere}#sideBalance{color:#c4dfb5;font:18px Georgia}#start.active-view{display:block!important;padding:20px;overflow:hidden}.news-banner{text-align:center;padding:0 0 17px;border-bottom:1px solid #a88b5750}.news-banner img{width:94%;max-width:420px;max-height:180px;object-fit:contain;filter:drop-shadow(0 7px 9px #000)}.news-banner span{display:block;font:8px Georgia;letter-spacing:3px;color:#bca374;margin-top:10px}.news-article{padding:20px 8px}.news-article h1{font:bold 27px Georgia!important;margin:13px 0!important;letter-spacing:-.6px;line-height:1.2}.news-article p{font:13px/1.7 Georgia;color:#c8bd9f}.news-article .eyebrow{font:8px Georgia;letter-spacing:2px;color:#d1ac6e}.news-article h3{font:17px Georgia;color:#d4b680;margin:13px 0}.news-rule{height:1px;background:linear-gradient(90deg,transparent,#9f8145,transparent);margin:18px 0}.news-article .actions{justify-content:center;margin:20px 0 15px}.news-article .status{font:9px Georgia;justify-content:center}.news-article .button,.news-article .ghost-button{font:11px Georgia;padding:11px 15px}.section-heading h2,.join h2,.downloads h2{font:bold 24px Georgia}.account-section,.join,.downloads,#adminPanel{padding:18px 20px}.section-heading .eyebrow{font-size:7px}#konto.active-view{display:block!important}#konto>div{display:none}#register{border:0;background:none;box-shadow:none;padding:0;max-width:480px;margin:auto}#register h3{font:18px Georgia;text-align:center;color:#d4b680;margin-bottom:14px}#register label{font-family:Georgia}#panelGuest{padding:35px 20px;text-align:center}#panelGuest h3{font:22px Georgia;color:#d4b680}#panelGuest p{font:13px/1.8 Georgia}.table-wrap{border-color:#93774955}th{font-family:Georgia;background:#3b261c;color:#dfc78e}td{font-family:Georgia;color:#d6c5a5}.account-header{background:#0003;border-color:#a88b5740}.wallet-grid{grid-template-columns:1fr;gap:14px}.wallet-grid form{padding:14px}.wallet-grid form p{font-size:11px}.downloads.active-view{grid-template-columns:1fr}.download{padding:16px}.download h3{font:18px Georgia}.pagination{margin-top:8px}footer{max-width:1200px;border-top:1px solid #a88b5740;background:#090a08c9;padding:3px 12px}
@media(min-width:1500px){body{grid-template-rows:200px minmax(0,1fr) 28px}.brand img{width:420px;max-height:145px}.app-layout{max-width:1240px;grid-template-columns:245px minmax(0,1fr) 245px}header,footer{max-width:1240px}.news-banner img{max-height:200px}.news-article{padding:25px 15px}.news-article h1{font-size:31px!important}}
@media(max-width:1100px){body{grid-template-rows:145px minmax(0,1fr) 24px}header{margin:0 12px;width:calc(100% - 24px)}.brand img{width:280px;max-height:92px}header nav a,header nav>a:not(.button){font-size:9px;padding:10px}.app-layout{grid-template-columns:175px minmax(0,1fr) 185px;gap:9px;padding:10px 12px}.ornate-title{font-size:11px;height:36px}.ornate-title:before,.ornate-title:after{font-size:16px;top:9px}#screenContent{padding-top:36px}.top-heading{padding:12px 4px}.top-heading .eyebrow{font-size:6px}.top-heading h3{font-size:23px}#topPlayers{padding:0 8px}#topPlayers li{font-size:10px;gap:4px}#topPlayers .player-level{font-size:9px}.sidebar-panel #loginForm{padding:10px 12px 0}.sidebar-panel label{font-size:9px}.sidebar-panel input{height:29px}.server-card>p{font-size:10px}.server-card>a{margin:8px 12px}.news-article{padding:13px 0}.news-article h1{font-size:22px!important}.news-article p{font-size:12px}.news-banner{padding-bottom:13px}.news-banner img{max-height:135px}.news-banner span{font-size:7px;letter-spacing:2px}.news-rule{margin:12px 0}#start.active-view{padding:15px}.account-section,.join,.downloads,#adminPanel{padding:12px}.section-heading h2{font-size:22px}}
@media(max-width:800px){body{grid-template-rows:116px minmax(0,1fr) 22px}.brand img{width:210px;max-height:69px}header nav{min-height:37px;padding:2px 5px}header nav a,header nav>a:not(.button){font-size:8px;padding:8px 7px}.app-layout{grid-template-columns:118px minmax(0,1fr) 155px;gap:7px;padding:8px}.ornate-title{height:31px;font-size:9px;letter-spacing:0}.ornate-title:before,.ornate-title:after{display:none}#screenContent{padding-top:31px}.top-heading h3{font-size:20px}.top-heading .eyebrow{font-size:5px;letter-spacing:.5px}#topPlayers{padding:0 6px}#topPlayers li{font-size:9px;gap:3px}#topPlayers .place{font-size:10px;width:12px}#topPlayers .player-level{font-size:7px}.ranking-link{font-size:8px;padding:8px 3px}.sidebar-panel #loginForm{padding:8px 9px 0}.sidebar-panel label{font-size:8px;margin:7px 0}.sidebar-panel input{height:27px;font-size:11px}.sidebar-panel .button,.sidebar-panel .ghost-button{font-size:8px;padding:9px 6px}.sidebar-panel #loginForm p{font-size:10px}.server-card>p{font-size:9px;line-height:1.5;margin:10px}.server-card small{font-size:7px}.server-card>a{margin:7px 9px}.news-article h1{font-size:20px!important}.news-article p{font-size:11px}.news-article h3{font-size:15px}.news-article .eyebrow{font-size:6px;letter-spacing:1px}.news-banner span{font-size:6px;letter-spacing:1px}.news-article .actions{gap:8px;flex-wrap:wrap;margin:12px 0}.news-article .button,.news-article .ghost-button{font-size:9px;padding:9px}.section-heading h2{font-size:20px}.account-section,.join,.downloads,#adminPanel{padding:10px}#register h3{font-size:14px}#register .pair{display:block}#register label{font-size:9px;margin:6px 0}#register input{padding:7px;font-size:11px}#register .button{padding:10px;font-size:10px}#register small{font-size:8px}#panelGuest{padding:20px 5px}#panelGuest h3{font-size:18px}#panelGuest p{font-size:11px}.news-article .status{font-size:8px}#adminPanel .help{font-size:9px}table th,table td{font-size:9px;padding:7px 4px}.account-header{padding:9px}.account-header p{font-size:9px;max-width:160px}.wallet-grid form{padding:9px}.wallet-grid .help{font-size:9px}}
@media(max-width:550px){.app-layout{grid-template-columns:88px minmax(0,1fr);gap:6px;padding:6px}#accountSidebar{position:absolute;right:9px;top:80px;width:140px;z-index:6;display:none}body[data-route='panel']:not(.logged-in) #accountSidebar{display:flex;position:fixed;left:100px;right:10px;top:200px;width:auto;max-height:calc(100vh - 225px)}body[data-route='panel']:not(.logged-in) #accountSidebar .server-card{display:none}body[data-route='panel']:not(.logged-in) #panelGuest{display:none}header nav a,header nav>a:not(.button){font-size:7px;padding:7px 4px}#topPlayers li{font-size:8px;gap:2px}#topPlayers .player-level{font-size:6px}#topPlayers .place{font-size:9px;width:10px}.ornate-title{font-size:8px}#start.active-view{padding:11px}.news-article h1{font-size:21px!important}.news-article .actions{justify-content:start}.news-article p{font-size:11px}.top-heading .eyebrow{display:none}.top-heading h3{font-size:19px}.sidebar-panel label{text-align:left;font-size:10px}.sidebar-panel input{height:34px}.sidebar-panel .button{font-size:11px}.account-header p{max-width:100%}.wallet-grid .table-wrap th,.wallet-grid .table-wrap td{font-size:8px}}
@media(max-height:760px){.news-banner img{max-height:120px}.news-article{padding-top:12px}.news-article h1{font-size:23px!important;margin:10px 0!important}.news-article p{line-height:1.5;font-size:11px}.news-article h3{margin:10px 0}.news-rule{margin:12px 0}.news-article .actions{margin:12px 0}.server-card>p{margin:9px}.server-card>a{margin:7px 12px}.top-heading{padding:9px 4px 3px}.top-heading h3{margin:4px 0 7px}.account-section,.join,.downloads,#adminPanel{padding:12px}.wallet-grid form .help{font-size:10px}.wallet-grid form .eyebrow{display:none}}

header{height:100%;margin-top:0;margin-bottom:0}
/* Panels follow their actual contents instead of stretching to viewport height. */
.app-layout{align-items:start}
#topRanking{height:auto;align-self:start;min-height:0}
#topPlayers{display:block;flex:none;max-height:none}
#topPlayers li{min-height:36px;padding:9px 0}
#topRanking .ranking-link{margin:0;padding:13px 8px}
#accountSidebar{height:auto;align-self:start}
.sidebar-panel{height:auto;align-self:start;width:100%}
#screenContent{height:auto;min-height:0;align-self:start;max-height:100%;padding-bottom:10px}
[data-view]{height:auto;min-height:0}
#info.active-view{align-content:start;padding-top:18px;padding-bottom:18px}
#start.active-view{height:auto;min-height:0}
#konto.active-view{align-content:start}
#ranking .table-wrap,#panel .table-wrap,#sm .table-wrap,#adminPanel .table-wrap{height:auto;min-height:0}
@media(max-width:800px){#topPlayers li{min-height:29px;padding:8px 0}}

/* Sapphire preview: original clean typography in the classic portal layout. */
:root{--gold:#9acbff;--muted:#a5b7cd;--red:#226ce4;color-scheme:dark}
body{color:#e8f2ff;background-color:#050b16;font-family:"Segoe UI",sans-serif}
body:before{background:linear-gradient(90deg,#020711f5,#07172bd9 28%,#07172bd9 72%,#020711f5),linear-gradient(#07172b8c,#030813f2 80%)}
.brand{filter:drop-shadow(0 4px 20px #112c62)}
header nav{border-color:#7395c4;background:linear-gradient(#1d304c,#071224 52%,#122743);box-shadow:inset 0 0 0 3px #030914,inset 0 0 0 4px #3f6089,0 4px 20px #0009}
header nav a,header nav>a:not(.button){font-family:"Segoe UI",sans-serif;color:#c3d6ee;border-right-color:#92b8ed1c;font-weight:600;font-size:10px;letter-spacing:.4px}
header nav a.active{background:linear-gradient(#164494,#0e2349);border-color:#7faee7;color:#e3f2ff}
#screenContent,#topRanking,.sidebar-panel{border-color:#718cae;background:linear-gradient(130deg,#152237f5,#0b1423f5 65%,#11213bf0);box-shadow:inset 0 0 0 3px #050b16,inset 0 0 0 4px #354d6b,0 7px 25px #0009}
#screenContent:after,#topRanking:after,.sidebar-panel:after{color:#98bce9}
.ornate-title{background:linear-gradient(#2654a5,#17366c 22%,#0b1b39 78%,#132d55);border-color:#a4c8f2;color:#e0eeff;box-shadow:inset 0 0 0 3px #09152a,inset 0 0 0 4px #587aa6;font-family:"Segoe UI",sans-serif;font-size:12px;letter-spacing:1px}
.ornate-title:before,.ornate-title:after{color:#9fbfe8;font-size:15px;top:12px}
.eyebrow,.top-heading .eyebrow{color:#8cb7eb}.top-heading h3{color:#deecff}.top-heading h3 span{color:#84bdff}
#topPlayers li{border-top-color:#7393bb33;border-bottom-color:#030814a8;background:linear-gradient(#ffffff03,#0002);font-family:"Segoe UI",sans-serif}
#topPlayers .player-name{color:#d4e3f6}#topPlayers .place{color:#91add1}#topPlayers li:first-child .place{color:#c8e8ff}#topPlayers .player-level{color:#94c8ff;font-family:"Segoe UI",sans-serif}.ranking-link{color:#9dc9ff;font-family:"Segoe UI",sans-serif}
.button{font-family:"Segoe UI",sans-serif!important;background:linear-gradient(135deg,#235fd3,#153b85);border-color:#80aee8;box-shadow:inset 0 1px #c4e1ff33,0 3px 12px #0005;color:#f4f8ff;font-weight:600}
.button:hover{background:linear-gradient(135deg,#3478ef,#1e50ae);border-color:#b1d5ff}
.ghost-button{background:linear-gradient(#263a56,#101f35);border-color:#55759b;color:#b8d6ff;font-family:"Segoe UI",sans-serif!important}
.ghost-button:hover{border-color:#a9cfff;background:#243f65}
.news-banner{border-bottom-color:#6f95c23d}.news-banner img{filter:drop-shadow(0 8px 15px #010611)}.news-banner span{color:#91aaca}
.news-article .eyebrow{font-family:"Segoe UI",sans-serif;color:#8dbbfa;letter-spacing:2px}.news-article h1{font-family:Georgia,serif!important;font-size:34px!important;line-height:1.15!important;font-weight:400;letter-spacing:-1px;color:#edf4fc}
.news-article h1 em{font-style:normal;color:#8dc4ff;text-shadow:0 0 24px #2672e133}
.news-article p{font-family:"Segoe UI",sans-serif;color:#a9bad0;font-size:13px;line-height:1.7}.news-article h3{font-family:"Segoe UI",sans-serif;color:#d7e8fd;font-size:17px;font-weight:600}.news-rule{background:linear-gradient(90deg,transparent,#5376a3,transparent)}
.news-article .button,.news-article .ghost-button{font-family:"Segoe UI",sans-serif!important}.news-article .status{font-family:"Segoe UI",sans-serif}
.sidebar-panel label{font-family:"Segoe UI",sans-serif;color:#b3cce9;font-size:9px;letter-spacing:1px}.sidebar-panel input,input{border-color:#6585b34d;background:linear-gradient(120deg,#182b4566,#050d1a);box-shadow:inset 0 1px 4px #0007;color:#e9f2ff}
input:focus{border-color:#91c5ff;box-shadow:0 0 0 2px #337bd31a}.server-card>p{font-family:"Segoe UI",sans-serif;color:#afc0d6}.server-card .portal-online{color:#a7d2df}.server-card small{color:#8c9fb9;font-family:"Segoe UI",sans-serif}
#sideName{color:#bedaff;font-family:Georgia,serif}#sideBalance{color:#a6d6ff}
.section-heading h2,.join h2,.downloads h2{font-family:Georgia,serif;color:#dcecff;font-weight:400}#register h3,#panelGuest h3{color:#c9dfff;font-family:Georgia,serif}#register label,#panelGuest p{font-family:"Segoe UI",sans-serif}
#info article,.download{border-color:#597aa140;background:linear-gradient(125deg,#20324b55,#0b1a2c55)}#info article>span,.download>span{color:#84b6f0}#info article h3{color:#d3e7ff}#info article p{color:#a5b8d0}
form{background:linear-gradient(135deg,#1c2c4344,#0c162455);border-color:#6a8fba4d}label,form small,.help{color:#a1b7d1}
.account-header{background:#0a172b66;border-color:#6288b84a}.account-header p{color:#a2b8d3}.balance>span{color:#a2d1ff}.balance small{color:#93accd}
.table-wrap{border-color:#5a7ca04d}th{font-family:"Segoe UI",sans-serif;background:#1b3150;color:#a9ceff}td{font-family:"Segoe UI",sans-serif;color:#c7d8ed;border-top-color:#90b6e915}
#adminPanel .eyebrow{color:#8fc3ff}dialog{background:#0d1b2e;border-color:#8bb6ed;color:#e9f2ff}#decisionText{color:#acd2ff}
footer{background:#040a13d9;border-color:#557bac4d;color:#7d97b8}footer span{color:#9bb6d7}
@media(max-width:1100px){.news-article h1{font-size:29px!important}.news-article p{font-size:12px}.ornate-title{font-size:10px}}
@media(max-width:800px){.news-article h1{font-size:26px!important}.news-article p{font-size:11px}.ornate-title{font-size:9px;letter-spacing:.2px}.ornate-title:before,.ornate-title:after{display:none}}
@media(max-height:760px){.news-article h1{font-size:27px!important}.news-article p{font-size:11px}.news-article h3{margin:9px 0}.news-rule{margin:10px 0}.news-article .actions{margin:10px 0}}

.login-art{height:105px;margin:7px 7px 0;border-bottom:1px solid #709bd34a;background:linear-gradient(0deg,#0b162a99,transparent 55%),url('/login-art.jpg') 24% 35%/cover no-repeat;box-shadow:inset 0 0 20px #07112188}
@media(max-width:1100px){.login-art{height:85px}}@media(max-width:800px){.login-art{height:70px;margin:5px 5px 0}}@media(max-height:700px){.login-art{height:60px}}

/* Restore the original clean website design; retain portal placement and requested blue palette. */
body{background:#0b111c;background-image:radial-gradient(ellipse at 80% 15%,#17457624,transparent 45%),radial-gradient(ellipse at 20% 70%,#19417e15,transparent 45%);color:#e9f0fa;font-family:"Segoe UI",sans-serif}
body:before{display:none}.brand{filter:drop-shadow(0 4px 14px #0005)}
header nav{background:transparent;border:0;border-bottom:1px solid #ffffff16;box-shadow:none;padding:4px 0}
header nav a,header nav>a:not(.button){font-family:"Segoe UI",sans-serif;font-size:11px;font-weight:400;letter-spacing:0;text-transform:none;border:0;color:#acbcd1;padding:12px 15px}
header nav a.active{background:#182c49;color:#b6d7ff;border:0;border-bottom:1px solid #78a6df}
#screenContent,#topRanking,.sidebar-panel{background:#111b2a;border:1px solid #ffffff14;box-shadow:none}
#screenContent:after,#topRanking:after,.sidebar-panel:after{display:none}
.ornate-title{background:transparent;box-shadow:none;border:0;border-bottom:1px solid #ffffff12;color:#c4d8f1;font:600 12px "Segoe UI",sans-serif;text-transform:none;letter-spacing:0;height:42px;justify-content:flex-start;padding:0 18px;text-shadow:none}
.ornate-title:before,.ornate-title:after{display:none}.top-heading{text-align:left;padding:18px 18px 8px}.top-heading h3{font:28px Georgia,serif;color:#e6effa;margin:7px 0}.top-heading .eyebrow{font-size:7px;color:#92a9c6;letter-spacing:1.6px}
#topPlayers{padding:0 15px}#topPlayers li{background:transparent;border-bottom:0;border-top:1px solid #ffffff0d;font-family:"Segoe UI",sans-serif;min-height:35px}
#topPlayers .place{color:#728ba9;font:12px "Segoe UI"}#topPlayers li:first-child .place{color:#b9dcff}#topPlayers .player-name{color:#c7d6e8}#topPlayers .player-level{font:10px "Segoe UI";color:#88add9}.ranking-link{font:10px "Segoe UI";color:#9fbfe6}
.button{background:#245ba8;border:1px solid #487ec7;color:white;box-shadow:none;font:600 12px "Segoe UI",sans-serif!important;text-transform:none!important;transition:background .2s}
.button:hover{background:#3473c9;border-color:#6397dc}.ghost-button{background:transparent;border:1px solid #ffffff26;color:#9fbfe6;box-shadow:none;font:12px "Segoe UI",sans-serif!important;text-transform:none!important}
.ghost-button:hover{background:#ffffff06;border-color:#759aca}
input,.sidebar-panel input{background:#0a111d;border:1px solid #ffffff1c;box-shadow:none;color:#ecf3ff;font:13px "Segoe UI";outline:none}input:focus,.sidebar-panel input:focus{border-color:#80ace4;box-shadow:none}
.sidebar-panel label{font:11px "Segoe UI";color:#9daec4;letter-spacing:0;text-transform:none;text-align:left}
.sidebar-panel .button,.sidebar-panel .ghost-button{font:600 11px "Segoe UI"!important;text-transform:none}
.server-card>p{font:12px/1.6 "Segoe UI";color:#98abc4}.server-card .portal-online{color:#b0c9de}.server-card small{font:9px "Segoe UI";color:#6e86a4}
.news-banner{border-bottom:1px solid #ffffff10;padding-bottom:18px}.news-banner img{filter:drop-shadow(0 8px 20px #0005)}.news-banner span{font:8px "Segoe UI";color:#829bb9;letter-spacing:3px}
.news-article .eyebrow{font:9px "Segoe UI";color:#9bbbe5;letter-spacing:2px}.news-article h1{font:400 42px/1.12 Georgia,serif!important;letter-spacing:-1.5px;margin:20px 0!important;color:#f0f5fc}
.news-article h1 em{color:#9bc7ff;text-shadow:none}.news-article p{font:14px/1.65 "Segoe UI",sans-serif;color:#97abc5}.news-article h3{font:600 17px "Segoe UI";color:#c8d7e9}.news-rule{background:#ffffff10;height:1px}
.news-article .actions{justify-content:flex-start;gap:16px}.news-article .button,.news-article .ghost-button{padding:13px 20px}.news-article .status{justify-content:flex-start;color:#91a7c2;font:10px "Segoe UI"}
.section-heading h2,.join h2,.downloads h2{font:400 30px/1.15 Georgia,serif;color:#e6effb;letter-spacing:-1px}
form{border:1px solid #ffffff18;background:#121d2e;box-shadow:none}#register{background:none}form h3,#register h3{font:600 17px "Segoe UI";color:#d8e7f9}label,#register label{font:11px "Segoe UI";color:#a9bad0}
.account-header{background:#17253a;border:1px solid #ffffff15;box-shadow:none}.table-wrap{border:1px solid #ffffff16}th{font:600 10px "Segoe UI";color:#a9c7ef;background:#1a2a40}td{font:12px "Segoe UI";color:#c7d5e8;border-color:#ffffff0d}
#info article,.download{background:#142033;border:1px solid #ffffff16;box-shadow:none}.download:hover{border-color:#6d9edb;background:#182943}#info h3,.download h3{font-family:"Segoe UI";color:#d6e6f9}#info p,.download p,.help{font-family:"Segoe UI";color:#96abc5}
#sideName{font:24px Georgia;color:#d6e8ff}#sideBalance{color:#9cc8fc}dialog{background:#121d2e;border:1px solid #608aba;box-shadow:0 10px 40px #0009}dialog form{border:0}footer{background:transparent;border-color:#ffffff14;color:#6e839e}footer span{color:#8399b5}
.login-art{box-shadow:none;border-color:#ffffff13;opacity:.9}
@media(max-width:1100px){header nav a,header nav>a:not(.button){font-size:10px;padding:10px}.news-article h1{font-size:34px!important}.news-article p{font-size:12px}.ornate-title{font-size:11px;padding-left:12px}.top-heading{padding:14px 12px 6px}}
@media(max-width:800px){header nav a,header nav>a:not(.button){font-size:8px;padding:8px 7px}.ornate-title{font-size:10px;padding-left:9px;height:31px}.top-heading{padding:12px 8px 6px}.top-heading .eyebrow{font-size:6px;letter-spacing:.5px}.top-heading h3{font-size:22px}#topPlayers{padding:0 8px}#topPlayers li{font-size:9px;min-height:29px}#topPlayers .place{font-size:9px}#topPlayers .player-level{font-size:7px}.news-article h1{font-size:30px!important}.news-article p{font-size:11px}.news-article .eyebrow{font-size:7px}.news-article .button,.news-article .ghost-button{font-size:10px!important;padding:10px 12px}.sidebar-panel label{font-size:9px}.sidebar-panel .button,.sidebar-panel .ghost-button{font-size:9px!important}.server-card>p{font-size:10px}}
@media(max-height:760px){.news-article h1{font-size:30px!important;margin:14px 0!important}.news-article p{font-size:11px}.news-article .actions{margin:12px 0}.news-article .button,.news-article .ghost-button{padding:10px 14px}}