:root{--bg:#0b121c;--panel:#111c29;--panel2:#192535;--edge:rgba(206,184,138,.16);--gold:#ddc292;--gold-bright:#f1d6a2;--text:#f3f1eb;--muted:#9ca8b8;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.55;min-width:320px}button,input{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}em{font-family:Georgia,'Times New Roman',serif;font-style:italic;color:var(--gold-bright);font-weight:normal}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.03em}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #e9cd8a;outline-offset:3px}[hidden]{display:none!important}.wrap{max-width:1200px;padding:0 32px;margin:0 auto}.sky-noise{position:fixed;pointer-events:none;inset:0;background:radial-gradient(ellipse at 75% 5%,rgba(47,85,100,.1),transparent 46%),radial-gradient(ellipse at 18% 90%,rgba(139,95,83,.06),transparent 55%);z-index:-1}
.topbar{position:sticky;top:0;z-index:30;background:rgba(8,14,22,.91);backdrop-filter:blur(18px);border-bottom:1px solid var(--edge)}.header-inner{display:flex;align-items:center;min-height:78px;gap:32px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand-emblem{font-size:31px;color:var(--gold);font-family:Georgia}.brand-title{font-family:Georgia,'Times New Roman',serif;line-height:1;letter-spacing:.1em;font-size:16px;font-weight:700;white-space:nowrap}.brand-title>span{font-size:10px;letter-spacing:0;color:var(--gold);margin:0 2px}.brand-title small{font-family:Arial,sans-serif;font-size:7px;letter-spacing:.32em;color:#8b9aa9;font-weight:400;display:block;margin-top:7px}.desktop-nav{display:flex;justify-content:center;flex:1;gap:32px}.desktop-nav a,.account-link{color:#a7b3c0;font-size:13px;font-weight:600;transition:color .2s}.desktop-nav a:hover,.desktop-nav a.active,.account-link.active,.account-link:hover{color:var(--gold)}.account-link{display:flex;align-items:center;gap:9px;border:1px solid var(--edge);border-radius:50px;padding:10px 15px}.account-icon{font-size:20px;line-height:1;color:var(--gold)}
.hero{min-height:660px;position:relative;overflow:hidden;display:flex;align-items:center;background:radial-gradient(circle at 70% 26%,#253f50 0,#101e2f 28%,#0c1520 60%,#0b121c 100%)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b121c 0,rgba(11,18,28,.93) 20%,rgba(11,18,28,.26) 67%,rgba(11,18,28,.2));z-index:1}.hero-art{position:absolute;inset:0}.landscape{height:100%;width:100%;position:absolute;right:0;bottom:0;opacity:.9}.moon{width:280px;height:280px;border-radius:100%;background:radial-gradient(circle at 36% 32%,#fff9df 0%,#f3d8b4 42%,#c7a4a2 75%,#928da5 100%);box-shadow:0 0 70px rgba(243,211,168,.19),0 0 170px rgba(243,211,168,.12);position:absolute;right:18%;top:14%;opacity:.85}.star{position:absolute;width:3px;height:3px;border-radius:50%;background:#d5d6cb;box-shadow:0 0 12px #bfe0ea}.s1{top:16%;right:49%}.s2{top:28%;right:9%}.s3{top:44%;right:54%}.s4{top:11%;right:37%}.hero-content{position:relative;z-index:2;width:100%;padding-top:75px;padding-bottom:76px}.eyebrow,.kicker,.small-label{font-size:11px;letter-spacing:.22em;font-weight:700;color:var(--gold)}.eyebrow{display:flex;gap:12px;align-items:center;margin-bottom:24px}.eyebrow-line{width:25px;height:1px;background:var(--gold)}.hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(54px,6.1vw,94px);line-height:1.08;font-weight:400;max-width:850px;margin-bottom:27px;letter-spacing:-.055em}.hero p{max-width:475px;color:#bfccd2;font-size:15px;line-height:1.8;margin-bottom:29px}.hero-buttons{display:flex;gap:13px;flex-wrap:wrap}.btn{display:inline-flex;justify-content:center;align-items:center;gap:24px;padding:13px 21px;border-radius:7px;min-height:48px;border:1px solid transparent;font-size:13px;line-height:1.2;font-weight:700;transition:transform .2s var(--ease),background .2s ease,border .2s ease}.btn:hover{transform:translateY(-2px)}.btn-gold{background:var(--gold);color:#1b1c21}.btn-gold:hover{background:#f1d6a2}.btn-glass,.btn-outline{border-color:rgba(239,219,179,.32);background:rgba(16,25,34,.5);color:#eee5d6}.btn-line{border:1px solid var(--gold);color:var(--gold)}.hero-foot{margin-top:43px;display:flex;align-items:center;gap:9px;font-size:11px;color:#a0a9ae;letter-spacing:.06em}.foot-dot,.live-dot{width:7px;height:7px;background:#8ec4ac;border-radius:50%;display:inline-block;box-shadow:0 0 12px #5ba28a}.sep{opacity:.35;padding:0 3px}
.home-body{padding-top:86px;padding-bottom:92px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.section-heading h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(27px,3.5vw,43px);margin:8px 0 0}.faint-num{font-size:10px;color:#6f7a88;letter-spacing:.2em}.feature-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:16px}.feature{position:relative;min-height:315px;border:1px solid var(--edge);border-radius:14px;overflow:hidden;padding:24px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 68% 20%,#3b5c62 0,#192c3a 35%,#111a29 85%);transition:transform .2s,border .2s}.feature:hover{transform:translateY(-5px);border-color:rgba(241,214,162,.45)}.feature-wiki{background:radial-gradient(circle at 68% 10%,#514051 0,#262434 38%,#141a29 92%)}.feature-updates{background:radial-gradient(circle at 75% 14%,#554237,#312831 40%,#171b28 90%)}.feature-sig{align-self:flex-end;font-family:Georgia,serif;color:rgba(246,223,188,.29);font-size:76px;line-height:1}.pill{display:inline-block;color:var(--gold);font-size:9px;letter-spacing:.17em;font-weight:800;border:1px solid rgba(233,202,155,.33);border-radius:3px;padding:4px 8px;margin-bottom:14px}.feature h3{font-size:21px;margin-bottom:8px}.feature p{font-size:12px;color:#c5c9d0;max-width:310px;line-height:1.7;margin-bottom:15px}.feature-more{color:#ead0a1;font-size:12px;font-weight:700}.split-banner{margin-top:46px;background:linear-gradient(110deg,#1a2936,#17222d);border:1px solid var(--edge);padding:35px 39px;border-radius:13px;display:flex;justify-content:space-between;gap:30px;align-items:center}.split-banner h2{font-size:26px;font-family:Georgia,serif;font-weight:400;margin:9px 0}.split-banner p{color:#9faebb;max-width:630px;font-size:13px;margin:0;line-height:1.75}
.inner-page{padding:74px 0 110px;min-height:72vh}.page-hero{margin-bottom:36px}.page-hero h1{font:400 clamp(43px,5.5vw,69px)/1.15 Georgia,serif;letter-spacing:-.052em;margin:13px 0 13px}.page-hero p{color:var(--muted);font-size:14px;max-width:620px;line-height:1.8}.game-shell{border:1px solid rgba(225,201,154,.25);border-radius:14px;overflow:hidden;background:#091522}.game-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;background:#172536;gap:14px;border-bottom:1px solid var(--edge)}.game-bar-label{display:flex;align-items:center;gap:9px;color:var(--gold);font-size:10px;letter-spacing:.12em;font-weight:700}.game-stats{font-size:11px;color:#dfdfd6;display:flex;gap:16px;font-weight:700;letter-spacing:.02em}.game-stage{position:relative;background:#08121e}.game-stage canvas{width:100%;display:block;aspect-ratio:960/420;touch-action:none}.game-overlay{position:absolute;inset:0;display:grid;place-items:center;background:rgba(6,13,23,.75);backdrop-filter:blur(3px)}.game-overlay-inner{text-align:center;padding:20px}.overlay-rune{font-size:42px;color:var(--gold)}.game-overlay h2{font:400 32px Georgia,serif;margin:6px 0}.game-overlay p{color:#bdc8d1;font-size:12px;margin-bottom:23px}.control-area{background:#172433;padding:17px;display:flex;justify-content:space-between;align-items:center;gap:20px}.control-group{display:flex;gap:12px}.game-key{background:#29394d;border:1px solid rgba(230,214,174,.2);border-radius:13px;color:#fff;min-width:64px;min-height:60px;font-size:23px;font-weight:700;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.game-key.pressed{transform:scale(.96);background:#597085}.jump-key{font-size:12px;background:#385065;min-width:94px}.attack-key{font-size:12px;color:#162130;background:var(--gold);min-width:102px}.attack-key.pressed{background:#faf0d5}.game-help{font-size:12px;color:#bdc9d2;line-height:1.8;margin:18px 0}.notice{margin-top:29px;border:1px solid rgba(222,195,150,.25);border-radius:10px;background:rgba(30,39,46,.75);padding:15px 17px;display:flex;gap:12px;align-items:flex-start}.notice-icon{flex:0 0 auto;color:var(--gold);font-size:17px}.notice p{color:#aab7c5;font-size:12px;line-height:1.75;margin:0}.notice strong{color:#e5dfd1}
.wiki-controls{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:20px 0 24px}.search-wrap{position:relative;max-width:405px;flex:1}.search-wrap>span{position:absolute;left:15px;top:5px;color:#cdb890;font-size:25px}.search-wrap input{border:1px solid var(--edge);color:var(--text);background:#172230;border-radius:8px;padding:15px 17px 15px 44px;width:100%;outline:none;font-size:13px}.search-wrap input:focus{border-color:#d8b887}.search-wrap input::placeholder{color:#8d9aaa}.chip-list{display:flex;gap:8px}.chip{font-size:12px;border-radius:40px;border:1px solid var(--edge);background:#131f2b;color:#bbc5cb;padding:10px 14px;white-space:nowrap}.chip.active{background:var(--gold);color:#171c25}.wiki-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.wiki-card{border:1px solid var(--edge);background:#15202e;border-radius:12px;overflow:hidden;text-align:left;color:inherit;padding:0;transition:transform .2s,border-color .2s}.wiki-card:hover{transform:translateY(-4px);border-color:rgba(232,205,165,.55)}.wiki-portrait{height:188px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 23%,var(--c2,#344d62),var(--c1,#1e2f40) 68%,#121b28 100%);display:flex;align-items:center;justify-content:center}.wiki-portrait:after{content:"";position:absolute;border:1px solid rgba(244,225,180,.11);inset:15px;border-radius:100% 100% 3px 3px}.wiki-letter{font:400 90px Georgia,serif;color:rgba(246,223,188,.66);text-shadow:0 0 35px rgba(240,205,139,.23)}.wiki-card-info{padding:15px 16px}.wiki-card-info h3{font-size:17px;letter-spacing:0;margin:5px 0 4px}.wiki-card-info p{font-size:12px;color:#a5b3c0;margin:0}.tag{display:inline-block;font-size:9px;font-weight:800;color:#b8d8c5;letter-spacing:.12em}.tag.planned{color:#d9bb90}.wiki-empty{color:#9ca8b8;padding:40px;text-align:center}.wiki-dialog{position:fixed;border:1px solid rgba(224,198,149,.35);background:#111d2a;color:var(--text);border-radius:16px;max-width:460px;width:calc(100% - 32px);padding:35px;box-shadow:0 20px 90px #000b}.wiki-dialog::backdrop{background:#04070dd1;backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:16px;top:10px;background:none;color:#e2d6bd;border:0;font-size:28px}.dialog-big{font:400 55px Georgia,serif;color:var(--gold);line-height:1}.dialog-title{font:400 35px Georgia,serif;margin:12px 0}.dialog-meta{color:var(--gold);font-size:11px;letter-spacing:.13em}.dialog-copy{font-size:13px;color:#bec9d2;line-height:1.8;margin-top:15px}
.timeline{max-width:880px}.time-item{position:relative;display:grid;grid-template-columns:56px 1fr 80px;gap:20px;padding:28px 20px 31px 0;border-top:1px solid var(--edge)}.time-index{font:400 28px Georgia,serif;color:#a78d6c}.time-item h3{margin:6px 0 9px;font-size:20px}.time-item p{font-size:13px;color:#9baaba;max-width:590px;margin:0;line-height:1.8}.status{justify-self:end;align-self:start;border:1px solid var(--edge);border-radius:30px;padding:5px 9px;font-size:9px;color:#9ba8b9;letter-spacing:.1em}.status-now{color:#aee3c1;border-color:#4b8679}
.account-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:18px}.account-card{background:linear-gradient(145deg,#192737,#111a27);border:1px solid var(--edge);padding:31px;border-radius:12px}.account-avatar{height:60px;width:60px;border-radius:50%;display:grid;place-items:center;font-size:33px;color:var(--gold);background:#2b3948;margin-bottom:21px}.account-card h2{font:400 29px Georgia,serif;margin:10px 0 7px}.account-card>p{font-size:13px;color:#a8b7c4;line-height:1.8}.guest-id{margin-bottom:20px;word-break:break-all}.account-stat{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--edge);padding:14px 0;font-size:12px;color:#b0bdc5}.account-stat strong{color:#f2e6c9}.account-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.import-label{cursor:pointer}.tiny-help{margin:15px 0 0;color:#8e9da9!important;font-size:11px!important;line-height:1.7}.future-card{background:radial-gradient(circle at 76% 15%,#32354a 0,#16202e 47%,#121a26 100%)}.future-icon{color:#ddc292;font-size:44px;margin-bottom:14px}.disabled-options{display:grid;gap:10px;margin:23px 0}.disabled-options span{display:block;opacity:.47;border:1px solid var(--edge);border-radius:8px;padding:13px 16px;font-size:13px;background:#242d3e;cursor:not-allowed}
.footer{border-top:1px solid var(--edge);background:#09111a;padding:35px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:16px}.footer-inner>div{display:flex;gap:25px;color:#78899a;font-size:11px}.footer-brand .brand-title{font-size:13px}.mobile-nav{display:none}
@media(max-width:1050px){.desktop-nav{gap:17px}.feature-grid{grid-template-columns:1fr 1fr}.feature-large{grid-row:span 2;min-height:644px}.moon{right:8%}.wiki-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:740px){.wrap{padding-left:20px;padding-right:20px}.topbar{position:relative}.header-inner{min-height:64px;justify-content:space-between}.brand-title{font-size:14px}.brand-title small{font-size:6px}.brand-emblem{font-size:25px}.desktop-nav{display:none}.account-link{font-size:12px;padding:7px 12px}.hero{min-height:635px;align-items:flex-end}.hero:before{background:linear-gradient(0deg,#0b121c 3%,rgba(11,18,28,.62) 42%,rgba(11,18,28,.12) 100%)}.hero-content{padding:250px 20px 42px}.moon{width:180px;height:180px;top:7%;right:18%}.hero h1{font-size:clamp(48px,10vw,66px);line-height:1.13;margin-bottom:18px}.hero p{font-size:13px}.eyebrow{font-size:9px}.hero-buttons{flex-direction:column;align-items:stretch}.hero-buttons .btn{justify-content:space-between}.hero-foot{margin-top:25px}.home-body{padding-top:60px;padding-bottom:65px}.section-heading h2{font-size:31px}.faint-num{display:none}.feature-grid{grid-template-columns:1fr;gap:12px}.feature,.feature-large{grid-row:auto;min-height:248px}.feature-sig{font-size:53px}.feature h3{font-size:19px}.split-banner{flex-direction:column;align-items:flex-start;padding:26px;margin-top:30px}.split-banner h2{font-size:25px}.inner-page{padding-top:51px;padding-bottom:90px}.page-hero h1{font-size:48px}.wiki-controls{flex-direction:column;align-items:stretch}.search-wrap{max-width:none}.chip-list{overflow-x:auto}.wiki-grid{grid-template-columns:repeat(2,1fr);gap:10px}.wiki-portrait{height:158px}.wiki-letter{font-size:73px}.wiki-card-info{padding:13px}.wiki-card-info h3{font-size:15px}.wiki-card-info p{font-size:11px}.game-bar{align-items:flex-start;flex-direction:column;padding:13px 14px;gap:7px}.game-stats{width:100%;justify-content:space-between;font-size:10px}.game-key{min-width:58px;min-height:57px}.jump-key{min-width:78px}.attack-key{min-width:85px}.control-area{gap:10px;padding:12px}.control-group{gap:8px}.account-grid{grid-template-columns:1fr}.account-card{padding:23px}.footer{padding-bottom:97px}.footer-inner,.footer-inner>div{align-items:flex-start;flex-direction:column;gap:9px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:35;background:rgba(10,17,26,.97);border-top:1px solid var(--edge);display:flex;justify-content:space-around;padding:9px 0 calc(9px + env(safe-area-inset-bottom));backdrop-filter:blur(16px)}.mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:0;min-width:66px;color:#9ba7b6}.mobile-nav a span{font-size:21px;line-height:1.4}.mobile-nav a small{font-size:10px}.mobile-nav a.active{color:var(--gold)}.time-item{grid-template-columns:32px 1fr;gap:12px}.status{grid-column:2;justify-self:start}}
@media(min-width:741px) and (max-width:860px){.header-inner{gap:15px}.brand-title{font-size:13px}.desktop-nav{gap:9px}.desktop-nav a{font-size:11px}.account-link{padding:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* v0.2 account + announcements enhancements */
.lon-form{display:flex;flex-direction:column;gap:13px;margin-top:16px}
.lon-form label:not(.inline-check){display:flex;flex-direction:column;gap:6px;color:#e5dec9;font-size:14px;font-weight:600}
.lon-form input:not([type=checkbox]),.lon-form select,.lon-form textarea{width:100%;border:1px solid rgba(209,190,147,.27);border-radius:10px;padding:13px;background:#122032;color:#f5f0e5;font:inherit;outline-offset:3px}
.lon-form textarea{resize:vertical}
.lon-form input:focus-visible,.lon-form select:focus-visible,.lon-form textarea:focus-visible{outline:2px solid #d9bd7a}
.lon-form input::placeholder,.lon-form textarea::placeholder{color:#a2acb9}
.lon-form button:disabled{opacity:.52;cursor:not-allowed}
.inline-check{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.5}
.inline-check input{margin-top:3px;accent-color:#d3b36f}
.inline-check a,.simple-link{color:#e7c886;text-decoration:underline}
.simple-link{background:none;border:0;cursor:pointer;text-align:left;font:inherit;padding:5px 0}
.muted-help{font-size:12px;color:#bac5cf;line-height:1.6}
.auth-tabs{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}
.auth-tab{border-radius:9px;cursor:pointer;border:1px solid #4d5b6f;color:#c9d3df;background:transparent;padding:10px 14px;font-weight:700}
.auth-tab.active{background:#d2b473;color:#152231;border-color:#d2b473}
.auth-area[hidden],.admin-panel[hidden],.lon-form[hidden]{display:none!important}
#authStatus,#announcementAdminStatus{min-height:25px;overflow-wrap:anywhere}
.announcement-list{display:grid;gap:14px;margin:25px 0}
.announcement-card{border:1px solid rgba(208,186,134,.28);background:linear-gradient(110deg,rgba(20,33,49,.97),rgba(16,27,42,.96));border-radius:16px;padding:23px}
.announcement-card h2{margin:8px 0 10px;font-size:clamp(20px,3vw,26px)}
.announcement-meta{display:flex;flex-wrap:wrap;gap:9px;align-items:center;color:#c0cad7;font-size:12px}
.announcement-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;color:#e2e7eb}
.promo-code{display:inline-flex;margin-top:10px;border:1px dashed #d4bd7c;padding:11px 16px;border-radius:9px;color:#f5d899;font-size:15px;font-weight:700;letter-spacing:1px;user-select:all}
.admin-panel{margin-bottom:28px}
.privacy-copy{line-height:1.8;max-width:900px;margin-bottom:40px}
.privacy-copy h2:not(:first-child){margin-top:22px}
@media(max-width:720px){.announcement-card{padding:17px}.account-grid{grid-template-columns:minmax(0,1fr)}}

@media(max-width:390px){.mobile-nav a{min-width:54px}.brand-title{font-size:12px}}