:root{color-scheme:dark;--ink:#ead8bd;--muted:#a98c70;--gold:#eab44d;--line:#62401f;--panel:#1b100a}*{box-sizing:border-box}body{margin:0;background:#0d0805;color:var(--ink);font:16px Georgia,serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 15%,rgba(123,69,25,.14),transparent 42%)}header{height:54px;border-bottom:1px solid #3d2918;display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#120b07;position:relative;z-index:2}.brand{color:var(--ink);text-decoration:none;display:flex;gap:10px;align-items:center}.brand>b{background:linear-gradient(#f2c15f,#a96d18);color:#2b1608;padding:10px 14px;border-radius:12px}.brand small{display:block;color:#9f8469}nav{display:flex;gap:8px}nav a{color:var(--ink);text-decoration:none;padding:10px 12px;border-radius:8px}nav .active{background:#332216}main{max-width:1220px;margin:auto;padding:44px}.hero{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:35px;border:1px solid #765022;border-radius:18px;background:radial-gradient(circle at 72%,#4a2a11,#160c07 68%);box-shadow:0 18px 50px #050302}.heroCopy p,.panel small,.weather small,.announcer small{color:var(--gold);letter-spacing:3px;font:700 11px sans-serif}.hero h1{font-size:56px;margin:5px 0}.heroCopy>span{color:#cbb496}.hero aside{display:flex;gap:14px;align-items:center;max-width:360px;border:1px solid #70471d;background:#21130c;padding:20px;border-radius:14px}.hero aside .npc{font-size:42px}.hero aside b,.hero aside em{display:block}.hero aside em{margin-top:7px;color:#bea487}.squareScene{position:relative;min-height:310px;margin-top:22px;border:1px solid #60401f;border-radius:18px;overflow:hidden;background:linear-gradient(#1c2940 0 34%,#4a301b 34% 38%,#1f2b15 38% 100%)}.squareScene:before{content:"";position:absolute;inset:34% 0 0;background:radial-gradient(ellipse at center,#6c5127 0 4%,transparent 5%),linear-gradient(90deg,transparent 48%,#7b6035 49% 51%,transparent 52%);opacity:.45}.lanterns{position:absolute;top:15px;left:0;right:0;text-align:center;color:#f8c769;letter-spacing:28px;text-shadow:0 0 14px #ffc04c}.oak{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);text-align:center;z-index:1}.oak .crown{font-size:134px;filter:drop-shadow(0 14px 12px #090603)}.oak strong,.oak span{display:block;text-shadow:0 2px 3px #000}.oak strong{font-size:26px;color:#f0c77f}.oak span{color:#d0b993}.weather{position:absolute;right:24px;bottom:22px;width:320px;display:flex;gap:15px;align-items:center;padding:18px;border:1px solid #87602f;border-radius:14px;background:rgba(22,13,8,.88);backdrop-filter:blur(4px)}.weatherIcon{font-size:42px}.weather h2{font-size:20px;margin:4px 0}.weather p{margin:0;color:#b99e83}.announcer{display:flex;align-items:center;gap:16px;margin:22px 0;padding:17px 22px;border:1px solid #805626;border-radius:13px;background:linear-gradient(90deg,#2b180d,#160d08)}.announcer>span{font-size:35px}.announcer p{margin:5px 0 0;font-size:19px}.grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.panel{border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#25150c,#130b07);padding:22px}.panel>header{height:auto;padding:0 0 16px;background:none;border:0;display:flex}.panel>header h2{font-size:30px;margin:4px 0}.panel>header>span{font-size:35px}.memories{grid-column:1/-1}.event{display:grid;grid-template-columns:56px 1fr;gap:14px;padding:15px 0;border-bottom:1px solid #3f2817}.event:last-child{border-bottom:0}.eventIcon{display:grid;place-items:center;width:52px;height:52px;border:1px solid #7a5229;border-radius:13px;background:#2e1b10;font-size:25px}.event h3{margin:0 0 5px;color:#ebc786}.event p{margin:4px 0;color:#b99e83}.event time{font:700 11px sans-serif;letter-spacing:1px;color:#dfaa4c}.achievement{padding:14px 0;border-bottom:1px solid #3f2817}.achievement:last-child{border-bottom:0}.achievementTop{display:flex;justify-content:space-between;gap:12px}.achievement h3{margin:0;color:#ebc786}.achievement p{margin:5px 0;color:#b99e83}.track{height:8px;margin-top:10px;border-radius:99px;background:#100905;overflow:hidden}.track i{display:block;height:100%;background:linear-gradient(90deg,#8c5a20,#e9b64e);border-radius:99px}.progressLabel{font:11px sans-serif;color:#a98c70}.memoryGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.memory{min-height:170px;padding:17px;border:1px solid #5d3b20;border-radius:13px;background:radial-gradient(circle at 80% 10%,#4b2b13,#160d08 68%);cursor:pointer;transition:.2s}.memory:hover{transform:translateY(-3px);border-color:#b4772c}.memoryIcon{font-size:38px}.memory h3{margin:10px 0 5px;color:#ebc786}.memory p{margin:0;color:#ad9278;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.memory small{display:block;margin-top:12px;color:#8f765f;letter-spacing:0}.empty{color:#967b63;font-style:italic}dialog{max-width:600px;width:calc(100% - 30px);border:1px solid #93642f;border-radius:16px;background:#1b100a;color:var(--ink);padding:28px;box-shadow:0 25px 90px #000}dialog::backdrop{background:rgba(0,0,0,.75)}dialog button{position:absolute;right:14px;top:10px;border:0;background:none;color:#e8c184;font-size:28px;cursor:pointer}dialog h2{color:#efc77e;font-size:34px;margin-top:10px}dialog .detailIcon{font-size:52px}dialog .meta{color:#a98c70}@media(max-width:900px){header{height:auto;align-items:flex-start;padding:12px 18px;gap:15px}nav{flex-wrap:wrap;justify-content:flex-end}.hero{display:block}.hero aside{margin-top:22px}.grid{grid-template-columns:1fr}.memoryGrid{grid-template-columns:repeat(2,1fr)}.weather{left:18px;right:18px;width:auto}.oak{top:40%}}@media(max-width:600px){main{padding:20px}.hero h1{font-size:40px}.memoryGrid{grid-template-columns:1fr}.squareScene{min-height:380px}.oak .crown{font-size:104px}.weather{bottom:15px}.panel>header h2{font-size:25px}}