:root{color-scheme:light;--auth-ink:#2b432a;--auth-paper:#fff2d5;--auth-birch:url('/assets/game/ui/birch_480.webp') center/cover}
*{box-sizing:border-box}
body.wc-auth-page{margin:0;min-width:280px;min-height:100svh;display:flex;flex-direction:column;font:18px/1.4 Arial,Helvetica,sans-serif;color:var(--auth-ink);background:linear-gradient(#163b292b,#173d3059),url('/assets/landing_v0487/camp_base_v03249.webp') center/cover fixed}
a{color:#305633;text-underline-offset:3px}a:hover{text-decoration-thickness:2px}
a:focus-visible,button:focus-visible{outline:3px solid #305633;outline-offset:4px}
.wc-auth-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px max(24px,calc((100vw - 1260px)/2));background:var(--auth-birch);border-bottom:3px solid #99764b;box-shadow:0 3px 10px #182b2344}
.wc-auth-brand{font-weight:800;font-size:30px;letter-spacing:-.7px;text-decoration:none}.wc-auth-back{font-weight:700;font-size:17px}
.wc-auth-main{flex:1;display:flex;align-items:center;justify-content:center;gap:42px;padding:36px 24px 42px}
.wc-auth-station{position:relative;box-shadow:0 13px 22px #142d2877}
.wc-auth-paper{background:linear-gradient(100deg,#f5e4bf,#fff4dc 17%,#fff2d5 92%,#eedbb8);padding:30px 34px;color:var(--auth-ink)}
.wc-auth-eyebrow{margin:0 0 7px;font-size:14px;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;color:#6a7350}
h1{margin:0 0 23px;font:700 28px/1.2 Georgia,serif;letter-spacing:-.3px}
.wc-auth-form{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.wc-auth-form label{font-size:18px;font-weight:700;margin:0 0 6px;display:flex;gap:8px;flex-wrap:wrap;align-items:baseline}
.wc-auth-form label small{font-size:13px;font-weight:400;color:#596346}
.wc-auth-form input:not([type=hidden]){width:100%;min-width:0;height:50px;margin:0 0 16px;padding:10px 12px;background:#fffaf0;border:1px solid #a29269;border-radius:6px;color:#253b28;font:19px/1.2 Arial;box-shadow:inset 0 2px 3px #8a77561a}
.wc-auth-form input:focus{outline:3px solid #6f8b54;outline-offset:1px;border-color:#405d38}
.wc-auth-form button{width:100%;min-height:54px;padding:13px 18px;border:1px solid #98732e;border-radius:7px;background:linear-gradient(#efc76a,#d7a640);color:#293e25;box-shadow:0 3px 0 #9b763d4d;font:700 21px/1.2 Arial;cursor:pointer;margin-top:2px}
.wc-auth-form button:hover{background:linear-gradient(#f7d784,#e2b449)}
.wc-auth-form-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 15px;margin-top:22px;font-size:15px;line-height:1.4}
.wc-auth-feedback{padding:11px 13px;border-radius:6px;font-size:17px;margin-bottom:17px;border:1px solid}.wc-auth-feedback.is-error{background:#ffe3d7;border-color:#ad5b40;color:#7b291c}.wc-auth-feedback.is-success{background:#e3edcd;border-color:#6a8246;color:#304d2e}
.wc-auth-book{display:grid;grid-template-columns:minmax(270px,.85fr) minmax(370px,1.15fr);width:min(100%,970px);border:8px solid #775234;border-radius:17px 17px 12px 12px;background:#e8d3aa;isolation:isolate}
.wc-auth-book:after{content:'';position:absolute;left:-32px;right:-32px;bottom:-24px;height:22px;background:var(--auth-birch);border:2px solid #936c40;border-radius:6px;box-shadow:0 7px 0 #6c4b31;z-index:-1}
.wc-auth-book .wc-auth-paper{border-radius:0 9px 5px 0;box-shadow:inset 8px 0 15px #80663a22}
.wc-auth-book-side{background:linear-gradient(90deg,#fff0ce,#f3dfb5 90%,#bea573);border-radius:9px 0 0 5px;text-align:center;padding:25px 27px 24px;border-right:1px solid #9d8153;display:flex;flex-direction:column;align-items:center}
.wc-auth-book-name{font:700 31px Georgia,serif;margin:0 0 4px}.wc-auth-book-label{font-size:14px;letter-spacing:2px;text-transform:uppercase;color:#6e7752}.wc-auth-book-side>p:not(.wc-auth-book-name){font-size:17px;margin:16px 0 0}.wc-auth-book-side>a{font-size:14px;margin-top:auto}
.wc-auth-book-picture{width:100%;height:110px;border:5px solid #fff6df;border-radius:5px;box-shadow:0 2px 7px #70572c44;margin-top:18px;background:url('/assets/landing_v0487/camp_base_v03249.webp') 50% 48%/680px;transform:rotate(-3deg)}
.wc-auth-book-characters{position:relative;width:100%;height:185px;margin-top:-4px}.wc-auth-book-characters img{position:absolute;width:200px;height:200px;bottom:0}.wc-auth-book-characters img:first-child{left:-22px}.wc-auth-book-characters img:last-child{right:-22px}
.wc-auth-clipboard{width:min(100%,560px);padding:23px 16px 17px;background:var(--auth-birch);border:4px solid #947146;border-radius:15px;isolation:isolate}
.wc-auth-clipboard:before{content:'';position:absolute;top:-12px;left:calc(50% - 75px);width:150px;height:29px;border:3px solid #666b5b;border-radius:8px 8px 4px 4px;background:linear-gradient(#c4c5aa,#7e8472 50%,#e2dfc5);box-shadow:0 4px 5px #3c412f55;z-index:2}
.wc-auth-clipboard .wc-auth-paper{padding:24px 27px 23px;border:1px solid #ccb887;box-shadow:0 3px 8px #7c63394d;border-radius:3px}
.wc-auth-register h1{font-size:27px;margin-bottom:19px}.wc-auth-register .wc-auth-form input:not([type=hidden]){height:48px;margin-bottom:12px}.wc-auth-register .wc-auth-form-links{margin-top:18px}
.wc-auth-greeting{width:350px;flex-shrink:0;text-align:center;filter:drop-shadow(0 5px 4px #173d2c55)}
.wc-auth-bubble{display:inline-block;position:relative;margin:0 0 2px;padding:11px 15px;border-radius:22px;background:#fff3d6;border:2px solid #b8bd8e;font-size:18px;transform:rotate(-3deg)}.wc-auth-bubble:after{content:'';position:absolute;bottom:-9px;right:35px;width:16px;height:16px;transform:rotate(45deg);background:#fff3d6;border-right:2px solid #b8bd8e;border-bottom:2px solid #b8bd8e}
.wc-auth-characters{position:relative;width:350px;height:265px}.wc-auth-characters>img{position:absolute;width:275px;height:275px;bottom:0}.wc-auth-man{left:-44px}.wc-auth-woman{right:-44px}.wc-auth-characters>.wc-auth-pet{width:116px;height:116px;right:-27px;bottom:-1px}
.wc-auth-greeting-note{margin:6px -5px 0;padding:12px;background:#f4e4bde8;border:1px solid #bc9f63;border-radius:10px;font-size:17px;line-height:1.5;transform:rotate(1deg)}
.wc-auth-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px max(24px,calc((100vw - 1260px)/2));font-size:14px;background:var(--auth-birch);border-top:2px solid #987248}.wc-auth-footer a{font-size:14px}
@media(max-width:1000px){.wc-auth-main{gap:20px}.wc-auth-register .wc-auth-greeting{width:260px}.wc-auth-register .wc-auth-characters{width:260px;height:230px}.wc-auth-register .wc-auth-characters>img:not(.wc-auth-pet){width:230px;height:230px}.wc-auth-register .wc-auth-man{left:-50px}.wc-auth-register .wc-auth-woman{right:-50px}.wc-auth-register .wc-auth-pet{width:95px;height:95px;right:-20px}.wc-auth-bubble{font-size:16px}}
@media(max-width:760px){.wc-auth-header{padding:11px 16px;flex-wrap:wrap;gap:6px 15px}.wc-auth-brand{font-size:26px}.wc-auth-back{font-size:15px}.wc-auth-main{padding:26px 16px 34px;align-items:flex-start}.wc-auth-book{display:block;width:min(100%,510px);border-width:6px}.wc-auth-book-side{display:none}.wc-auth-book .wc-auth-paper{border-radius:7px;box-shadow:none}.wc-auth-paper{padding:25px 22px}.wc-auth-book:after{left:-9px;right:-9px;bottom:-19px;height:17px}.wc-auth-register .wc-auth-greeting{display:none}.wc-auth-clipboard{padding:22px 10px 12px;width:min(100%,520px)}.wc-auth-clipboard .wc-auth-paper{padding:23px 18px}.wc-auth-eyebrow{font-size:12px}.wc-auth-register h1,h1{font-size:25px}.wc-auth-form label{font-size:17px}.wc-auth-form input:not([type=hidden]){font-size:18px}.wc-auth-form-links{font-size:15px;flex-direction:column}.wc-auth-footer{justify-content:center;text-align:center;padding:14px 16px}.wc-auth-form button{font-size:20px}}
@media(max-width:360px){.wc-auth-main{padding-left:10px;padding-right:10px}.wc-auth-paper{padding-left:16px;padding-right:16px}.wc-auth-clipboard .wc-auth-paper{padding-left:14px;padding-right:14px}.wc-auth-header{justify-content:center}.wc-auth-brand{font-size:25px}}