:root{--paper:#f7f8f6;--ink:#202b26;--muted:#6a726d;--line:#dce1da;--green:#24604e;--mint:#e4eee7;--red:#a13838;--white:#fff;--radius:6px;color-scheme:light}
.news-toolbar{display:flex;align-items:center;gap:12px;padding:24px 0}.news-toolbar h2{font:normal 26px Georgia,serif;margin:0 auto 0 0}.community-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:48px}.community-layout>div,.server-section{min-width:0}.news-post{padding:22px 0;border-bottom:1px solid var(--line);animation:arrive .25s ease-out}.news-post:first-child{padding-top:0}.news-meta{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.news-meta time{margin-right:auto}.news-meta .icon-button{width:32px;height:32px}.news-post h3{font:normal 24px Georgia,serif;margin:16px 0;overflow-wrap:anywhere}.news-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.8}.online-total{display:flex;gap:12px;align-items:center;padding:0 0 20px;border-bottom:1px solid var(--line)}.online-total strong{font-size:32px;font-variant-numeric:tabular-nums}.online-total span{color:var(--muted);font-size:12px}.online-total svg{color:var(--green)}.server-group{padding:18px 0;border-bottom:1px solid var(--line)}.server-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.server-heading h3{font-size:14px;margin:0 0 12px}.channel-row{display:grid;grid-template-columns:1fr 36px 80px;gap:12px;align-items:center;padding:8px 0;font-size:12px}.channel-count{text-align:right;font-variant-numeric:tabular-nums}.channel-load{text-align:center;border-radius:4px;padding:3px 6px;font-size:10px}.channel-load.low{background:#e4eee7;color:#24604e}.channel-load.medium{background:#e3edf6;color:#285d86}.channel-load.high{background:#fff0c7;color:#7b590c}.channel-load.full{background:#f8dddd;color:#9c3030}#news-dialog{width:580px}textarea{font:inherit;min-width:0;width:100%;resize:vertical;border:1px solid var(--line);border-radius:6px;background:var(--white);padding:12px;color:var(--ink)}textarea:focus{outline:2px solid #85b6a1}#delete-news-title{overflow-wrap:anywhere}@media(max-width:700px){.community-layout{grid-template-columns:minmax(0,1fr);gap:28px}.server-section{grid-row:1}.news-toolbar{flex-wrap:wrap}.news-toolbar h2{font-size:23px}.news-toolbar .button{font-size:11px}.tabs{gap:18px}.tab{white-space:nowrap}.news-post h3{font-size:22px}}
*{box-sizing:border-box;letter-spacing:0}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Trebuchet MS",Verdana,sans-serif;font-size:15px;line-height:1.5}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible{outline:3px solid #85b6a1;outline-offset:4px}input:focus,select:focus{outline:2px solid #85b6a1;outline-offset:1px}button{letter-spacing:0}svg{width:20px;height:20px;flex-shrink:0;stroke-width:1.7}[hidden]{display:none!important}
.masthead{max-width:1240px;margin:auto;min-height:94px;padding:18px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-family:Georgia,serif;font-size:34px;font-weight:bold;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:24px}.brand span{font-family:"Trebuchet MS",sans-serif;font-size:13px;font-weight:normal;border-left:1px solid var(--line);padding-left:24px;color:var(--muted)}.account{display:flex;align-items:center;gap:18px;min-width:0}#account-name{max-width:200px;overflow-wrap:anywhere;font-size:13px;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:9px 17px;border-radius:var(--radius);border:1px solid transparent;font-weight:bold;font-size:13px;transition:background .15s}.secondary{border-color:var(--line);background:transparent;color:var(--ink)}.secondary:hover{background:var(--mint)}.primary{background:var(--green);color:#fff}.primary:hover{background:#184735}.full{width:100%}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;background:transparent;border:1px solid var(--line);border-radius:var(--radius);color:var(--muted)}.icon-button:hover{color:var(--green);background:var(--mint)}
.scene{height:214px;background-image:linear-gradient(90deg,rgba(246,248,244,.98),rgba(246,248,244,.82) 27%,transparent 62%),url('/world.png');background-size:cover;background-position:center 49%;position:relative;overflow:hidden;border-block:1px solid #ccd4c8}.scene-copy{max-width:1176px;margin:0 auto;padding:24px 0;position:relative}.overline{font-size:10px;font-weight:bold;color:var(--green)}h1{font-family:Georgia,serif;font-size:40px;line-height:1.2;margin:7px 0 10px;font-weight:normal}.scene p{font-size:14px;margin:0;color:#425046}.scene-label{position:absolute;right:32px;bottom:16px;color:white;font-size:11px;text-shadow:0 1px 4px #000}
main{max-width:1240px;margin:auto;padding:0 32px 56px;min-height:480px}.character-strip{display:flex;align-items:center;gap:14px;padding:24px 0}.character-icon{width:44px;height:44px;display:grid;place-items:center;background:var(--mint);color:var(--green);border-radius:50%;flex-shrink:0}.character-info{display:flex;flex-direction:column;gap:2px;min-width:0}.label{font-size:9px;color:var(--muted);font-weight:bold}.character-info strong{font-size:15px;overflow-wrap:anywhere}.character-info select{max-width:100%;padding:3px 25px 3px 6px;min-height:30px}.connection{margin-left:auto;color:var(--muted);font-size:12px;flex-shrink:0;display:flex;align-items:center;gap:7px}.connection:before{content:"";height:6px;width:6px;background:#a0a69e;border-radius:50%}.connection.online{color:var(--green)}.connection.online:before{background:#308460}.tabs{display:flex;gap:30px;border-bottom:1px solid var(--line)}.tab{border:0;border-bottom:2px solid transparent;padding:12px 0 16px;background:transparent;color:var(--muted);font-size:15px}.tab.active{color:var(--ink);border-bottom-color:var(--green);font-weight:bold}.tab span{font-size:11px;background:#e9ece6;margin-left:6px;padding:3px 6px;border-radius:3px}.catalog-toolbar{display:flex;gap:12px;align-items:center;padding:24px 0}.search{display:flex;align-items:center;gap:10px;flex:1;max-width:350px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:0 12px;color:var(--muted)}.search input{width:100%;min-width:0;border:0;outline:none;background:transparent;min-height:42px;font-size:13px}.search:focus-within{outline:2px solid #85b6a1}select{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);color:var(--ink);padding:10px 30px 10px 12px;min-height:44px;font-size:13px}.price-note{margin-left:auto;font-size:12px;color:var(--muted);white-space:nowrap}.price-note b{font-size:15px;color:var(--ink);margin-left:5px}
.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product{border:1px solid var(--line);border-radius:var(--radius);padding:20px;background:var(--white);display:flex;flex-direction:column;min-width:0;animation:arrive .25s ease-out}.product-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.item-art{display:grid;place-items:center;width:54px;height:54px;flex-shrink:0;border:1px solid #d0e0d3;background:linear-gradient(135deg,#edf4ed,#d9e8df);border-radius:4px;color:#32644f}.item-art svg{width:29px;height:29px}.product.weapons .item-art{background:linear-gradient(135deg,#f0eff4,#e3dee9);border-color:#d9d3e1;color:#62556f}.product.bags .item-art{background:linear-gradient(135deg,#f8eeeb,#efdcd9);border-color:#e8d0c9;color:#9a6657}.quantity{font-size:11px;color:var(--muted)}.product h2{font-size:15px;font-weight:bold;line-height:1.45;margin:17px 0 6px;min-height:44px;overflow-wrap:anywhere}.item-code{font-size:10px;color:var(--muted);margin:0 0 20px}.product-bottom{border-top:1px solid #edf0eb;padding-top:15px;margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px}.cost{font-family:Georgia,serif;font-size:25px;line-height:1}.product .button{min-height:36px;font-size:12px;padding:7px 12px}.product .button svg{width:16px;height:16px}.empty{text-align:center;padding:70px 16px;color:var(--muted);font-size:14px}.history{padding-top:10px}.history-row{display:grid;grid-template-columns:1fr 140px 155px;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line);min-width:0}.history-name{font-size:14px;overflow-wrap:anywhere}.history-meta{font-size:11px;color:var(--muted);margin-top:4px}.recipient{font-size:13px;overflow-wrap:anywhere}.status{font-size:11px;color:var(--green);display:flex;gap:6px;align-items:center}.status svg{width:16px;height:16px}.status.claimed{color:var(--muted)}.notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);width:max-content;background:var(--ink);color:var(--white);padding:14px 20px;border-radius:var(--radius);font-size:13px;box-shadow:0 5px 22px #0002;z-index:3;overflow-wrap:anywhere}.notice.error{background:var(--red)}footer{max-width:1240px;margin:auto;padding:22px 32px;border-top:1px solid var(--line);color:var(--muted);font-size:10px;display:flex;justify-content:space-between;gap:16px}footer b{padding:0 10px;color:#b2b9af}
dialog{width:420px;max-width:calc(100% - 32px);border:1px solid var(--line);border-radius:8px;padding:26px;background:var(--paper);color:var(--ink);box-shadow:0 24px 80px #0003}dialog::backdrop{background:#18211d99}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:24px}.dialog-heading h2{font-family:Georgia,serif;font-size:23px;line-height:1.2;margin:0;font-weight:normal;overflow-wrap:anywhere}.dialog-heading .icon-button{border:0;width:30px;height:30px}form>label{display:flex;flex-direction:column;gap:7px;font-size:12px;margin-bottom:17px}form input{border:1px solid var(--line);background:var(--white);border-radius:var(--radius);padding:11px 12px;min-width:0;width:100%}.form-error{font-size:12px;color:var(--red);min-height:18px;overflow-wrap:anywhere}.buy-name{display:block;overflow-wrap:anywhere;font-size:17px}dl{margin:22px 0;font-size:13px}dl div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--line)}dt{color:var(--muted)}dd{margin:0;text-align:right;overflow-wrap:anywhere;min-width:0}
@keyframes arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(min-width:1240px){.scene-copy{padding-left:0}}@media(max-width:1239px){.scene-copy{padding-left:32px}}@media(max-width:960px){.products{grid-template-columns:repeat(3,minmax(0,1fr))}.brand span{display:none}.scene{background-position:58% center}}@media(max-width:700px){.masthead{min-height:78px;padding:14px 20px}.brand{font-size:29px}.account{gap:9px}#account-name{max-width:100px;font-size:11px}.account .button{padding:8px 11px}.scene{height:182px;background-position:57% center}.scene-copy{padding:23px 20px}h1{font-size:32px}.scene p{font-size:12px}.overline{font-size:9px}.scene-label{right:20px;font-size:9px}main{padding:0 20px 40px}.character-strip{gap:10px;padding:20px 0}.connection{font-size:10px}.character-info strong{font-size:13px}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product{padding:14px}.product h2{font-size:13px;min-height:57px}.item-art{width:44px;height:44px}.item-art svg{width:24px;height:24px}.quantity{font-size:10px}.product-bottom{gap:7px}.product .button{padding:7px 10px}.price-note{display:none}.catalog-toolbar{padding:20px 0;gap:8px}.search{max-width:none}.catalog-toolbar select{max-width:139px;font-size:12px;padding-left:9px}.history-row{grid-template-columns:1fr 120px;gap:10px}.recipient{grid-column:1;font-size:11px}.status{grid-column:2;grid-row:1 / 3;font-size:10px}.tabs{gap:24px}.tab{font-size:14px}footer{padding:20px;font-size:9px}.notice{bottom:16px}}@media(max-width:380px){.products{grid-template-columns:minmax(0,1fr)}.product h2{min-height:0}.connection{display:none}.catalog-toolbar{flex-wrap:wrap}.search{flex-basis:100%}.catalog-toolbar select{max-width:none;width:100%}.scene-copy{padding-left:16px}.character-icon{width:36px;height:36px}}