:root{--bg: #120f1f;--panel: rgba(24, 18, 40, .92);--panel-2: rgba(36, 28, 58, .95);--line: #5b4a86;--line-soft: rgba(160, 140, 220, .25);--gold: #e8c46a;--gold-2: #ffdf8a;--text: #f2ecff;--muted: #a99cc8;--hp: #e0464e;--hp-2: #ff7a6b;--mp: #3f7be6;--mp-2: #6fb0ff;--exp: #e8c46a;--good: #6ee08a;--bad: #ff6b6b;--ui-scale: 1;--touch-scale: 1;--touch-fit: 1;--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);--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:var(--bg);color:var(--text);font-family:Kanit,system-ui,sans-serif;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;touch-action:none}#game{position:fixed;inset:0}#game canvas{display:block}#ui{position:fixed;inset:0;pointer-events:none;z-index:10}#ui *{pointer-events:auto}#ui .passthrough,#ui .passthrough *{pointer-events:none}button{font-family:inherit;color:inherit;cursor:pointer}input,select{font-family:inherit}.btn{background:linear-gradient(180deg,#5a4690,#3a2c62);border:1px solid #8a76c8;border-radius:8px;padding:8px 16px;font-size:14px;color:#fff;box-shadow:0 2px #1c1530,inset 0 1px #ffffff26;transition:transform .08s,filter .15s}.btn:hover{filter:brightness(1.15)}.btn:active{transform:translateY(1px)}.btn.gold{background:linear-gradient(180deg,#f0cf72,#b8862a);border-color:#ffe9a8;color:#2a1a00;font-weight:600}.btn.danger{background:linear-gradient(180deg,#b84050,#7a2030);border-color:#e87080}.btn.small{padding:4px 10px;font-size:12px;border-radius:6px}.btn:disabled{filter:grayscale(.8) brightness(.7);cursor:not-allowed}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:16px;overflow-y:auto;background:radial-gradient(ellipse at center,#120f1f59,#120f1fd9)}.screen:before,.screen:after{content:"";flex:1 0 0;min-height:0}.logo{font-family:Cinzel,serif;font-weight:800;font-size:clamp(42px,9vw,92px);letter-spacing:4px;margin:0;background:linear-gradient(180deg,#fff6d0 10%,#e8c46a 55%,#a0702a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 #2a1840) drop-shadow(0 0 24px rgba(232,196,106,.35))}.tagline{color:var(--muted);margin:4px 0 28px;letter-spacing:2px;text-align:center}.title-menu{display:flex;flex-direction:column;gap:10px;width:min(320px,90vw)}.title-menu .btn{padding:12px;font-size:16px}.foot{position:absolute;bottom:calc(10px + var(--safe-b));color:var(--muted);font-size:11px;text-align:center;width:100%;opacity:.8}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 40px #00000080,inset 0 1px #ffffff0f}.panel h2{font-family:Cinzel,serif;color:var(--gold);margin:0 0 12px;font-size:20px;letter-spacing:1px}.charselect{width:min(980px,100%);padding:18px}.char-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.char-card{background:var(--panel-2);border:2px solid var(--line-soft);border-radius:12px;padding:10px;text-align:center;cursor:pointer;position:relative;transition:border-color .15s,transform .15s}.char-card:hover{border-color:var(--line);transform:translateY(-2px)}.char-card.sel{border-color:var(--gold);box-shadow:0 0 18px #e8c46a59}.char-card canvas{image-rendering:pixelated;width:64px;height:88px}.char-card .nm{font-weight:600}.char-card .sub{color:var(--muted);font-size:12px}.char-card.empty{display:flex;align-items:center;justify-content:center;min-height:150px;color:var(--muted);border-style:dashed}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row.end{justify-content:flex-end}.spacer{flex:1}.create{width:min(1040px,100%);padding:18px;display:grid;grid-template-columns:260px 1fr;gap:18px}.preview{background:radial-gradient(circle at 50% 60%,#3a2c62,#1a1430);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px;border:1px solid var(--line-soft)}.preview canvas{image-rendering:pixelated;width:128px;height:176px}.class-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.class-btn{background:var(--panel-2);border:2px solid var(--line-soft);border-radius:10px;padding:6px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:12px}.class-btn img{width:36px;height:36px}.class-btn.sel{border-color:var(--gold);background:#e8c46a1f}.class-btn small{color:var(--muted);font-size:10px}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.field label{color:var(--muted);font-size:12px}.text-input{background:#0e0b1a;border:1px solid var(--line);border-radius:8px;color:var(--text);padding:9px 12px;font-size:15px;outline:none}.text-input:focus{border-color:var(--gold)}.swatches{display:flex;gap:6px;flex-wrap:wrap}.swatch{width:26px;height:26px;border-radius:50%;border:2px solid transparent;cursor:pointer}.swatch.sel{border-color:#fff;box-shadow:0 0 0 2px var(--gold)}.seg{display:inline-flex;background:#0e0b1a;border:1px solid var(--line);border-radius:8px;overflow:hidden}.seg button{background:none;border:0;padding:6px 12px;font-size:13px;color:var(--muted)}.seg button.sel{background:var(--line);color:#fff}.skills-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px;max-height:220px;overflow-y:auto;padding-right:4px}.sk-mini{display:flex;gap:8px;align-items:flex-start;background:#00000040;border-radius:8px;padding:6px;font-size:11px}.sk-mini img{width:28px;height:28px;flex:none}.sk-mini b{font-size:12px}.err{color:var(--bad);font-size:12px;min-height:16px}.hud{position:absolute;inset:0;pointer-events:none!important;transform-origin:top left;--tscale: calc(var(--touch-scale) * var(--touch-fit))}.is-portrait .hud{--touch-fit: .85}.hud>*{pointer-events:auto}.pframe{position:absolute;top:calc(10px + var(--safe-t));left:calc(10px + var(--safe-l));display:flex;gap:8px;align-items:center;padding:8px 12px 8px 8px;border-radius:14px;min-width:260px;transform-origin:top left;transform:scale(var(--ui-scale))}.portrait{width:52px;height:52px;border-radius:50%;border:2px solid var(--gold);background:#1a1430;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;flex:none}.portrait img{width:100%;height:100%}.portrait .lv{position:absolute;bottom:-2px;right:-2px;background:var(--gold);color:#2a1a00;font-size:10px;font-weight:700;border-radius:8px;padding:0 4px}.pinfo{flex:1;min-width:0}.pname{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pname small{color:var(--muted);font-weight:400}.bar{position:relative;height:14px;background:#0c0915;border-radius:7px;overflow:hidden;margin-top:4px;border:1px solid rgba(255,255,255,.08)}.bar>i{position:absolute;inset:0;transform-origin:left;transition:transform .15s}.bar.hp>i{background:linear-gradient(180deg,var(--hp-2),var(--hp))}.bar.mp>i{background:linear-gradient(180deg,var(--mp-2),var(--mp))}.bar>span{position:absolute;inset:0;font-size:10px;line-height:13px;text-align:center;text-shadow:0 1px 2px #000;font-weight:600}.buffs{position:absolute;top:calc(84px + var(--safe-t));left:calc(12px + var(--safe-l));display:flex;gap:4px;flex-wrap:wrap;max-width:300px;transform-origin:top left;transform:scale(var(--ui-scale))}.buff{width:26px;height:26px;border-radius:6px;position:relative;border:1px solid rgba(255,255,255,.3);overflow:hidden}.buff img{width:100%;height:100%}.buff.bad{border-color:var(--bad)}.buff span{position:absolute;bottom:0;right:1px;font-size:9px;text-shadow:0 1px 2px #000;font-weight:700}.tframe{position:absolute;top:calc(10px + var(--safe-t));left:50%;transform:translate(-50%) scale(var(--ui-scale));transform-origin:top center;padding:6px 12px;border-radius:12px;min-width:240px;text-align:center;display:none}.tframe.show{display:block}.tframe .tname{font-weight:600;font-size:13px}.tframe .tname.boss{color:#ff7a7a}.tframe .tname.elite{color:#ffb347}.tframe .tstat{font-size:10px;color:var(--muted);margin-top:2px}.mm-wrap{position:absolute;top:calc(10px + var(--safe-t));right:calc(10px + var(--safe-r));width:176px;padding:6px;border-radius:12px;transform-origin:top right;transform:scale(var(--ui-scale))}.mm-wrap canvas{width:164px;height:124px;border-radius:8px;display:block;image-rendering:pixelated;background:#000}.mm-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-bottom:4px}.mm-head b{color:var(--gold);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:78px}.mm-head span{white-space:nowrap;font-size:10px}.mm-zoom{display:flex;gap:4px}.mm-zoom button{width:22px;height:20px;border-radius:5px;border:1px solid var(--line);background:#2a2046;font-size:12px;line-height:1;padding:0}.qtrack{position:absolute;top:calc(216px + var(--safe-t));right:calc(10px + var(--safe-r));width:220px;font-size:12px;transform-origin:top right;transform:scale(var(--ui-scale))}.qtrack .q{background:#0e0a1aa6;border-left:3px solid var(--gold);border-radius:6px;padding:5px 8px;margin-bottom:5px}.qtrack .q b{color:var(--gold-2);font-weight:600;display:block}.qtrack .q.done b{color:var(--good)}.menu-btns{position:absolute;right:calc(10px + var(--safe-r));bottom:calc(118px + var(--safe-b));display:flex;flex-direction:column;gap:6px;transform-origin:bottom right;transform:scale(var(--ui-scale))}.menu-btns button{width:42px;height:42px;border-radius:10px;border:1px solid var(--line);background:var(--panel);font-size:18px;position:relative;display:flex;align-items:center;justify-content:center}.menu-btns button:hover{border-color:var(--gold)}.menu-btns button kbd{position:absolute;bottom:1px;right:3px;font-size:9px;color:var(--muted);font-family:inherit}.menu-btns button .dot{position:absolute;top:-3px;right:-3px;width:12px;height:12px;background:var(--bad);border-radius:50%;display:none;border:2px solid var(--bg)}.menu-btns button .dot.on{display:block}.bottom{position:absolute;left:50%;bottom:calc(14px + var(--safe-b));transform:translate(-50%) scale(var(--ui-scale));transform-origin:bottom center;display:flex;flex-direction:column;align-items:center;gap:6px}.hotbar{display:flex;gap:6px;padding:6px;border-radius:14px}.slot{width:52px;height:52px;border-radius:10px;background:#0e0b1a;border:1px solid var(--line);position:relative;overflow:hidden;padding:0}.slot img{width:100%;height:100%;display:block}.slot kbd{position:absolute;top:2px;left:4px;font-size:10px;font-family:inherit;text-shadow:0 1px 2px #000;font-weight:700}.slot .cnt{position:absolute;bottom:1px;right:4px;font-size:11px;text-shadow:0 1px 2px #000;font-weight:700}.slot .cd{position:absolute;inset:0;background:conic-gradient(rgba(0,0,0,.72) var(--p, 0%),transparent 0);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;text-shadow:0 1px 3px #000}.slot.nomp img{filter:grayscale(.7) brightness(.6)}.slot.flash{box-shadow:0 0 0 2px var(--gold-2),0 0 16px var(--gold)}.slot.attack{background:radial-gradient(circle,#6a3030,#2a1018)}.slot.attack span{font-size:24px}.sep{width:1px;background:var(--line-soft);margin:4px 2px}.expbars{display:flex;gap:10px;width:min(560px,80vw)}.expbars.stack{flex-direction:column;gap:3px;width:100%}.expbars .expbar{flex:1;width:auto;min-width:0}.expbar.job>i{background:linear-gradient(90deg,#2a5fb8,#5aa8ff,#c8e6ff)}.expbar{width:min(560px,80vw);height:11px;background:#0c0915;border-radius:5px;overflow:hidden;border:1px solid rgba(255,255,255,.1);position:relative}.expbar>i{position:absolute;inset:0;background:linear-gradient(90deg,#b8862a,var(--exp),#fff2b0);transform-origin:left;transition:transform .25s}.expbar>span{position:absolute;inset:0;font-size:9px;line-height:11px;white-space:nowrap;overflow:hidden;text-align:center;text-shadow:0 1px 2px #000}.chat{position:absolute;left:calc(10px + var(--safe-l));bottom:calc(14px + var(--safe-b));width:min(380px,40vw);border-radius:12px;display:flex;flex-direction:column;transform-origin:bottom left;transform:scale(var(--ui-scale))}.chat .log{height:150px;overflow-y:auto;padding:8px 10px;font-size:12px;line-height:1.45;mask-image:linear-gradient(transparent,#000 18%)}.chat .log{display:flex;flex-direction:column}.chat .log>:first-child{margin-top:auto}.chat .log div{word-break:break-word;flex:none}.chat .log .error{color:#ff9a9a}.chat .log .system{color:var(--gold-2)}.chat .log .quest{color:#9ff0a8}.chat .log .loot{color:#9fd0ff}.chat .log .chat{color:#fff}.chat .log .info{color:#d8d0f0}.chat form{display:flex;border-top:1px solid var(--line-soft)}.chat input{flex:1;background:transparent;border:0;color:var(--text);padding:7px 10px;font-size:12px;outline:none}.chat .tabs{display:flex;gap:4px;padding:4px 6px 0;font-size:10px;color:var(--muted)}.chat.min .log{height:60px}.toasts{position:absolute;right:calc(200px + var(--safe-r));bottom:calc(130px + var(--safe-b));display:flex;flex-direction:column-reverse;gap:4px;align-items:flex-end;pointer-events:none!important}.toast{background:#0e0a1ad9;border:1px solid var(--line-soft);border-radius:8px;padding:4px 10px 4px 4px;display:flex;gap:6px;align-items:center;font-size:12px;animation:toast 2.6s forwards}.toast img{width:22px;height:22px}@keyframes toast{0%{opacity:0;transform:translate(20px)}10%,80%{opacity:1;transform:none}to{opacity:0}}.dmg-flash{position:absolute;inset:0;pointer-events:none!important;box-shadow:inset 0 0 90px #ff1e1e00;transition:box-shadow .25s}.dmg-flash.on{box-shadow:inset 0 0 90px #ff1e1e8c;transition:none}.lowhp{box-shadow:inset 0 0 120px #ff000059!important;animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.5}}.death{position:absolute;inset:0;background:#14000a99;display:none;align-items:center;justify-content:center;flex-direction:column;gap:12px;z-index:5}.death.show{display:flex}.death h1{font-family:Cinzel,serif;color:#ff8a8a;font-size:42px;margin:0;text-shadow:0 4px 0 #000}.win{position:absolute;min-width:280px;max-width:calc(100vw - 20px);max-height:calc(100vh - 20px);display:flex;flex-direction:column;z-index:3;transform-origin:top left}.win.front{z-index:4}.win-head{display:flex;align-items:center;padding:8px 10px 8px 14px;border-bottom:1px solid var(--line-soft);cursor:move;touch-action:none}.win-head h3{margin:0;flex:1;font-family:Cinzel,serif;color:var(--gold);font-size:15px;letter-spacing:1px}.win-head .x{background:none;border:0;font-size:18px;color:var(--muted);width:28px;height:28px;border-radius:6px}.win-head .x:hover{background:#ffffff14;color:#fff}.win-body{padding:12px;overflow-y:auto}.inv-wrap{display:flex;gap:14px;flex-wrap:wrap}.equip{display:grid;grid-template-columns:repeat(2,52px);gap:6px;align-content:start}.equip .slot .lbl{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--muted);text-align:center}.inv-grid{display:grid;grid-template-columns:repeat(10,44px);gap:4px;max-height:332px;overflow-y:auto;padding-right:4px}.inv-grid .slot,.equip .slot{width:44px;height:44px}.equip .slot{width:52px;height:52px}.slot[data-r=uncommon]{border-color:#5fd068}.slot[data-r=rare]{border-color:#4aa3ff;box-shadow:inset 0 0 10px #4aa3ff59}.slot[data-r=epic]{border-color:#b26cff;box-shadow:inset 0 0 12px #b26cff73}.slot[data-r=legendary]{border-color:#ffb02e;box-shadow:inset 0 0 14px #ffb02e80}.slot .up{position:absolute;top:1px;right:3px;font-size:10px;color:var(--gold-2);font-weight:700;text-shadow:0 1px 2px #000}.slot .lock{position:absolute;bottom:1px;left:3px;font-size:10px}.slot.drag-over{border-color:var(--gold)}.slot.selected{outline:2px solid var(--gold)}.zeny{color:var(--gold-2);font-weight:600}.ctx{position:fixed;z-index:30;padding:4px;display:flex;flex-direction:column;min-width:140px}.ctx button{background:none;border:0;text-align:left;padding:7px 10px;border-radius:6px;font-size:13px}.ctx button:hover{background:#ffffff14}.tip{position:fixed;z-index:40;max-width:280px;padding:8px 10px;font-size:12px;pointer-events:none!important;line-height:1.4}.tip b{font-size:13px}.tip .muted,.muted{color:var(--muted)}.tip .st{color:var(--good)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.attr{display:flex;align-items:center;gap:6px;padding:4px 0;border-bottom:1px dashed var(--line-soft)}.attr b{width:36px;color:var(--gold-2)}.attr .v{flex:1}.attr button{width:26px;height:22px;padding:0}.kv{display:flex;justify-content:space-between;font-size:13px;padding:3px 0;border-bottom:1px dashed var(--line-soft)}.kv span:first-child{color:var(--muted)}.sk-row{display:flex;gap:10px;padding:8px;border-radius:10px;background:#00000038;margin-bottom:6px;align-items:center}.sk-row img{width:42px;height:42px;flex:none}.sk-row .info{flex:1;font-size:12px}.sk-row .info b{font-size:14px}.sk-row .lvl{font-weight:700;color:var(--gold-2);width:54px;text-align:center;font-size:12px}.tag{display:inline-block;white-space:nowrap;font-size:10px;padding:0 6px;border-radius:6px;background:#ffffff1a;margin-left:4px;vertical-align:middle}.tag.atk{background:#ff5a5a40}.tag.buff{background:#5ab4ff40}.tag.pas{background:#e8c46a40}.locked-tree{opacity:.55;border:1px dashed var(--line);border-radius:10px;padding:8px;margin-top:8px;font-size:12px}.dlg{display:flex;gap:12px}.dlg .say{flex:1;font-size:14px;line-height:1.5;background:#00000038;border-radius:10px;padding:10px}.dlg-opts{display:flex;flex-direction:column;gap:6px;margin-top:10px}.dlg-opts .btn{text-align:left}.shop-row{display:flex;align-items:center;gap:8px;padding:6px;border-radius:8px;background:#0003;margin-bottom:4px}.shop-row img{width:32px;height:32px}.shop-row .nm{flex:1;font-size:13px}.shop-row input{width:52px;background:#0e0b1a;border:1px solid var(--line);color:var(--text);border-radius:6px;padding:3px 4px}.wmap{position:relative;width:min(560px,80vw);aspect-ratio:16 / 10;background:radial-gradient(ellipse at 40% 50%,#3a6a3a,#1e3a2a 60%,#142030);border-radius:12px;overflow:hidden;border:1px solid var(--line)}.wmap .zone{position:absolute;transform:translate(-50%,-50%);text-align:center;font-size:11px}.wmap .zone i{display:block;width:16px;height:16px;border-radius:50%;margin:0 auto 2px;background:var(--gold);box-shadow:0 0 12px var(--gold)}.wmap .zone.cur i{background:#fff;box-shadow:0 0 16px #fff;animation:pulse 1s infinite}.wmap .zone.locked{opacity:.5}.wmap .zone.locked i{background:#777;box-shadow:none}.wmap svg{position:absolute;inset:0;width:100%;height:100%}.set-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px dashed var(--line-soft);font-size:13px}.set-row>span{flex:1}.set-row input[type=range]{width:140px}.note{font-size:12px;color:var(--muted);background:#ffffff0d;border-radius:8px;padding:8px 10px;border-left:3px solid var(--line)}.touch-only{display:none!important}.is-touch .touch-only{display:flex!important}.is-touch .desk-only{display:none!important}.joy-zone{position:absolute;left:calc(6px + var(--safe-l));bottom:calc(6px + var(--safe-b));width:250px;height:230px;touch-action:none;transform-origin:bottom left;transform:scale(var(--tscale))}.left-handed .joy-zone{left:auto;right:calc(6px + var(--safe-r));transform-origin:bottom right}.joy{position:absolute;left:20px;top:70px;width:140px;height:140px;pointer-events:none!important;transition:opacity .2s;opacity:.75;border-radius:50%;background:radial-gradient(circle,#ffffff1f,#ffffff0a);border:2px solid rgba(255,255,255,.18);touch-action:none}.joy .knob{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#b8a8ff);opacity:.8;box-shadow:0 4px 12px #0006}.tbtns{position:absolute;right:calc(16px + var(--safe-r));bottom:calc(18px + var(--safe-b));width:230px;height:210px;touch-action:none;transform-origin:bottom right;transform:scale(var(--tscale));pointer-events:none!important}.tbtns .tbtn{pointer-events:auto!important}.left-handed .tbtns{right:auto;left:calc(16px + var(--safe-l));transform-origin:bottom left}.tbtn{position:absolute;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:#181228bf;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0;touch-action:none}.tbtn img{width:100%;height:100%}.tbtn.big{width:82px;height:82px;background:radial-gradient(circle,#8a3a3a,#3a1018);font-size:32px}.tbtn.sk{width:54px;height:54px}.tbtn .cd{position:absolute;inset:0;border-radius:50%;background:conic-gradient(rgba(0,0,0,.72) var(--p, 0%),transparent 0);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.tbtn.sm{width:44px;height:44px;font-size:18px}.tbtn .cnt{position:absolute;bottom:2px;font-size:10px;font-weight:700;text-shadow:0 1px 2px #000}.is-touch .chat{width:min(300px,38vw);bottom:auto;top:calc(96px + var(--safe-t))}.is-touch .chat .log{height:70px;font-size:11px}.is-touch .chat:not(.typing) form{display:none}.is-touch .bottom{bottom:calc(4px + var(--safe-b))}.is-touch .menu-btns{bottom:auto;top:calc(170px + var(--safe-t));flex-direction:column}.is-touch .menu-btns button{width:36px;height:36px;font-size:15px}.is-touch .menu-btns button kbd,.is-touch .qtrack{display:none}.is-touch .toasts{right:calc(260px + var(--safe-r));bottom:calc(40px + var(--safe-b))}@media(max-width:760px){.create{grid-template-columns:1fr}.class-grid{grid-template-columns:repeat(4,1fr)}.mm-wrap{width:132px}.mm-wrap canvas{width:120px;height:90px}.pframe{min-width:200px}.inv-grid{grid-template-columns:repeat(6,42px)}.stats-grid{grid-template-columns:1fr}}@media(max-height:460px){.pframe{padding:4px 8px 4px 4px}.portrait{width:40px;height:40px}:root{--touch-fit: .85}.mm-wrap canvas{height:80px}.is-touch .menu-btns{top:calc(120px + var(--safe-t))}.is-touch .chat{top:calc(70px + var(--safe-t))}.win{max-height:calc(100vh - 10px)}}.is-touch .menu-btns{top:calc(8px + var(--safe-t));bottom:auto;right:calc(186px + var(--safe-r));flex-direction:row;transform-origin:top right}.is-touch .tframe{top:calc(56px + var(--safe-t))}@media(max-height:520px){.is-touch .win{zoom:.8}.is-touch .menu-btns{top:calc(8px + var(--safe-t))}}.pmembers{position:absolute;top:calc(118px + var(--safe-t));left:calc(10px + var(--safe-l));display:flex;flex-direction:column;gap:5px;transform-origin:top left;transform:scale(var(--ui-scale))}.pm{display:flex;gap:6px;align-items:center;width:190px;padding:4px 8px 4px 4px;border-radius:10px;background:#0e0a1ac7;border:1px solid var(--line-soft)}.pm.off{opacity:.5}.pm img{width:28px;height:28px;border-radius:50%}.pmi{flex:1;min-width:0}.pmn{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pmn small{color:var(--muted)}.bar.mini{height:5px;margin-top:2px;border-radius:3px}.netbar{font-size:10px;color:var(--muted);margin-top:2px;display:flex;align-items:center;gap:4px}.netbar:empty{display:none}.netbar .dot{width:7px;height:7px;border-radius:50%;background:var(--good);display:inline-block}.netbar .dot.reconnecting{background:var(--gold)}.netbar .dot.disconnected{background:var(--bad)}.invite{position:absolute;left:50%;top:calc(90px + var(--safe-t));transform:translate(-50%);padding:12px 16px;display:none;z-index:6;font-size:14px}.invite.show{display:block;animation:toast-in .25s}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-10px)}}.loading{position:absolute;inset:0;display:none;align-items:center;justify-content:center;flex-direction:column;background:#0a0814b8;z-index:20;font-size:16px;text-align:center;padding:16px}.loading.show{display:flex}.chat .log .global{color:#ffd38a}.chat .log .party{color:#8fd8ff}.chat .log .whisper{color:#ff9ee6}.is-touch .pmembers{top:calc(200px + var(--safe-t))}.bar.res{height:9px}.bar.res>i{background:#d8b25a}.bar.res>span{font-size:8px;line-height:8px}.castbar{position:absolute;left:50%;bottom:calc(128px + var(--safe-b));width:240px;height:14px;transform:translate(-50%);background:#0c0915;border:1px solid var(--line);border-radius:7px;overflow:hidden;display:none;z-index:3}.castbar.show{display:block}.castbar>i{position:absolute;inset:0;transform-origin:left;background:linear-gradient(90deg,#c9a040,#ffe080)}.castbar>span{position:absolute;inset:0;font-size:10px;line-height:13px;text-align:center;text-shadow:0 1px 2px #000;font-weight:600}.is-touch .castbar{bottom:calc(230px + var(--safe-b))}.slot.flex{border-color:#6a9ad8}.slot.cross{box-shadow:inset 0 0 0 2px #ffa05a8c}.slot.empty{color:var(--muted);font-size:18px;display:flex;align-items:center;justify-content:center;border-style:dashed}.slot.ult{border-color:var(--gold)}.slot.ult.locked img,.tbtn.ult.locked img{filter:grayscale(1) brightness(.45)}.slot.ult.ready,.tbtn.ult.ready{box-shadow:0 0 0 2px var(--gold-2),0 0 14px var(--gold)}.slot .charge,.tbtn .charge{position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--gold-2) var(--p, 0%),rgba(0,0,0,.6) 0)}.tbtn.sk.flex{border-color:#6a9ad8cc}.sep.thin{margin:10px 0;opacity:.6}.tabs{display:flex;gap:4px;align-items:center;margin-bottom:8px;flex-wrap:wrap}.tabs button{background:var(--panel-2);border:1px solid var(--line-soft);color:inherit;border-radius:8px;padding:5px 10px;font-size:12px}.tabs button.sel{border-color:var(--gold);color:var(--gold-2);background:#e8c46a1f}.deck{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.dslot{position:relative;background:#00000047;border:1px solid var(--line-soft);border-radius:10px;padding:6px;font-size:11px;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:92px;cursor:pointer;text-align:center}.dslot img{width:36px;height:36px}.dslot.flex{border-color:#6a9ad899}.dslot.sel{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.dslot.locked{opacity:.55}.dslot .empty{flex:1;display:flex;align-items:center;color:var(--muted)}.dslot .x{position:absolute;top:2px;right:4px;background:none;border:0;color:var(--muted);font-size:11px;padding:0}.cost{font-size:10px;padding:0 5px;border-radius:5px;background:#6a9ad840}.tag.cls{border:1px solid;background:transparent}.tag.cross{background:#ffa05a40}.sk-row.locked{opacity:.6}.sk-row .lvl .btn{margin-top:3px}.sk-row .lvl .btn.gold{white-space:nowrap;font-size:10px;padding:3px 6px}.sk-row .lvl{width:auto;min-width:54px}.good{color:var(--good)}.bad{color:var(--bad)}.note.bad{border-left-color:var(--bad);color:#ffb0b0;margin-bottom:8px}.cls-card{display:flex;gap:10px;align-items:flex-start;background:#00000038;border-radius:10px;padding:8px}.cls-card img{width:44px;height:44px}.class-pick{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-bottom:6px}.class-pick button{background:var(--panel-2);border:2px solid var(--line-soft);border-radius:10px;padding:4px;color:inherit;display:flex;flex-direction:column;align-items:center;font-size:11px}.class-pick button img{width:30px;height:30px}.class-pick button.sel{border-color:var(--gold);background:#e8c46a1f}.class-pick small{color:var(--gold-2);font-size:9px}.ks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px}.ks{display:block;background:#00000040;border:1px solid var(--line-soft);border-radius:8px;padding:6px 8px;font-size:12px;cursor:pointer}.ks.sel{border-color:var(--gold)}.gem-row{display:flex;gap:8px;align-items:center;background:#00000038;border-radius:10px;padding:6px;margin-top:6px;font-size:12px}.gem-row>img{width:34px;height:34px}.sock{flex:1;min-height:34px;display:flex;gap:4px;align-items:center;border:1px dashed var(--line-soft);border-radius:8px;padding:2px 6px;cursor:pointer;font-size:11px}.sock img{width:22px;height:22px}.sock.sel{border-color:var(--gold);border-style:solid}.sock.locked{opacity:.5;cursor:default}.preset{display:flex;gap:6px;align-items:center;background:#00000038;border-radius:10px;padding:6px 8px;margin-top:6px;font-size:12px;flex-wrap:wrap}.pv-icons{display:flex;gap:3px;margin-top:3px}.pv-icons img,.pv-icons .e{width:22px;height:22px;border-radius:4px}.pv-icons .e{border:1px dashed var(--line-soft)}.ix-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px 12px;font-size:11px}.ix{display:flex;align-items:center;gap:6px}.ix span{width:56px;color:var(--muted)}.ix i{flex:1;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--gold) var(--w),rgba(255,255,255,.08) 0)}@media(max-width:560px){.deck,.class-pick{grid-template-columns:repeat(3,minmax(0,1fr))}.gem-row{flex-wrap:wrap}.castbar{width:180px}}.deck-head{position:sticky;top:-12px;z-index:2;background:#1d1631;padding:4px 0 2px;margin-top:-4px}@media(max-width:480px){.is-touch .menu-btns{top:calc(176px + var(--safe-t));right:calc(6px + var(--safe-r));flex-direction:row;transform-origin:top right}.is-touch .tframe{top:calc(100px + var(--safe-t));left:50%;transform:translate(-50%) scale(var(--ui-scale))}.pframe{min-width:190px}}.autobar{position:absolute;left:50%;bottom:calc(96px + var(--safe-b));transform:translate(-50%) scale(var(--ui-scale));transform-origin:bottom center;display:flex;align-items:center;gap:6px;background:#0c0916c7;border:1px solid var(--line-soft);border-radius:999px;padding:3px 4px;font-size:11px;max-width:92vw;z-index:2}.autobar span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px;color:var(--muted)}.autobar.on{border-color:#7fd8ff;box-shadow:0 0 12px #7fd8ff59}.autobar.on span{color:#bfeaff}.autobar button{border:0;border-radius:999px;padding:3px 10px;font-weight:700;font-size:11px;color:#fff;background:#3a3058;cursor:pointer}.autobar.on .auto-tg{background:linear-gradient(180deg,#45b6e8,#2a7fb0)}.autobar .auto-cfg{padding:3px 7px}.is-touch .autobar{bottom:calc(22px + var(--safe-b))}.tbtn.autob{font-size:10px;font-weight:800;color:#cfe8ff}.tbtn.autob.on{border-color:#7fd8ff;background:#2a7fb0d9;box-shadow:0 0 10px #7fd8ff99}.auto-head{display:flex;gap:10px;align-items:center;margin-bottom:8px;padding:6px;border-radius:10px;background:#00000040}.auto-head.on{box-shadow:inset 0 0 0 1px #7fd8ff}.auto-h{margin:14px 0 6px;font-size:13px;color:var(--gold-2);border-top:1px solid var(--line-soft);padding-top:10px}.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:8px}.mode{text-align:left;background:var(--panel-2);border:2px solid var(--line-soft);border-radius:10px;padding:8px;color:inherit;display:flex;flex-direction:column;gap:2px;cursor:pointer}.mode span{font-size:11px;color:var(--muted)}.mode.sel{border-color:var(--gold);background:#e8c46a1a}.mon-row{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:8px;background:#00000038;margin-top:4px;font-size:12px;cursor:pointer}.mon-row.off{opacity:.55}.mon-row .sw{width:12px;height:12px;border-radius:50%;display:inline-block}.auto-sk{background:#00000038;border-radius:10px;padding:6px 8px;margin-top:6px;font-size:12px}.auto-sk.off{opacity:.6}.auto-sk img{width:32px;height:32px}.auto-sk .set-row{margin-top:6px}.chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.chip{background:var(--panel-2);border:1px solid var(--line-soft);color:inherit;border-radius:999px;padding:3px 10px;font-size:11px;cursor:pointer}.chip.sel{border-color:#7fd8ff;background:#2a7fb059}.tg{display:inline-flex;gap:4px;align-items:center;font-size:12px;cursor:pointer}.sw-tg{position:relative;width:38px;height:22px;flex:none;cursor:pointer}.sw-tg input{opacity:0;width:0;height:0;position:absolute}.sw-tg i{position:absolute;inset:0;background:#3a3050;border-radius:999px;transition:background .15s}.sw-tg i:after{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:#fff;transition:transform .15s}.sw-tg input:checked+i{background:#2a9fd8}.sw-tg input:checked+i:after{transform:translate(16px)}@media(max-width:560px){.mode-grid{grid-template-columns:1fr}.autobar span{max-width:150px}}@media(max-width:480px){.is-touch .autobar{bottom:auto;top:calc(218px + var(--safe-t))}}.kind-seg{display:flex;margin-bottom:8px}.kind-seg button{flex:1}.autobar.quest.on{border-color:#ffd36a;box-shadow:0 0 12px #ffd36a59}.autobar.quest.on .auto-tg{background:linear-gradient(180deg,#e8b845,#b0802a)}.sock.warn{border-color:#e06a5a}.tag.fam-standard{background:#2c4a63}.tag.fam-pure{background:#6a4a1c}.tag.fam-fusion{background:#4a2c63}.pet-row{display:flex;gap:10px;align-items:center;padding:6px 8px;margin:4px 0;border:1px solid var(--line-soft);border-radius:10px}.pet-row img{width:40px;height:40px;image-rendering:pixelated}.pet-row.sel{border-color:var(--gold)}.pet-row.off img{filter:grayscale(1) brightness(.6)}.pet-row.off b{opacity:.6}.win-body img{aspect-ratio:1 / 1}.slot img{-webkit-user-drag:none;user-select:none;pointer-events:none}.inv-grid .slot,.equip .slot{touch-action:none;user-select:none}.inv-tabs{display:flex;gap:4px;margin-bottom:6px;flex-wrap:wrap}.inv-tab{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:8px;border:1px solid var(--line);background:#0e0b1a;color:var(--text);font:inherit;font-size:11px;cursor:pointer}.inv-tab b{font-weight:600;font-size:10px;color:var(--muted);background:#ffffff0f;border-radius:6px;padding:0 5px}.inv-tab.sel{border-color:var(--gold);background:#d8b25a26}.inv-tab.sel b{color:var(--gold)}@media(max-width:720px){.inv-tab span{display:none}}.chat-tabs{display:flex;gap:2px;padding:5px 6px 0;overflow-x:auto;scrollbar-width:none}.chat-tabs::-webkit-scrollbar{display:none}.chat-tabs button{position:relative;flex:none;background:transparent;border:1px solid transparent;border-radius:7px;color:var(--muted);font:inherit;font-size:11px;padding:2px 7px;cursor:pointer}.chat-tabs button:hover{color:var(--text)}.chat-tabs button.sel{color:var(--gold);border-color:var(--line);background:#d8b25a1f}.chat-tabs button i{font-style:normal;font-size:9px;background:#e05a7a;color:#fff;border-radius:6px;padding:0 4px;margin-left:3px}.chat-ch{flex:none;background:#ffffff0f;border:0;border-right:1px solid var(--line-soft);font:inherit;font-size:11px;font-weight:600;padding:0 9px;cursor:pointer;border-bottom-left-radius:12px}.chat .log .guild{color:#a8f0a0}.dm{display:flex;gap:8px;height:320px}.dm-list{width:130px;flex:none;display:flex;flex-direction:column;gap:3px;overflow-y:auto;border-right:1px solid var(--line-soft);padding-right:6px}.dm-list form input{width:100%;padding:4px 8px;font-size:12px;margin-bottom:4px}.dm-list button{text-align:left;background:#0e0b1a;border:1px solid var(--line-soft);border-radius:8px;color:var(--text);font:inherit;font-size:12px;padding:5px 8px;cursor:pointer;display:flex;justify-content:space-between}.dm-list button.sel{border-color:#ff9ee6;color:#ff9ee6}.dm-list button i{font-style:normal;font-size:10px;background:#e05a7a;color:#fff;border-radius:6px;padding:0 5px}.dm-main{flex:1;display:flex;flex-direction:column;min-width:0}.dm-head{display:flex;align-items:center;gap:6px;padding-bottom:6px;border-bottom:1px solid var(--line-soft);color:#ff9ee6}.dm-log{flex:1;overflow-y:auto;padding:8px 2px;display:flex;flex-direction:column;gap:5px}.dm-log div{max-width:82%;display:flex;flex-direction:column}.dm-log div span{padding:5px 9px;border-radius:10px;font-size:12px;word-break:break-word}.dm-log div small{font-size:9px;color:var(--muted);margin-top:1px}.dm-log .them{align-self:flex-start}.dm-log .them span{background:#2a2140}.dm-log .me{align-self:flex-end;align-items:flex-end}.dm-log .me span{background:#6a2f5f}.dm-log .err{align-self:center;max-width:100%}.dm-log .err span{background:transparent;color:#ff9a9a;font-size:11px}.dm-main form{display:flex;gap:6px;padding-top:6px;border-top:1px solid var(--line-soft)}.dm-main form input{flex:1;padding:6px 10px;font-size:12px}.mm-wrap canvas{cursor:crosshair;touch-action:none}.travel-chip{position:absolute;top:calc(12px + var(--safe-t));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;max-width:min(360px,60vw);padding:5px 8px 5px 12px;font-size:12px;border-radius:999px;border-color:#ffd34a80;color:#ffe39a;z-index:5}.travel-chip[hidden]{display:none}.travel-chip span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.travel-chip button{flex:none;width:18px;height:18px;padding:0;border-radius:5px;border:1px solid var(--line);background:#2a2046;color:var(--text);font-size:10px;line-height:1;cursor:pointer}.wmap button.zone{background:none;border:0;color:inherit;font:inherit;padding:4px 6px;border-radius:10px;cursor:pointer}.wmap button.zone:hover{background:#ffffff1a}.wmap button.zone:hover b{color:var(--gold);text-decoration:underline}.wmap .zone em{display:block;font-style:normal;font-size:10px;color:#ffe39a}.wmap .zone.dest i{background:#ffd34a;box-shadow:0 0 16px #ffd34a;animation:pulse 1s infinite}.tip.wide{max-width:min(580px,96vw)}.tip-cmp{display:flex;gap:10px;align-items:flex-start}.tip-cmp>div{flex:1 1 0;min-width:0}.tip-eq{border-left:1px solid var(--line-soft);padding-left:10px;opacity:.92}.tip .eqtag{display:inline-block;margin-bottom:4px;font-size:10px;padding:1px 7px;border-radius:6px;background:#ffffff1a;color:var(--muted)}.cmp-box{margin-top:6px;padding:5px 7px;border-radius:7px;background:#00000047;border:1px solid var(--line-soft)}.cmp-head{font-size:11px;margin-bottom:3px;color:var(--muted)}.cmp-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;font-size:11.5px;align-items:baseline}.tip .up{color:#6ee07a}.tip .down{color:#ff7a7a}.tip .mix{color:#ffd38a}@media(max-width:640px){.tip-cmp{flex-direction:column}.tip-eq{border-left:0;padding-left:0;border-top:1px solid var(--line-soft);padding-top:6px}}.auth-panel{width:min(400px,94vw);padding:18px 20px}.auth-panel .tabs button{flex:1;padding:8px 10px;font-size:13px}.pmembers.raid{gap:2px}.pmembers.raid .pm{width:150px;padding:2px 6px 2px 2px}.pmembers.raid .pm img{width:18px;height:18px}.pmembers.raid .pmn{font-size:10px}.raid-banner{position:absolute;left:50%;top:22%;transform:translate(-50%);padding:10px 22px;border-radius:12px;background:#280814d9;border:1px solid #ff8a5a;color:#ffd8b0;font-weight:700;font-size:18px;text-align:center;pointer-events:none;animation:raidIn 4s ease forwards;z-index:30;max-width:80vw}.raid-banner.enraged{border-color:#ff3a3a;color:#ffb0b0}@keyframes raidIn{0%{opacity:0;transform:translate(-50%,-10px)}10%,80%{opacity:1;transform:translate(-50%)}to{opacity:0}}#ui{-webkit-touch-callout:none}.tbtn{transition:transform .06s,filter .06s}.tbtn.down{transform:scale(.9);filter:brightness(1.35)}.joy.live{opacity:1;transition:none}.is-touch .win-body{touch-action:pan-y;overscroll-behavior:contain}.is-touch .btn.small{padding:7px 12px;font-size:13px}.is-touch .seg button{padding:8px 13px}.is-touch .ctx button{padding:11px 12px;font-size:14px}.chat-top{display:flex;align-items:center}.chat-top .chat-tabs{flex:1;min-width:0}.chat-ic{flex:none;width:30px;height:26px;margin:4px 4px 0 0;align-items:center;justify-content:center;border-radius:7px;border:1px solid var(--line-soft);background:#ffffff0d;font-size:13px;padding:0}.chat.typing [data-r=chattype]{border-color:var(--gold);background:#e8c46a26}.chat.folded .log{display:none!important}.is-touch .chat.big .log{height:170px}.is-touch .chat input{font-size:16px}.menu-toggle,.menu-drawer,.is-compact .menu-btns{display:none!important}.is-compact .menu-toggle{display:flex!important;position:absolute;top:calc(8px + var(--safe-t));right:calc(196px + var(--safe-r));width:44px;height:44px;border-radius:12px;align-items:center;justify-content:center;font-size:20px;padding:0;transform-origin:top right;transform:scale(var(--ui-scale))}.is-compact .menu-toggle.on{border-color:var(--gold);color:var(--gold)}.menu-toggle .dot,.menu-drawer .dot{position:absolute;top:-3px;right:-3px;width:12px;height:12px;background:var(--bad);border-radius:50%;border:2px solid var(--bg);display:none}.menu-toggle .dot.on,.menu-drawer .dot.on{display:block}.is-compact .menu-drawer:not([hidden]){display:grid!important;position:absolute;z-index:6;top:calc(58px + var(--safe-t));right:calc(10px + var(--safe-r));width:min(340px,calc(100vw - 20px - var(--safe-l) - var(--safe-r)));max-height:calc(100% - 70px - var(--safe-t) - var(--safe-b));overflow-y:auto;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px}.menu-drawer button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:64px;padding:6px 2px;border-radius:10px;border:1px solid var(--line-soft);background:#00000038;font-size:11px;line-height:1.2;text-align:center}.menu-drawer button .ic{font-size:22px}.menu-drawer button:active{border-color:var(--gold)}.is-compact .win{left:var(--safe-l)!important;right:var(--safe-r);top:var(--safe-t)!important;bottom:var(--safe-b);width:auto!important;min-width:0;max-width:none;max-height:none;border-radius:0;zoom:1;z-index:7}.is-compact .win.front{z-index:8}.is-compact .win-head{cursor:default;min-height:46px;padding:2px 4px 2px 14px}.is-compact .win-head .x{width:44px;height:44px;font-size:22px}.is-compact .win-body{flex:1;padding-bottom:16px}.is-compact .inv-grid{grid-template-columns:repeat(auto-fill,46px);max-height:none;flex:1;min-width:230px}.is-compact .wmap{width:100%}.is-compact .tip{max-width:calc(100vw - 16px)}.is-compact .ctx{left:calc(8px + var(--safe-l))!important;right:calc(8px + var(--safe-r));top:auto!important;bottom:calc(8px + var(--safe-b));max-height:70%;overflow-y:auto;border-radius:14px}.is-compact .ctx button{padding:13px 14px;font-size:15px}.is-portrait .pframe{min-width:0;width:calc(100vw - 170px - var(--safe-l) - var(--safe-r))}.is-portrait .mm-wrap{width:132px}.is-portrait .mm-wrap canvas{width:120px;height:90px}.is-portrait .menu-toggle{top:calc(140px + var(--safe-t))!important;right:calc(10px + var(--safe-r))!important}.is-portrait .menu-drawer:not([hidden]){top:calc(190px + var(--safe-t))!important}.is-portrait .tframe{top:calc(92px + var(--safe-t))}.is-touch.is-portrait .chat{top:auto;bottom:calc(296px + var(--safe-b));width:calc(100vw - 20px - var(--safe-l) - var(--safe-r))}.is-touch.is-portrait .autobar{top:auto;bottom:calc(262px + var(--safe-b))}.is-portrait .joy-zone{width:220px}.is-portrait .toasts{right:calc(10px + var(--safe-r));bottom:calc(410px + var(--safe-b))}.rotate-hint{display:none}.is-portrait:not(.portrait-ok) .rotate-hint{display:flex;position:absolute;inset:0;z-index:50;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center;background:#120f1ff0}.rotate-hint b{font-family:Cinzel,Kanit,serif;color:var(--gold);font-size:20px}.rotate-hint .muted{max-width:280px;font-size:13px}.rot-ic{font-size:52px;animation:rot 2.4s ease-in-out infinite}@keyframes rot{0%,30%{transform:rotate(0)}55%,85%{transform:rotate(-90deg)}to{transform:rotate(0)}}@media(prefers-reduced-motion:reduce){.rot-ic{animation:none}}