:root{color-scheme:dark;--ink: #f6f1e8;--quiet: rgba(246, 241, 232, .66);--faint: rgba(246, 241, 232, .14);--amber: #f2c89c;--ember: #ff9a5c;--jade: #9fd6c2;--rose: #ff7a6a;--glass: rgba(14, 14, 24, .58);--serif: "Noto Serif SC", "Songti SC", "Noto Serif CJK SC", "Source Han Serif SC", STSong, SimSun, serif;--sans: "Noto Sans SC", "PingFang SC", "Noto Sans CJK SC", "Microsoft YaHei", sans-serif;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0b0f1c;color:var(--ink);font-family:var(--sans);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}canvas{display:block}button{font:inherit;color:inherit;cursor:pointer}#vignette{position:fixed;inset:0;pointer-events:none;z-index:2;background:radial-gradient(ellipse at 50% 45%,transparent 55%,rgba(4,6,12,.42) 100%),linear-gradient(to bottom,rgba(4,6,12,.25),transparent 18%,transparent 78%,rgba(4,6,12,.35))}#veil{position:fixed;inset:0;z-index:30;display:grid;place-content:center;justify-items:center;gap:18px;background:radial-gradient(ellipse at 50% 85%,rgba(224,128,80,.25),transparent 50%),#0b0f1c;transition:opacity 1.2s ease}#veil p{margin:0;font-family:var(--serif);font-size:46px;font-weight:500;letter-spacing:.5em;text-indent:.5em;animation:breathe 2.4s ease-in-out infinite}#veil span{color:var(--quiet);font-size:12px;letter-spacing:.3em}#veil.hide{opacity:0;pointer-events:none}@keyframes breathe{50%{opacity:.55}}.hud-name{position:fixed;z-index:5;top:calc(var(--safe-t) + 20px);left:max(20px,env(safe-area-inset-left,0px));margin:0;pointer-events:none;max-width:min(360px,60vw)}.hud-name h1{margin:0;font-family:var(--serif);font-size:28px;font-weight:500;letter-spacing:.32em;text-shadow:0 2px 18px rgba(0,0,0,.5)}.hud-name p{display:flex;align-items:center;gap:8px;margin:6px 0 0;color:var(--quiet);font-size:12px;letter-spacing:.14em}.dot{width:6px;height:6px;border-radius:50%;background:#f6f1e859}.online .dot{background:var(--jade);box-shadow:0 0 8px var(--jade)}.feed{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:6px}.feed li{font-size:12.5px;letter-spacing:.06em;color:#f6f1e8db;text-shadow:0 1px 8px rgba(0,0,0,.8);animation:feedIn .5s ease both;transition:opacity 1.2s ease}.feed li b{color:var(--amber);font-weight:500}.feed li.rare b{color:var(--jade)}.feed li.legend b{color:#ffd86a}.feed li.say{color:#f6f1e8b3}.feed li.fade{opacity:0}@keyframes feedIn{0%{opacity:0;transform:translate(-8px)}}.tools{position:fixed;z-index:6;top:calc(var(--safe-t) + 18px);right:max(18px,env(safe-area-inset-right,0px));display:flex;gap:8px;align-items:center}.tools button{position:relative;height:38px;min-width:38px;padding:0 10px;border-radius:19px;border:1px solid var(--faint);background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-family:var(--serif);font-size:15px}.tools b{font-weight:500}.tools em{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--ember);color:#1a120c;font:600 10px/18px var(--sans);font-style:normal}.tools em:empty,.tools em[data-n="0"]{display:none}.tools .me{font-family:var(--sans);font-size:13px;letter-spacing:.12em}#soundBtn[aria-pressed=true]{opacity:.45}.panel{position:fixed;z-index:8;top:calc(var(--safe-t) + 66px);right:max(16px,env(safe-area-inset-right,0px));border-radius:18px;background:#0c0d16cc;border:1px solid var(--faint);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 20px 60px #00000073;animation:panelIn .25s ease both}@keyframes panelIn{0%{opacity:0;transform:translateY(-6px)}}.sheet{width:min(250px,calc(100vw - 32px));padding:16px}.wide{width:min(400px,calc(100vw - 32px));max-height:calc(100vh - 180px);overflow:auto;padding:16px 16px 18px}.panel header{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}.panel h2{margin:0;font:500 18px var(--serif);letter-spacing:.24em}.panel header p{margin:0;flex:1;color:var(--quiet);font-size:12px;letter-spacing:.08em}.panel .x{border:0;background:none;font-size:22px;line-height:1;color:var(--quiet);padding:0 4px}.sheet label{display:flex;flex-direction:column;gap:6px;font-size:12px;letter-spacing:.14em;color:var(--quiet)}.sheet input{border:0;border-bottom:1px solid rgba(246,241,232,.28);background:transparent;color:var(--ink);font:500 17px/1.4 var(--serif);letter-spacing:.08em;padding:4px 0 8px;outline:none;user-select:text;-webkit-user-select:text}.sheet .sub{margin:14px 0 8px;font-size:12px;letter-spacing:.14em;color:var(--quiet)}.looks{display:flex;gap:10px}.looks button{width:30px;height:30px;border-radius:50%;border:2px solid transparent;outline:1px solid var(--faint);padding:0}.looks button[aria-pressed=true]{border-color:var(--ink)}.dex{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dex li{position:relative;padding:10px 8px 9px;border-radius:12px;background:#f6f1e80d;border:1px solid rgba(246,241,232,.07);text-align:center}.dex canvas{width:100%;height:44px;display:block}.dex h3{margin:4px 0 2px;font:500 15px var(--serif);letter-spacing:.16em}.dex p{margin:0;font-size:11px;color:var(--quiet);letter-spacing:.04em}.dex li.locked h3{color:#f6f1e859}.dex li.rare{border-color:#9fd6c24d}.dex li.legend{border-color:#ffd86a66;background:#ffd86a0f}.dex .n{position:absolute;top:6px;right:8px;font-size:10px;color:var(--amber)}.board{margin:0;padding:0;list-style:none;counter-reset:rank}.board li{display:grid;grid-template-columns:26px 1fr auto;align-items:baseline;gap:8px;padding:10px 2px;border-bottom:1px solid rgba(246,241,232,.07);font-size:14px}.board li:before{counter-increment:rank;content:counter(rank);font:500 16px var(--serif);color:var(--quiet)}.board li:nth-child(1):before{color:#ffd86a}.board li:nth-child(2):before{color:#dfe6ea}.board li:nth-child(3):before{color:#e0a878}.board .who{color:var(--quiet);font-size:12px;margin-left:6px}.board .kg{font-variant-numeric:tabular-nums;color:var(--amber)}.board .empty{display:block;color:var(--quiet);font-size:13px;padding:16px 0}.board .empty:before{content:none}.toast{position:fixed;z-index:7;left:50%;bottom:calc(var(--safe-b) + 170px);transform:translate(-50%);margin:0;padding:8px 16px;border-radius:20px;background:#0a0a1280;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:14px;letter-spacing:.14em;pointer-events:none;white-space:nowrap;animation:feedIn .3s ease both}.card{position:fixed;z-index:7;left:50%;bottom:calc(var(--safe-b) + 24px);text-align:center;pointer-events:none;animation:rise 3.4s cubic-bezier(.2,.7,.2,1) forwards}.card .kicker{margin:0 0 10px;letter-spacing:.5em;text-indent:.5em;font-size:12px;color:var(--amber)}.card h2{margin:0;font-family:var(--serif);font-size:clamp(52px,10vw,92px);font-weight:500;letter-spacing:.2em;text-indent:.2em;text-shadow:0 10px 40px rgba(0,0,0,.55),0 0 30px rgba(255,170,110,.18)}.card .kg{margin:10px 0 0;font:500 20px var(--serif);letter-spacing:.16em;font-variant-numeric:tabular-nums}.card .note{margin:6px 0 0;letter-spacing:.22em;font-size:13px;color:var(--quiet)}.card .badge{display:inline-block;margin:12px 0 0;padding:4px 12px;border-radius:12px;border:1px solid rgba(242,200,156,.5);color:var(--amber);font-size:12px;letter-spacing:.2em}.card.rare .kicker,.card.rare .badge{color:var(--jade);border-color:#9fd6c280}.card.rare h2{color:#e8fbf6;text-shadow:0 10px 40px rgba(0,0,0,.5),0 0 40px rgba(159,214,194,.45)}.card.legend .kicker{color:#ffd86a}.card.legend h2{color:#fff1c4;text-shadow:0 10px 40px rgba(0,0,0,.5),0 0 50px rgba(255,200,90,.7)}.card.junk h2{font-size:clamp(40px,7vw,64px);color:#f6f1e8cc}@keyframes rise{0%{opacity:0;transform:translate(-50%,-20%) scale(.96);filter:blur(6px)}12%{opacity:1;transform:translate(-50%,-46%) scale(1);filter:blur(0)}78%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-58%)}}.gauge{position:fixed;z-index:6;left:50%;bottom:calc(var(--safe-b) + 44px);width:min(360px,calc(100vw - 260px));min-width:200px;transform:translate(-50%);pointer-events:none;animation:feedIn .3s ease both}.gauge-tip{margin:0 0 10px;text-align:center;font:500 15px var(--serif);letter-spacing:.3em;text-indent:.3em;text-shadow:0 2px 10px rgba(0,0,0,.7);transition:color .2s}.gauge-tip.hot{color:var(--rose);animation:shake .12s linear infinite}.gauge-tip.cool{color:var(--jade)}@keyframes shake{50%{transform:translate(2px)}}.tension{position:relative;display:flex;height:10px;border-radius:5px;overflow:hidden;background:#00000059;box-shadow:inset 0 0 0 1px #f6f1e824}.tension i{display:block;height:100%}.tension .safe{flex:0 0 62%;background:linear-gradient(90deg,#9fd6c226,#9fd6c266)}.tension .warn{flex:0 0 24%;background:#f2c89c73}.tension .danger{flex:1;background:#ff6e5aa6}.tension b{position:absolute;top:-3px;left:0;width:4px;height:16px;margin-left:-2px;border-radius:2px;background:#fff;box-shadow:0 0 10px #fffc}.reach{position:relative;display:flex;align-items:center;margin-top:10px;height:18px;font-size:11px;color:var(--quiet)}.reach i{position:absolute;left:22px;right:22px;height:2px;background:#f6f1e82e}.reach i:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--fill, 50%);background:#f6f1e8a6}.me-end{position:absolute;left:0}.fish-dot{position:absolute;left:calc(22px + (100% - 44px) * var(--d, .5));transform:translate(-50%);color:var(--amber);font-family:var(--serif)}.hint{position:fixed;z-index:5;left:50%;bottom:calc(var(--safe-b) + 34px);transform:translate(-50%);margin:0;color:#f6f1e899;font-size:12.5px;letter-spacing:.1em;pointer-events:none;white-space:nowrap;text-shadow:0 1px 8px rgba(0,0,0,.7);transition:opacity .8s ease}.hint.gone{opacity:0}.joy{position:fixed;z-index:5;left:max(22px,env(safe-area-inset-left,0px));bottom:calc(var(--safe-b) + 28px);width:120px;height:120px;border-radius:50%;border:1px solid var(--faint);background:#0a0c1240;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);touch-action:none}.joy i{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:#f6f1e838}.cast{position:fixed;z-index:6;right:max(24px,env(safe-area-inset-right,0px));bottom:calc(var(--safe-b) + 30px);width:96px;height:96px;padding:0;border-radius:50%;border:0;background:radial-gradient(circle at 40% 32%,#fff4e633,#100e0c59 72%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-family:var(--serif);font-size:19px;letter-spacing:.14em;text-indent:.14em;touch-action:none;transition:transform .12s ease,box-shadow .3s ease}.cast svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.cast circle{fill:none;stroke-width:3}.cast .track{stroke:#f6f1e84d}.cast .ring{stroke:var(--amber);stroke-linecap:round;stroke-dasharray:289;stroke-dashoffset:289}.cast span{position:relative}.cast.hook{box-shadow:0 0 0 8px #ff9a5c29,0 0 34px #ff9a5c99;animation:pulse .5s ease infinite}.cast.hook .track{stroke:var(--ember)}.cast.reel .track{stroke:var(--jade)}.cast.busy{opacity:.7}.cast.down{transform:scale(.95)}@keyframes pulse{50%{transform:scale(1.06)}}.chat-btn{position:fixed;z-index:6;right:max(40px,env(safe-area-inset-right,0px));bottom:calc(var(--safe-b) + 140px);width:46px;height:46px;border-radius:50%;border:1px solid var(--faint);background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-family:var(--serif);font-size:16px}.chat{position:fixed;z-index:9;left:50%;bottom:calc(var(--safe-b) + 20px);transform:translate(-50%);width:min(460px,calc(100vw - 32px));animation:feedIn .2s ease both}.quick{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;justify-content:center}.quick button{padding:6px 12px;border-radius:14px;border:1px solid var(--faint);background:var(--glass);font-size:13px;letter-spacing:.08em}.chat form{display:flex;gap:6px;padding:6px;border-radius:24px;background:#0c0d16d1;border:1px solid var(--faint);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.chat input{flex:1;min-width:0;border:0;background:transparent;color:var(--ink);font:15px var(--sans);padding:8px 12px;outline:none;user-select:text;-webkit-user-select:text}.chat form button{border:0;border-radius:18px;padding:0 16px;background:var(--amber);color:#1a120c;font-family:var(--serif)}@media(hover:hover)and (pointer:fine){.joy{opacity:0;pointer-events:none}}@media(max-width:560px){.hud-name h1{font-size:22px}.gauge{width:calc(100vw - 48px);bottom:calc(var(--safe-b) + 166px)}.toast{bottom:calc(var(--safe-b) + 210px)}.dex{grid-template-columns:repeat(3,1fr)}.tools button{height:34px;min-width:34px;font-size:14px}}.gauge:not([hidden])~.hint{bottom:calc(var(--safe-b) + 12px)}@media(pointer:coarse),(max-width:640px){.hint{bottom:calc(var(--safe-b) + 176px);max-width:78vw;white-space:normal;text-align:center;line-height:1.6}.gauge:not([hidden])~.hint{bottom:calc(var(--safe-b) + 252px)}.toast{bottom:calc(var(--safe-b) + 232px)}}.night{margin-top:12px;width:190px;pointer-events:auto}.night p{display:flex;align-items:baseline;gap:6px;margin:0 0 5px;font-size:11.5px;letter-spacing:.1em;color:var(--quiet);text-shadow:0 1px 8px rgba(0,0,0,.8)}.night p span{letter-spacing:.24em;color:#f6f1e8d1}.night b{margin-left:auto;font:500 14px var(--serif);color:var(--amber);font-variant-numeric:tabular-nums}.night em,.night i{font-style:normal;font-variant-numeric:tabular-nums}.night .bar{height:4px;border-radius:2px;background:#f6f1e824;overflow:hidden}.night s{display:block;height:100%;width:var(--fill, 0%);border-radius:2px;background:linear-gradient(90deg,#f2c89c,#ff9a5c);box-shadow:0 0 10px #ff9a5ccc;transition:width .8s cubic-bezier(.2,.7,.2,1)}.night.bump b{animation:bump .6s ease}@keyframes bump{30%{transform:scale(1.25);color:#fff1c4}}.shoal-chip{display:inline-flex!important;margin:10px 0 0!important;padding:5px 11px;border-radius:14px;background:#0c0d1673;border:1px solid rgba(246,241,232,.12);color:var(--quiet)!important;font-size:11.5px!important;letter-spacing:.1em!important}.shoal-chip[hidden]{display:none!important}.shoal-chip.live{color:#fff1c4!important;border-color:#ffd86a8c;background:#3c2c0e80;box-shadow:0 0 18px #ffc85a59;animation:glowPulse 1.6s ease-in-out infinite}@keyframes glowPulse{50%{box-shadow:0 0 26px #ffc85a99}}.tools .shells{display:inline-flex;align-items:center;gap:6px}.tools .shells span{font:500 13px var(--sans);color:var(--amber);font-variant-numeric:tabular-nums}.tools .shells.gain{animation:bump .7s ease}.gain-float{position:fixed;z-index:9;pointer-events:none;font:500 14px var(--serif);color:#ffd86a;text-shadow:0 0 10px rgba(255,200,90,.7);animation:floatUp 1.4s ease-out forwards}@keyframes floatUp{to{opacity:0;transform:translateY(-28px)}}.name-row{display:flex;gap:8px;align-items:flex-end;margin-top:6px}.name-row input{flex:1;min-width:0}.name-row button,.buy{border:1px solid var(--faint);border-radius:14px;background:#f6f1e812;padding:6px 10px;font-size:12px;letter-spacing:.1em;white-space:nowrap}.sheet>label{font-size:12px;letter-spacing:.14em;color:var(--quiet)}.wish{width:min(290px,calc(100vw - 32px))}.wish header{margin-bottom:6px}.wish .lead,.wish .how{margin:0 0 12px;font-size:12px;line-height:1.7;letter-spacing:.06em;color:var(--quiet)}.wish .how{margin:12px 0 0}.wish .how b{color:#ffd86a;font-weight:500}.wish input{width:100%;border:0;border-bottom:1px solid rgba(246,241,232,.28);background:transparent;color:var(--ink);font:500 16px/1.4 var(--serif);letter-spacing:.06em;padding:4px 0 8px;outline:none;user-select:text;-webkit-user-select:text}.buys{display:flex;gap:8px;margin-top:14px}.buy{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;border-radius:14px;background:linear-gradient(180deg,#ff9a5c38,#ff9a5c14);border-color:#ff9a5c66;font:500 15px var(--serif);letter-spacing:.16em}.buy small{font:400 11px var(--sans);color:var(--amber);letter-spacing:.08em}.buy.fw{background:linear-gradient(180deg,#9fb4ff33,#9fb4ff0f);border-color:#aabeff66}.buy:disabled{opacity:.4;cursor:default}.emote-btn{position:fixed;z-index:6;right:max(40px,env(safe-area-inset-right,0px));bottom:calc(var(--safe-b) + 196px);width:46px;height:46px;border-radius:50%;border:1px solid var(--faint);background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-family:var(--serif);font-size:16px}.emotes{position:fixed;z-index:7;right:calc(max(40px,env(safe-area-inset-right,0px)) + 56px);bottom:calc(var(--safe-b) + 199px);display:flex;gap:6px;animation:feedIn .2s ease both}.emotes[hidden]{display:none}.emotes button{height:40px;padding:0 12px;border-radius:20px;border:1px solid var(--faint);background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:13px;letter-spacing:.1em;white-space:nowrap}.emotes kbd{margin-left:4px;font:10px var(--sans);color:var(--quiet)}.act{position:fixed;z-index:7;left:50%;bottom:calc(var(--safe-b) + 112px);transform:translate(-50%);max-width:min(320px,46vw);padding:9px 18px 10px;border-radius:22px;border:1px solid rgba(255,216,106,.6);background:linear-gradient(180deg,#463414bf,#1e160cbf);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 0 24px #ffc85a59;text-align:center;line-height:1.3;animation:actIn .3s cubic-bezier(.2,.8,.3,1.3) both;touch-action:manipulation}.act b{display:block;font:500 16px var(--serif);letter-spacing:.2em;color:#fff1c4}.act small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;letter-spacing:.06em;color:var(--quiet)}.act.help{border-color:#9fd6c2b3;background:linear-gradient(180deg,#143c32bf,#0a1a18bf);box-shadow:0 0 24px #9fd6c266}.act.help b{color:#e8fbf6}.act.down{transform:translate(-50%) scale(.94)}@keyframes actIn{0%{opacity:0;transform:translate(-50%,10px) scale(.9)}}.banner{position:fixed;z-index:7;left:50%;top:20vh;transform:translate(-50%);text-align:center;pointer-events:none;white-space:nowrap;animation:bannerIn 6s ease forwards}.banner .kicker{margin:0 0 8px;font-size:12px;letter-spacing:.6em;text-indent:.6em;color:#ffd86a}.banner h2{margin:0;font:500 clamp(30px,6vw,52px) var(--serif);letter-spacing:.3em;text-indent:.3em;color:#fff1c4;text-shadow:0 0 40px rgba(255,190,90,.7),0 6px 30px rgba(0,0,0,.6)}.banner p:last-child{margin:10px 0 0;font-size:13px;letter-spacing:.2em;color:#f6f1e8cc}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%,10px);filter:blur(6px)}10%,80%{opacity:1;transform:translate(-50%);filter:blur(0)}to{opacity:0;transform:translate(-50%,-10px)}}.card .bonus{margin:10px 0 0;font:500 15px var(--serif);letter-spacing:.16em;color:#ffd86a;text-shadow:0 0 16px rgba(255,200,90,.5)}.card .bonus small{display:block;margin-top:4px;font:400 11.5px var(--sans);letter-spacing:.12em;color:var(--quiet)}@media(max-width:560px){.night{width:160px}.emotes{flex-wrap:wrap;justify-content:flex-end;width:170px;bottom:calc(var(--safe-b) + 214px)}.tools{gap:6px}.tools button{padding:0 8px}}@media(pointer:coarse),(max-width:640px){.act{bottom:calc(var(--safe-b) + 150px);max-width:54vw;padding:8px 14px}.act:not([hidden])~.hint,body.acting .hint{opacity:0}.act b{font-size:14px;letter-spacing:.1em}}.event-chip,.derby-chip{margin-left:6px!important}.derby-chip.live{color:#fff4d6!important;border-color:#ffc86eb3;background:#46280a8c;box-shadow:0 0 18px #ffbe5a73}.event-chip.live{color:#dff6ff!important;border-color:#78d2ff99;background:#0a283c8c;box-shadow:0 0 18px #5abeff66;animation:seaPulse 1.8s ease-in-out infinite}@keyframes seaPulse{50%{box-shadow:0 0 28px #5abeffa6}}.dex li.dex-head{grid-column:1 / -1;padding:6px 2px 0;border:0;background:none;font:500 13px var(--serif);letter-spacing:.3em;color:var(--quiet)}.dex li.treasure{border-color:#e8c05073;background:#e8c05012}.feed li.treasure b,.card.treasure .kicker{color:#f2c860}.card.treasure h2{color:#ffe8a8;text-shadow:0 10px 40px rgba(0,0,0,.5),0 0 46px rgba(242,200,96,.65)}.card .note{max-width:min(420px,86vw);margin-left:auto;margin-right:auto}.travel{width:min(300px,calc(100vw - 32px))}.travel .lead{margin:0 0 12px;font-size:12px;line-height:1.7;letter-spacing:.06em;color:var(--quiet)}.travel-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.travel-list button{width:100%;display:grid;grid-template-columns:1fr auto;gap:2px 10px;text-align:left;padding:10px 12px;border-radius:10px;border:1px solid rgba(246,241,232,.14);background:#f6f1e80d;color:inherit;cursor:pointer}.travel-list button:not(:disabled):hover{border-color:#78d2ff8c;background:#285a7840}.travel-list button:disabled{opacity:.6;cursor:default}.travel-list b{font:500 17px var(--serif);letter-spacing:.24em}.travel-list small{grid-column:1;font-size:11px;color:var(--quiet);letter-spacing:.04em}.travel-list em{grid-row:1 / 3;grid-column:2;align-self:center;font-style:normal;font-size:12px;color:var(--amber)}.act.travel{border-color:#78d2ff99;box-shadow:0 0 22px #5abeff59}.act.wish{border-color:#dce6ffb3;box-shadow:0 0 26px #c8d7ff80}.act.escort{border-color:#ff96b499;box-shadow:0 0 22px #ff8caa59}body.isle #veil{background:radial-gradient(ellipse at 50% 40%,#12233a,#050912 70%)}.travel header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.outfit-btn{margin-top:12px;width:100%;padding:9px 0;border:1px solid rgba(246,241,232,.28);border-radius:999px;background:#f6f1e814;color:var(--ink);font:500 13px var(--sans);letter-spacing:.2em;cursor:pointer}.outfit-btn:active{background:#f6f1e82e}.brawl-hud{position:fixed;z-index:6;left:50%;top:calc(var(--safe-t, 0px) + 74px);transform:translate(-50%);width:min(360px,78vw);padding:10px 14px 9px;border-radius:16px;background:#140e129e;border:1px solid rgba(255,140,90,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--ink);pointer-events:none;text-align:center;animation:brawlIn .35s cubic-bezier(.2,.9,.3,1.3)}@keyframes brawlIn{0%{transform:translate(-50%) scale(.7);opacity:0}}.brawl-top{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;letter-spacing:.12em}.brawl-top b{font:600 15px var(--serif);color:#ffd2a8;letter-spacing:.16em}.brawl-top span{font-variant-numeric:tabular-nums;color:var(--quiet)}.brawl-bar{margin:7px 0 6px;height:10px;border-radius:99px;background:#ffffff1f;overflow:hidden}.brawl-bar i{display:block;height:100%;width:100%;border-radius:99px;background:linear-gradient(90deg,#ff6a3d,#ffb04a);transition:width .15s ease-out;box-shadow:0 0 12px #ff783c99}.brawl-hud small{display:block;font-size:12px;letter-spacing:.14em;color:var(--quiet)}.brawl-hud.open{border-color:#ffdc6ee6}.brawl-hud.open small{color:#ffe08a;font-weight:600}.brawl-hud.open .brawl-bar i{background:linear-gradient(90deg,#ffd24a,#fff0a8)}.brawl-hud.panic .brawl-top span{color:#ff8a6a;animation:brawlBlink .5s steps(2) infinite}@keyframes brawlBlink{50%{opacity:.4}}.act.brawl{background:#782416c7;border-color:#ff9664b3}.act.brawl b{font-size:22px;letter-spacing:.3em}.welcome-head{display:none}.looks{flex-wrap:wrap}.parts{display:grid;gap:6px;margin-top:14px}.part{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;gap:6px}.part span{text-align:center;font:500 14px var(--serif);letter-spacing:.1em}.part small{display:block;font:11px var(--sans);color:var(--quiet);letter-spacing:.2em}.part button{height:34px;border-radius:50%;border:1px solid rgba(246,241,232,.28);background:#f6f1e814;color:var(--ink);font:500 18px var(--sans);cursor:pointer}.part button:active{background:#f6f1e833;transform:scale(.94)}.go-btn{display:none}.sheet.welcome{top:auto;right:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translate(50%);width:min(380px,calc(100vw - 32px));max-height:56vh;overflow:auto;animation:welcomeIn .5s ease both}@keyframes welcomeIn{0%{opacity:0;transform:translate(50%,12px)}}.sheet.welcome .welcome-head{display:block;text-align:center;margin-bottom:10px}.sheet.welcome .welcome-head h2{margin:0 0 4px;font:600 20px var(--serif);letter-spacing:.3em}.sheet.welcome .welcome-head p{margin:0;font-size:12px;color:var(--quiet);letter-spacing:.1em}.sheet.welcome .parts{grid-template-columns:1fr 1fr;column-gap:12px}.sheet.welcome .go-btn{display:block;width:100%;margin-top:12px;padding:11px 0;border:0;border-radius:999px;background:#f2c86a;color:#2a2238;font:600 15px var(--sans);letter-spacing:.24em;cursor:pointer;box-shadow:0 4px #b88a34}.sheet.welcome .go-btn:active{transform:translateY(2px);box-shadow:0 2px #b88a34}body.dressing #hint,body.dressing #joy,body.dressing #castBtn,body.dressing .tools,body.dressing #actBtn,body.dressing #emotes,body.dressing #chat,body.dressing #banner,body.dressing .hud-name{visibility:hidden}@media(min-aspect-ratio:1/1)and (min-width:700px){.sheet.welcome{top:50%;bottom:auto;right:max(24px,6vw);transform:translateY(-50%);width:min(360px,44vw);max-height:calc(100vh - 32px);animation:welcomeInSide .5s ease both}@keyframes welcomeInSide{0%{opacity:0;transform:translate(12px,-50%)}}}.act.gull{background:linear-gradient(180deg,#28466ed1,#121e34d1);border-color:#faf8f2bf;box-shadow:0 0 22px #faf8f259}.act.gull b{font-size:22px;letter-spacing:.3em}.tabs,.sorts{display:flex;gap:6px;margin-bottom:12px}.tabs button,.sorts button{flex:1;padding:7px 0;border-radius:999px;border:1px solid rgba(246,241,232,.22);background:transparent;color:var(--quiet);font:500 13px var(--sans);letter-spacing:.12em;cursor:pointer}.sorts button{padding:4px 0;font-size:12px}.tabs button[aria-pressed=true],.sorts button[aria-pressed=true]{background:#f2c86a2e;border-color:#f2c86a99;color:#ffe6b0}.board.friends li.me{background:#f2c86a1a;border-radius:10px}.board .rank{display:inline-block;min-width:26px;font-weight:500}.board i.on{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8fe0b0;margin-right:6px;vertical-align:middle}.near{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:6px}.near li{display:flex;justify-content:space-between;align-items:center;font-size:14px}.near button{padding:4px 12px;border-radius:999px;border:1px solid rgba(246,241,232,.3);background:#f6f1e814;color:var(--ink);font:12px var(--sans)}.near button:disabled{opacity:.5}.near .empty{color:var(--quiet);font-size:12px}.achs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.achs li{display:flex;gap:8px;align-items:flex-start;padding:8px;border-radius:10px;background:#f6f1e80a;opacity:.55}.achs li.got{opacity:1;background:#f2c86a1f}.achs b{color:#f2c86a;font-size:16px;line-height:1.2}.achs span{font:500 13px var(--serif);letter-spacing:.06em}.achs small{display:block;margin-top:2px;font:11px var(--sans);color:var(--quiet);letter-spacing:.02em}