@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600&family=Playfair+Display:wght@400;500&display=swap');
*{box-sizing:border-box}body{margin:0;background:#26241e;color:#faf4df;font-family:'Be Vietnam Pro',sans-serif;font-size:13px;overflow:hidden}#world{display:block;width:100vw;height:100dvh;touch-action:none}button,select{font:inherit;cursor:pointer}button{color:inherit;border:1px solid #eddbac35;background:#2428209c;border-radius:12px;padding:12px 17px;backdrop-filter:blur(16px)}button:hover,button.active{background:#d9c894;color:#302e24}header{position:absolute;top:30px;left:36px;right:36px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:13px;font-size:38px;color:#e6d6a5;text-decoration:none}.brand span{font-size:22px;letter-spacing:5px}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:7px;color:#e4dfcc}.top{display:flex;align-items:center;gap:10px}.tag{font-size:9px;letter-spacing:1.5px;background:#24282099;padding:12px 16px;border-radius:30px}.location{position:absolute;top:150px;left:38px}.eyebrow{font-size:9px;letter-spacing:3px;color:#d9c99e}h1{font:46px 'Playfair Display',Georgia,serif;margin:12px 0}.location p{color:#d6d7c4;font-size:11px}.location i{display:inline-block;width:6px;height:6px;background:#a9c490;border-radius:50%;margin-right:6px}.location button{margin-top:14px;font-size:11px}.quote{position:absolute;right:38px;top:165px;text-align:right;font:italic 20px Georgia;color:#ebdfbd}.quote small{display:block;font:10px 'Be Vietnam Pro',sans-serif;margin-top:12px;letter-spacing:1px;color:#c6c7b8}.bottom{position:absolute;bottom:47px;left:36px;right:36px;display:flex;align-items:center;justify-content:space-between;gap:15px}.profile{display:flex;gap:12px;align-items:center;background:#252a23bd;padding:13px 18px;border:1px solid #ffffff18;border-radius:16px;backdrop-filter:blur(15px)}.avatar{font-size:28px;color:#ddcb99}.profile b{font-size:11px}.profile small{display:block;font-size:9px;color:#c4c5b3;margin-top:6px}nav{display:flex;background:#22271fdd;padding:7px;border:1px solid #e7d6a644;border-radius:20px;gap:5px;backdrop-filter:blur(15px)}nav button{border:0;background:none;min-width:83px;padding:10px;font-size:10px}nav button span{display:block;font-size:26px;margin-bottom:6px}.hint{position:absolute;bottom:18px;text-align:center;width:100%;font-size:9px;color:#d2d3bd;letter-spacing:.5px}#panel{position:absolute;right:35px;top:95px;width:320px;background:#252b24ef;border:1px solid #e7d6a644;padding:23px;border-radius:20px;backdrop-filter:blur(20px);z-index:4}.panelhead{display:flex;align-items:center;justify-content:space-between}h2{font-size:17px}#panel p{font-size:11px;line-height:1.8;color:#c5c9b9}label{display:block;margin:20px 0;font-size:12px}select{display:block;background:#363e32;color:#fff;border:1px solid #ffffff22;padding:10px;width:100%;border-radius:8px;margin-top:8px}.metrics{padding:15px;background:#161e17;border-radius:10px}.metrics b{color:#c3dea8;font-size:24px}.metrics span{display:block;margin-top:8px;font-size:10px}.note{font-size:10px!important}#toast{position:absolute;bottom:165px;left:50%;transform:translateX(-50%);padding:12px 22px;background:#222b22db;border-radius:30px;opacity:0;transition:opacity .3s;pointer-events:none;text-align:center}#toast.show{opacity:1}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#252b22;z-index:10}dialog{color:#ece7d3;background:#283127;border:1px solid #a6976d;padding:30px;border-radius:20px;max-width:450px;line-height:1.8}dialog::backdrop{background:#0008}.mobilepad{display:none}@media(max-width:800px){header{top:18px;left:18px;right:18px}.brand span{font-size:16px;letter-spacing:3px}.brand small{font-size:6px}.tag,.quote,.profile,#help span{display:none}.location{top:115px;left:20px}h1{font-size:32px}.bottom{left:12px;right:12px;bottom:33px;justify-content:center}nav{gap:0;width:100%;justify-content:center}nav button{min-width:0;flex:1;padding:9px 6px;font-size:9px}.hint{font-size:8px;padding:0 10px}.mobilepad{display:block;position:absolute;bottom:155px;left:20px;text-align:center}.mobilepad button{padding:12px 16px;touch-action:none}.mobilepad div{display:flex;gap:3px;margin-top:3px}#panel{right:12px;top:85px;max-width:calc(100% - 24px)}#toast{width:80%;bottom:130px}.top button{padding:10px}#help{display:none}}
.merit-wallet{background:#252a23de;border:1px solid #d9c89466;border-radius:14px;padding:9px 17px;color:#e9d59c;white-space:nowrap}.merit-wallet b{font-size:20px}.merit-wallet small{display:block;font-size:9px;text-align:center;margin-top:2px}#ritualStatus{position:absolute;bottom:160px;left:50%;transform:translateX(-50%);width:360px;max-width:90vw;padding:16px 20px;border:1px solid #dfca8d55;border-radius:15px;background:#252d24ed;pointer-events:none}#ritualStatus>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:11px}.ritual-track{height:5px;background:#ffffff22;border-radius:5px;margin:12px 0;overflow:hidden}.ritual-track i{display:block;height:100%;background:#e3cb87;width:0}#ritualStatus small{font-size:8px;color:#c6cdbb}body:has(#ritualStatus:not([hidden])) #toast{bottom:265px}@media(max-width:800px){.merit-wallet{padding:7px 10px}.merit-wallet b{font-size:16px}.top{gap:5px}#ritualStatus{bottom:132px;width:260px;left:auto;right:12px;transform:none;max-width:calc(100vw - 160px)}#ritualStatus>div:first-child{display:block}#ritualTime{display:block;margin-top:5px}#ritualStatus small{line-height:1.4;display:block}.brand small{display:none}}
[hidden]{display:none!important}.currencies{display:grid;gap:4px;font-size:10px;background:#252a23d9;padding:11px;border-radius:12px}.local-note{font-size:9px!important;opacity:.7}.utility{position:absolute;left:35px;top:370px;display:grid;grid-template-columns:repeat(2,auto);gap:6px}.utility button{font-size:10px;padding:11px 13px}.utility i{color:#edb576;font-style:normal}.seat-button{position:absolute;left:50%;bottom:150px;transform:translateX(-50%);font-size:11px}#buff{position:absolute;top:110px;right:36px;background:#36462de8;color:#e7d39c;padding:9px 14px;border-radius:30px;font-size:10px}#story{position:absolute;bottom:230px;left:50%;transform:translateX(-50%)}#ritualStatus{bottom:160px}#ritualStatus button{font-size:10px;padding:7px 12px;margin-top:10px;pointer-events:auto}.bottom{justify-content:center}.bottom .profile{position:absolute;left:0}.bottom nav{margin-left:80px}#sheet{width:570px;max-width:94vw;max-height:85dvh;padding:0;background:#242c24f9;color:#eee8d5;box-shadow:0 20px 90px #0009}#sheet::backdrop{background:#101b15a8;backdrop-filter:blur(5px)}.sheet-head{display:flex;justify-content:space-between;align-items:center;padding:24px 28px 15px;border-bottom:1px solid #e7d6a622;position:sticky;top:0;background:#242c24;z-index:2}.sheet-head h2{font:29px Georgia;margin:10px 0}.sheet-head button{font-size:24px}#sheetBody{padding:22px 28px 28px}#sheetBody p{font-size:12px;line-height:1.85;color:#c5cfbc}.card{border:1px solid #d9c89430;background:#ffffff04;border-radius:12px;padding:16px;margin-bottom:12px}.card h3{font-size:14px;margin:0 0 8px}.card p{margin:6px 0}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.row.wrap{flex-wrap:wrap}.muted{color:#aab8a1;font-size:10px}.badge{display:inline-block;background:#dac58c22;color:#e1cd96;padding:4px 9px;border-radius:20px;font-size:10px}button:disabled{opacity:.4;cursor:default}input,textarea{font:inherit;border:1px solid #ffffff33;border-radius:8px;background:#17221a;color:#f0e9d2;padding:12px;width:100%;margin:8px 0}input[type=checkbox]{width:auto}textarea{resize:vertical}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin:20px 0}.day{border:1px solid #fff2;border-radius:8px;padding:12px 3px;text-align:center;font-size:10px}.day.current{border-color:#deca91;background:#d9c89422}.day b{display:block;margin:8px 0}.breath{width:140px;height:140px;border:1px solid #d7c48c;background:#9bb68b22;border-radius:50%;display:grid;place-items:center;margin:30px auto;animation:breathe 8s ease-in-out infinite}.breath span{font:16px Georgia}@keyframes breathe{0%,100%{transform:scale(.8)}50%{transform:scale(1.15)}}.guide-list{font-size:12px;line-height:2;padding-left:22px}.guide-list li{margin:8px 0}.notice{border-left:2px solid #c8b379;padding:4px 12px;font-size:11px!important}#beadView{position:absolute;inset:0;z-index:6;background:radial-gradient(ellipse at center,#44513b,#1c281f 75%);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:25px;text-align:center}#closeBeads{position:absolute;left:25px;top:25px}.bead-title h2{font:42px Georgia;margin:14px}.bead-title p,#beadView p{font-size:12px;color:#c1c9b2}#beadView>small{font-size:10px;color:#b4c1a7}#beadTap{position:relative;width:310px;height:310px;background:none;border:0;border-radius:50%;margin:20px;touch-action:none;backdrop-filter:none}.bead-ring{position:absolute;inset:0}.bead-ring i{position:absolute;width:18px;height:18px;left:calc(50% - 9px);top:calc(50% - 9px);border-radius:50%;background:radial-gradient(circle at 30% 25%,#ddbd7b,#715137 75%);box-shadow:0 3px 5px #0006;transform:rotate(var(--a)) translateY(-130px)}.bead-ring i.done{background:#f3dda1;box-shadow:0 0 10px #d5bb7c77}.bead-number b{display:block;font:60px Georgia;color:#e5d49e}.bead-number small{font-size:15px;color:#aebb9f}body:has(#beadView:not([hidden])) #toast{z-index:8;bottom:25px}#toast{z-index:9;max-width:90vw;pointer-events:none}#loading.error{inset:auto;left:25%;right:25%;top:45%;border:1px solid #d8c28566;padding:20px;border-radius:14px;z-index:1;font-size:12px;text-align:center;pointer-events:none}#sheet table{width:100%;font-size:11px;border-collapse:collapse}#sheet td,#sheet th{padding:9px 5px;text-align:left;border-bottom:1px solid #fff1}@media(max-width:1000px){.bottom .profile{display:none}.bottom nav{margin-left:0}.quote{display:none}}@media(max-height:720px) and (min-width:801px){.utility{top:310px;grid-template-columns:repeat(3,auto)}.location{top:110px}h1{font-size:32px}}@media(max-width:800px){.brand{font-size:25px;gap:5px}.brand span{font-size:12px;letter-spacing:2px}.currencies{font-size:8px;padding:7px}.location{top:100px}.location h1{font-size:25px}.utility{left:auto;right:12px;top:180px;grid-template-columns:repeat(2,auto);gap:4px}.utility button{font-size:9px;padding:8px}.location>button{padding:9px;font-size:9px}.mobilepad{bottom:160px}#buff{top:85px;right:12px;font-size:8px}.seat-button{bottom:135px;font-size:9px;left:auto;right:12px;transform:none}.bottom nav button{padding:8px 3px;font-size:8px}#sheetBody{padding:18px}.sheet-head{padding:18px}.days{gap:3px}.day{font-size:8px}#beadTap{width:270px;height:270px}.bead-ring i{transform:rotate(var(--a)) translateY(-115px)}.bead-title h2{font-size:30px}#loading.error{left:15px;right:15px;top:55%}#ritualStatus{bottom:130px}.grid{grid-template-columns:1fr}#story{bottom:250px;width:200px;font-size:10px}}
#liveBreath{height:86px;display:grid;place-items:center;position:relative;margin:12px auto}#liveBreath i{position:absolute;width:72px;height:72px;border:1px solid #dfd0a2;background:#a5c49222;border-radius:50%;animation:breathe 8s ease-in-out infinite}#liveBreath span{font-size:11px;z-index:1}body:has(#liveBreath:not([hidden])) #toast{bottom:360px}
#entry{position:fixed;inset:0;z-index:30;overflow:auto;background:#28170d;color:#3e2b1b;display:flex;flex-direction:column}.entry-preview{position:relative;min-height:260px;height:36dvh;max-height:370px;display:grid;place-items:center;background:radial-gradient(ellipse at center,#49301b 0,#29180d 65%)}.entry-brand{position:absolute;left:30px;top:25px;color:#e4c78a;letter-spacing:5px;font-size:13px}.entry-steps{position:absolute;top:12px;display:flex;gap:6px}.entry-steps i{height:4px;width:28px;border-radius:4px;background:#887256}.entry-steps i.on{background:#edc779}.avatar-halo{height:90%;aspect-ratio:1;background:#b0884e12;border-radius:50%;display:grid;place-items:center}.avatar-halo svg{height:95%;max-height:290px;width:auto}.preview-caption{position:absolute;bottom:10px;font-size:10px;color:#c9b18a;letter-spacing:1px}.entry-card{background:#f6f0e3;border-radius:25px 25px 0 0;flex:1;padding:25px 35px 30px}.entry-card h2{font-size:22px;margin:0 0 14px}.entry-card p{font-size:12px;color:#8d7355;line-height:1.7}.entry-card button{backdrop-filter:none;color:#3c2a18;background:#efe5d3;border-color:#d9c6a5}.server-list{display:grid;gap:10px;margin-top:20px}.server-row{width:100%;display:flex;align-items:center;text-align:left;gap:14px;padding:19px!important;background:white!important;border:1px solid transparent!important;box-shadow:0 2px 7px #62481b09}.server-row:hover{border-color:#d6a34b!important}.server-row i{width:9px;height:9px;background:#c4933c;border-radius:50%}.server-row span{flex:1}.server-row b{display:block;font-size:14px}.server-row small{display:block;margin-top:5px;font-size:11px;color:#947c5f}.server-row em{font-size:10px;font-style:normal;color:#42714d}.entry-note{font-size:10px!important;margin-top:20px!important}.entry-card label{font-size:12px;margin:14px 0}.entry-card input,.entry-card select{color:#432d1a;background:#faf4e8;border:1px solid #dfcfb2}.name-row{display:flex;gap:8px;align-items:center}.name-row button{white-space:nowrap;padding:15px}.entry-card details{background:#ede5d7;padding:13px;border-radius:10px;margin:12px 0}.entry-card summary{cursor:pointer;font-size:12px}.entry-options{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.entry-nav{display:flex;gap:15px;justify-content:space-between;margin-top:30px}.entry-nav .enter-button{background:linear-gradient(#f6d385,#d29b35);border:0;border-radius:30px;width:50%;font-weight:600}.entry-card .badge{color:#8e6624;background:#dfc58b33}#entryGender{max-width:180px}body.entering>header,body.entering>.location,body.entering>.utility,body.entering>.bottom,body.entering>.hint{visibility:hidden}#ritualStatus{width:auto;min-width:230px;padding:12px 16px;pointer-events:auto}#ritualStatus b{display:block;font-size:12px}#ritualStatus small{display:block;margin-top:7px;max-width:270px}#ritualStatus button{margin-top:10px}#beadRing{will-change:transform}#beadTap{cursor:grab}#beadTap:active{cursor:grabbing}#holdBeads{touch-action:none;user-select:none}body:has(#beadView:not([hidden])) #world{visibility:hidden}
@media(min-width:1100px){.utility{top:auto;bottom:30px;left:28px;right:365px;display:flex;justify-content:center;flex-wrap:wrap;gap:5px}.utility button{padding:13px 11px;font-size:10px;background:#34251be6;border-color:#a7834733}.bottom{left:auto;right:24px;bottom:25px;display:block}.bottom nav{display:grid;grid-template-columns:repeat(3,85px);gap:4px;background:transparent;border:0;backdrop-filter:none;padding:0}.bottom nav button{background:#312d27dd;border:1px solid #b1945c33;border-radius:18px}.bottom nav button.active{background:#c2a267;color:#251a0e}.bottom .profile{position:fixed;left:28px;top:82px;bottom:auto}.location{top:170px;left:30px}.location h1{font-size:30px}.hint{bottom:8px;font-size:8px}.seat-button{bottom:110px}#ritualStatus{bottom:115px;left:50%}header{top:20px}.quote{top:150px}.merit-wallet{background:#34251be6}}
@media(max-width:800px){.entry-preview{height:30dvh;min-height:210px}.entry-card{padding:22px 16px}.entry-brand{left:15px;top:20px;font-size:10px}.entry-options{grid-template-columns:1fr 1fr;gap:8px}.entry-nav{gap:8px}.entry-nav button{font-size:11px;padding:12px}.server-row{padding:15px!important}.server-row em{font-size:9px}.name-row button{padding:12px;font-size:10px}.entry-card h2{font-size:20px}#ritualStatus{min-width:0;width:190px}.entry-nav .enter-button{width:50%}}

.account-box{background:#fffaf1;border:1px solid #decba6;border-radius:14px;padding:14px;margin-bottom:19px;color:#49301b}.account-box p{font-size:12px;margin:8px 0}.account-box form{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.account-box input{min-width:140px;flex:1;background:#fff;border:1px solid #cfbd9b;border-radius:8px;padding:10px;color:#362414}.account-actions{display:flex;gap:6px}.account-box button,.import-btn{border-radius:8px;border:1px solid #ab804a;padding:8px 12px;background:#f4e8d1;color:#54351b;cursor:pointer}.import-btn{display:block;width:100%;margin:5px 0;text-align:left}#accountError{color:#a22618;min-height:1em}