*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:45px 20px;background:#061f1d;color:#eef4db;font-family:"Noto Sans TC",sans-serif;overflow-x:hidden}.world-bg{position:fixed;inset:-30px;background:linear-gradient(#06252266,#071a18aa),url('assets/idle-valor-pets.webp') center/cover;filter:blur(14px) saturate(.75) brightness(.5);transform:scale(1.07);animation:worldMove 18s ease-in-out infinite alternate}.world-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,transparent 0 18%,#02100fc9 72%)}.fireflies,.fireflies:after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle,#dfff85 0 2px,transparent 3px);background-size:140px 120px;opacity:.2;animation:rise 18s linear infinite}.fireflies:after{background-size:210px 180px;transform:translate(75px,45px);animation-duration:27s}.back{position:fixed;z-index:3;left:28px;top:24px;color:#cfe2bf;font-size:11px;text-decoration:none;padding:9px 13px;border:1px solid #d8efb62f;background:#092b26a8;backdrop-filter:blur(10px)}.gate{position:relative;z-index:2;width:min(460px,100%);min-height:650px;padding:24px 30px 28px;text-align:center;background:linear-gradient(155deg,#0e422fef,#062a24f2);border:1px solid #c7973f80;box-shadow:0 35px 100px #000c,inset 0 0 90px #0c201b80;backdrop-filter:blur(12px)}.gate:before{content:"";position:absolute;inset:8px;border:1px solid #e3ba6840;pointer-events:none}.corner{position:absolute;width:24px;height:24px;border-color:#e8bd5c}.c1{left:-1px;top:-1px;border-left:2px solid;border-top:2px solid}.c2{right:-1px;top:-1px;border-right:2px solid;border-top:2px solid}.c3{left:-1px;bottom:-1px;border-left:2px solid;border-bottom:2px solid}.c4{right:-1px;bottom:-1px;border-right:2px solid;border-bottom:2px solid}.languages{position:relative;z-index:2;display:flex;justify-content:center;gap:7px}.languages button{border:1px solid #b8d87848;border-radius:99px;background:transparent;color:#cdddbd;padding:6px 14px;font-size:10px;cursor:pointer}.languages .active{background:#b9dd6d;color:#173423}.gate-logo{display:block;width:145px;height:145px;object-fit:contain;margin:13px auto -12px;filter:drop-shadow(0 14px 25px #0008)}h1{font:400 47px/1 "DM Serif Display";margin:0;color:#fff2c8;text-shadow:0 4px 0 #684b17,0 0 20px #ddbc5a66}h1 em{font-style:normal;color:#c9ed86}.subtitle{font-size:7px;letter-spacing:.3em;color:#bfd19f;margin:8px 0 24px}.intro{font-size:12px;line-height:1.75;color:#d5e2c9;margin-bottom:17px}.wallet,.guest{width:100%;border:0;border-radius:8px;padding:13px 16px;cursor:pointer;transition:.2s}.wallet{display:flex;justify-content:center;align-items:center;gap:9px;background:linear-gradient(100deg,#6240aa,#873ec2);color:#fff;border:1px solid #bb8bf0;box-shadow:0 8px 25px #5e2b8c3d}.wallet:hover,.guest:hover{transform:translateY(-2px);filter:brightness(1.08)}.solana{font-size:22px;color:#78f4d1}.wallet-note{display:block;margin-top:7px;color:#8fa996;font-size:8px}.or{display:flex;align-items:center;gap:10px;margin:13px 0;color:#91a993;font-size:8px}.or i{flex:1;height:1px;background:#ffffff1b}.guest{width:auto;background:#eca53e;color:#19291e;font-weight:700;padding:10px 26px}.paper{display:block;margin:18px 0 12px;color:#c9ed86;font-size:11px;text-decoration:none}.paper:hover{text-decoration:underline}.rules{display:grid;gap:4px;color:#9fb2a0;font-size:9px}.seal{margin-top:20px;padding-top:17px;border-top:1px solid #9db46e31;color:#8ca08a;font:8px "DM Serif Display";letter-spacing:.13em}.toast{position:fixed;z-index:5;left:50%;bottom:25px;translate:-50% 20px;opacity:0;padding:10px 16px;background:#c9ed86;color:#173423;font-size:10px;transition:.2s}.toast.show{opacity:1;translate:-50% 0}@keyframes worldMove{to{transform:scale(1.12) translate(-1%,1%)}}@keyframes rise{to{transform:translateY(-170px)}}@media(max-width:520px){body{padding:30px 14px}.gate{min-height:0;padding:20px 22px}.gate-logo{width:120px;height:120px}h1{font-size:40px}.back{left:14px;top:12px}.intro{font-size:11px}}@media(prefers-reduced-motion:reduce){.world-bg,.fireflies,.fireflies:after{animation:none}}
.world-bg{background:linear-gradient(90deg,#0319179c,#071a184d),url('assets/idle-valor-pets.webp') 62% center/cover;filter:blur(9px) saturate(.9) brightness(.55)}.gate{background:linear-gradient(155deg,#103a30f5,#041d1af7);border-color:#9cbe62;box-shadow:0 35px 120px #000e,inset 0 0 90px #102d25}.gate:after{content:"MORNINGDEW VALLEY ENTRANCE";position:absolute;left:50%;top:-12px;translate:-50% 0;padding:4px 15px;background:#09241f;color:#cde88f;border:1px solid #8daf59;font:600 7px monospace;letter-spacing:.2em;white-space:nowrap}.wallet{background:linear-gradient(100deg,#3b287a,#6840a4);border-radius:3px}.guest{border-radius:3px;background:linear-gradient(#efbd59,#c9862d)}
.world-bg{background-image:linear-gradient(90deg,#0319179c,#071a184d),url('assets/idle-valor-pets.webp')}.wallet,.guest,.languages button,.back,.paper{min-height:44px}.back{display:flex;align-items:center}@media(max-width:520px){body{align-items:start;padding-top:68px}.gate{width:100%}.languages button{padding:8px 16px}.paper{display:flex;align-items:center;justify-content:center}}

/* permanent member login */
body{overflow-y:auto}.gate{width:min(500px,100%);min-height:0;padding:22px 30px 26px}.gate-logo{width:112px;height:112px;margin:8px auto -8px}h1{font-size:43px}.subtitle{margin-bottom:17px}.intro{margin-bottom:14px}.or{margin:12px 0}.member-login{text-align:left}.member-login>label{display:block;margin:8px 0 5px;color:#afc3b4;font-size:8px;font-weight:700;letter-spacing:.13em}.field{height:44px;display:flex;align-items:center;border:1px solid #9dbb6952;background:#041e1bc7;transition:.2s}.field:focus-within{border-color:#c9ed86;box-shadow:0 0 0 3px #c9ed8610}.field>span{width:40px;text-align:center;color:#c9ed86}.field input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:#f2f5e8;font-size:12px}.field input::placeholder{color:#6f887a}.show-password{height:100%;padding:0 12px;border:0;background:transparent;color:#aeca95;font-size:9px;cursor:pointer}.login-options{display:flex;align-items:center;justify-content:space-between;margin:9px 0 12px;color:#8fa698;font-size:8px}.login-options label{display:flex;align-items:center;gap:5px}.login-options input{accent-color:#b9dd6d}.login-options span{color:#bad883;cursor:default}.guest{display:flex;justify-content:space-between;width:100%;padding:12px 17px;background:linear-gradient(100deg,#d99532,#efbd59);border:1px solid #f4d98a}.demo-note{margin:8px 0 0;color:#789083;font-size:8px}.paper{margin:10px 0 8px}.rules{gap:2px}.seal{margin-top:13px;padding-top:12px}.wallet-note{margin-top:5px}@media(max-height:820px) and (min-width:521px){body{place-items:start center;padding-top:28px;padding-bottom:28px}.gate-logo{width:88px;height:88px}h1{font-size:38px}.gate{padding-top:18px}.languages button{min-height:36px}.paper{min-height:34px}}@media(max-width:520px){body{padding:64px 12px 24px}.gate{padding:20px 18px}.gate-logo{width:96px;height:96px}h1{font-size:38px}.intro{font-size:10px}.demo-note{line-height:1.5}.back{z-index:4;background:#092b26e8}.gate:after{max-width:80%;overflow:hidden;text-overflow:ellipsis}}

/* member login modal */
.gate>.guest{margin-top:0}.login-dialog{width:min(430px,calc(100% - 28px));padding:34px 32px 28px;border:1px solid #a9ca6d;background:linear-gradient(155deg,#103a30,#061f1c);color:#eef4df;box-shadow:0 35px 120px #000d,inset 0 0 70px #071815}.login-dialog[open]{animation:dialogIn .22s ease-out}.login-dialog::backdrop{background:#020d0bbd;backdrop-filter:blur(10px)}.dialog-close{position:absolute;right:13px;top:10px;width:38px;height:38px;border:0;background:transparent;color:#a9bdad;font-size:25px;cursor:pointer}.dialog-kicker{margin:0;color:#c9ed86;font:700 8px monospace;letter-spacing:.25em}.login-dialog h2{margin:8px 0 6px;color:#fff2d1;font:400 38px "DM Serif Display","Noto Sans TC"}.dialog-intro{margin:0 0 20px;color:#9db2a4;font-size:10px}.login-dialog .member-login{display:block}.login-dialog .guest{margin-top:4px}.login-dialog .demo-note{text-align:center}.login-dialog:focus{outline:0}@keyframes dialogIn{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}@media(max-width:520px){.login-dialog{padding:30px 20px 23px}.login-dialog h2{font-size:34px}.gate>.guest{min-height:50px}.or{margin-block:14px}}

/* visible demo credentials */
.demo-account{position:relative;display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;gap:14px;margin:0 0 10px;padding:13px 16px;text-align:left;background:#061f1bcc;border:1px solid #aacb7050}.demo-account>div{display:grid;gap:3px}.demo-account small{color:#789184;font-size:7px;letter-spacing:.1em}.demo-account strong{color:#eef5e4;font:500 13px monospace;letter-spacing:.08em}.demo-account i{width:1px;height:28px;background:#ffffff17}.demo-account>span{position:absolute;right:8px;top:7px;padding:2px 5px;background:#c9ed86;color:#17382f;font:700 6px monospace;letter-spacing:.12em}.gate>.guest{margin-bottom:2px}@media(max-width:380px){.demo-account{grid-template-columns:1fr;gap:8px}.demo-account i{display:none}.demo-account>div+div{padding-top:8px;border-top:1px solid #ffffff14}}

/* v1.16 English-only entrance */
.languages{display:none!important}.gate{padding-top:32px}.gate-logo{margin-top:0}.intro{max-width:39ch;margin-inline:auto}.wallet,.guest{min-height:52px}.wallet-note,.or,.rules,.demo-note{line-height:1.55}.login-dialog h2{line-height:1.05}.demo-account strong{overflow-wrap:anywhere}.field input{font-size:13px}@media(max-width:520px){.gate{padding:27px 18px 22px}.gate-logo{width:104px;height:104px}h1{font-size:36px}.subtitle{letter-spacing:.22em}.intro br{display:none}.or span{max-width:24ch}.login-dialog{max-height:calc(100svh - 24px);overflow:auto}.login-options{gap:10px}.login-options label{line-height:1.35}.guest{font-size:11px}}
@media(max-width:520px){.gate,.gate>.guest,.login-dialog,.login-dialog .guest{max-width:100%;box-sizing:border-box}.gate>.guest,.login-dialog .guest{width:100%;margin-inline:0}.gate{overflow:hidden}}
.login-dialog{display:none;position:fixed;z-index:1000;inset:0;margin:auto;height:max-content;max-height:calc(100svh - 28px);overflow:auto;box-shadow:0 0 0 100vmax #020d0bd9,0 35px 120px #000d,inset 0 0 70px #071815}.login-dialog.open,.login-dialog:target{display:block;animation:dialogIn .22s ease-out}.gate>a.guest{display:flex;align-items:center;justify-content:space-between;text-decoration:none}
.wallet.demo-safety{background:#0a2a24;border-color:#b5ce8655;color:#d9e5d5;box-shadow:none}.wallet.demo-safety .solana{color:#c9ed86}.wallet.demo-safety:hover{transform:none;background:#10362e}
.login-status{min-height:18px;margin:8px 0 0;color:#c7d5cc;font-size:9px;text-align:center}.login-status[data-state="error"]{color:#ffd0aa}.login-status[data-state="success"]{color:#c9ed86}.member-login .guest:disabled{cursor:wait;filter:saturate(.55);transform:none;opacity:.82}
 [hidden]{display:none!important}
