*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:Noto Sans,sans-serif;display:flex;flex-direction:column;align-items:center;color:#222}body{overflow-x:hidden;overflow-y:auto}body:after{content:"";position:fixed;width:100%;height:100%;top:0;left:0;z-index:-1;background:linear-gradient(135deg,#2e7d32,#1b5e20);background-repeat:no-repeat}header,footer{width:100%;text-align:center;padding:16px}header{display:flex;align-items:center;justify-content:center;column-gap:8px;min-height:64px;max-height:64px;z-index:2;background-color:#fff;z-index:0}header h1{font-family:"Noto Serif",serif;color:#2c2c2c;text-shadow:2px 2px 0 #fff,4px 4px 0 rgba(0,0,0,.2)}nav{display:flex;justify-content:center;align-items:center}.header-links{display:flex;list-style:none;padding:0;margin:0;gap:32px}.header-links a{text-decoration:none;color:#333;font-weight:700;padding:4px;border-radius:4px;transition:background-color .3s ease}.theme-toggle{position:absolute;right:8px;top:8px;width:48px;height:48px;padding:4px;display:flex;align-items:center;justify-content:center}dialog{border:none;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:20px;margin:auto;max-width:640px}.dialog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:#00695c}.dialog-content{font-size:16px;line-height:1.5;color:#333}.dialog-close{font-size:36px;margin:0;padding:0;width:48px;height:48px}main{flex:1;display:flex;flex-direction:column;align-items:center;gap:40px;padding:40px 20px}section{width:100%;max-width:900px;display:flex;flex-direction:column;gap:16px;padding:20px;background-color:#fafafa;border-radius:12px;box-shadow:0 2px 6px #0000001a}section>h2{font-size:24px;color:#00695c;border-bottom:2px solid #ccc;padding-bottom:6px}.card{background:#fff;border:1px solid #ddd;border-radius:8px;padding:20px;box-shadow:4px 4px #aaa;transition:transform .1s ease-in-out}.card:hover{transform:translateY(-3px)}input,button{padding:12px;font-size:16px;border-radius:4px;border:1px solid #ccc}button{cursor:pointer;background:#f4f4f4;box-shadow:2px 2px #bbb}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid #ddd;text-align:left}th{background:#f0f0f0}footer{background-color:#1c352d;color:#fff;text-align:center;padding:20px;margin-top:auto}.hero{position:relative;background:url();min-height:calc(100vh - 64px);min-width:100%;border-radius:0;margin:0;perspective-origin:50% 50%;perspective:1000px}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}.tile{position:absolute;aspect-ratio:2/3;border-radius:32px;width:128px;margin:0;cursor:pointer;box-shadow:none;border:none;box-shadow:inset 4px 4px 2px #cfcfcf5c,inset -4px -4px 2px #6f6f6f38;transition:.2s transform ease,.2s box-shadow ease,.2s opacity ease}.tile:before{content:" ";position:absolute;width:100%;height:100%;top:0;left:0;border-radius:32px}.tile:hover{box-shadow:0 0 16px #3cafffcc;opacity:1}.tile>img{width:100%;height:100%;border-radius:32px;object-fit:contain}.six-characters{top:15%;left:13%;transform:scale(1.4) rotateX(10deg) rotateY(-10deg) rotate(0) translateZ(0);z-index:2}.six-characters:before{box-shadow:-1px -1px #bbb,-2px -1px 0 -0px #bbb,-4px -2px 0 -1px #bbb,-6px -4px 0 -1px #bbb,-8px -6px 0 -2px #bbb,-10px -7px 0 -2px #bbb,-16px -10px 0 -3px #bbb,-18px -12px 0 -3px #bbb,-22px -15px 0 -4px #e5c85c}.six-characters:hover{transform:scale(1.4) rotateX(10deg) rotateY(-10deg) rotate(0) translate(2px) translateY(2px)}.east-wind{top:10%;right:10%;transform:scale(1) rotateX(0) rotateY(0) rotate(0) translateZ(0)}.eight-bamboos{bottom:10%;left:10%;transform:scale(1) rotateX(0) rotateY(0) rotate(0) translateZ(0)}.five-coins{bottom:18%;right:20%;opacity:.9;transform:scale(1.2) rotateX(19deg) rotateY(-21deg) rotate(6deg) translateZ(0);z-index:3}.five-coins:before{box-shadow:1px 1px #bbb,2px 2px 0 -0px #bbb,4px 4px 0 -1px #bbb,6px 6px 0 -1px #bbb,8px 8px 0 -2px #bbb,10px 10px 0 -2px #bbb,12px 12px 0 -3px #bbb,16px 16px 0 -3px #e5c85c}.five-coins:hover{transform:scale(1.2) rotateX(19deg) rotateY(-21deg) rotate(6deg) translateZ(10px)}@media screen and (max-width: 800px){.five-coins{opacity:.6;transform:scale(1) rotateX(19deg) rotateY(-21deg) rotate(6deg) translateY(-60px) translate(60px) translateZ(0)}.five-coins:hover{transform:scale(1.01) rotateX(19deg) rotateY(-21deg) rotate(6deg) translateY(-60px) translate(60px) translateZ(30px)}}.hero-join{position:sticky;height:96px;width:96px;top:32px;left:32px;margin-top:16px;padding:0;background-color:#fff;border:4px solid #ccc;border-radius:8px;z-index:3;transform:translate(0);transition:.2s transform,.2s margin ease,.2s width ease,.2s height ease,.2s border ease}.hero-join.docked{margin:0;width:54px;height:54px;border:none;box-shadow:none;transform:translate(-28px,-80px)}.hero-join>img{width:100%;height:100%;border-radius:8px;object-fit:contain}.hero-join>.join-link{position:absolute;bottom:-42px;left:50%;transform:translate(-50%);font-size:14px;font-weight:700;color:#333;background-color:#fff;border-radius:64px;opacity:0;transition:.2s opacity;white-space:nowrap;padding:4px;margin:8px}.hero-join:hover>.join-link{opacity:1}.hero-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-height:60%;text-align:center;color:#fff;font-size:48px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.8);pointer-events:none;z-index:1}.hero-links{position:absolute;bottom:72px;left:50%;transform:translate(-50%);display:flex;gap:16px;list-style-type:none;z-index:2;flex-wrap:wrap;justify-content:center;align-items:center;width:min(100%,932px)}.hero-links li{margin:0;padding:0}.hero-link{position:relative;display:inline-block;padding:24px;aspect-ratio:3/1;height:96px;color:#fff;font-size:20px;text-align:center;text-decoration:none;text-shadow:0px 0px 4px rgba(133,133,133,.7);display:flex;align-items:center;justify-content:center;column-gap:8px;transition:.2s font-size,.2s height,.2s filter,.2s transform}.hero-link .link-icon{font-size:32px;width:48px;display:flex;justify-content:center;align-items:center;margin:0;height:min-content}.hero-link:before{content:" ";position:absolute;width:100%;height:100%;top:0;left:0;background:url(/hero-link-bg.svg);background-size:contain;background-repeat:no-repeat;background-position:center;z-index:-1}.hero-link:after{content:" ";position:absolute;width:100%;height:100%;top:12px;left:0;background:url(/hero-link-bg.svg);background-size:contain;background-repeat:no-repeat;background-position:center;transform:scale(1.03);filter:contrast(0) brightness(.3) opacity(.8) blur(3px);z-index:-2;transition:.2s transform}.hero-link:hover{filter:brightness(1.2);transform:scale(1.05) translateY(-4px)}.hero-link:hover:after{transform:scale(1.03) translateY(2px)}@media screen and (max-width: 800px){.hero-link{font-size:14px;height:64px;column-gap:8px}}.link-group{text-align:center;margin:32px 0}.link-button{display:block;width:400px;margin:16px auto;padding:16px 24px;background-color:#fdfdf9;color:#c62828;font-size:20px;font-weight:700;text-decoration:none;border:4px solid #333;border-radius:12px;box-shadow:4px 4px #666;transition:transform .15s ease,box-shadow .15s ease}.link-button:hover{transform:translate(-2px,-2px);box-shadow:8px 8px #444}.link-button:nth-child(odd){color:#2e7d32}.link-button:nth-child(2n){color:#1565c0}.separator{display:flex;align-items:center;gap:12px;margin:20px 0}.separator hr{flex:1;border:none;height:1px;background-color:#ccc}