@media (max-width:700px),(max-height:500px){.story-dialogue.story-note.guild-certification-note .story-copy{flex:auto;min-width:0;display:block;overflow:auto}.story-dialogue.story-note.guild-certification-note .story-words{clear:both;margin-top:6px}.story-dialogue.story-note.guild-certification-note .story-controls{flex-wrap:wrap}.story-dialogue.story-note.guild-certification-note .story-controls button{white-space:normal;max-width:100%}}button.buff.line-trait{pointer-events:auto;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;width:22px;height:22px;font:inherit;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}button.buff.line-trait i,button.buff.line-trait i svg{width:22px;height:22px}button.buff.line-trait.hot{filter:drop-shadow(0 0 3px var(--lt,#e9c46a));animation:1.6s ease-in-out infinite lt-pulse}button.buff.line-trait.on{filter:drop-shadow(0 0 4px var(--lt,#e9c46a))}@keyframes lt-pulse{50%{filter:drop-shadow(0 0 6px var(--lt,#e9c46a)) brightness(1.15)}}@media (prefers-reduced-motion:reduce){button.buff.line-trait.hot{animation:none}}#skill-panel button.sk-trait.line-trait,#skill-list button.sk-trait.line-trait,button.sk-trait.line-trait{width:100%;box-shadow:none;color:#3a2a14;font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:0;align-items:center;gap:8px;margin:0 0 8px;padding:2px 0;font-size:12px;font-weight:700;display:flex}button.sk-trait.line-trait.on{outline:none}.lt-face{width:22px;height:22px;box-shadow:none;background:0 0;border-radius:0;flex:none;justify-content:center;align-items:center;display:flex;position:relative}.lt-face svg{width:22px;height:22px}.lt-face small,button.buff.line-trait small{color:#fff;text-align:center;opacity:1;background:var(--lt,#e07048);text-shadow:0 1px 1px #00000073;border-radius:8px;min-width:14px;padding:0 3px;font-size:10px;font-weight:900;line-height:14px;position:absolute;bottom:-4px;right:-4px}.lt-pop{--lt:#e9c46a;z-index:80;box-sizing:border-box;width:min(248px,100vw - 16px);color:var(--g-ink,#3a2615);text-align:left;opacity:1;background:radial-gradient(120% 90% at 50% 0%, var(--parch-1,#fbf2db) 0%, var(--parch-2,#eedcb2) 100%);border:2px solid var(--gold-3,#b5832f);box-shadow:0 0 0 3px var(--wood-3,#3a2615), 0 0 0 5px var(--gold-4,#7a5320), inset 0 0 0 2px #fff0c8d9, inset 0 0 24px #8c5a1e2e, 0 14px 40px #00000080;border-radius:14px;padding:0 10px 10px;position:fixed}.lt-x{cursor:pointer;border:2px solid var(--gold-2,#e9c46a);width:26px;height:26px;font:inherit;color:var(--gold-1,#ffe7a8);opacity:1;background:radial-gradient(circle at 35% 30%,#c0634a,#6e2618);border-radius:50%;padding:0;font-size:13px;font-weight:900;line-height:1;position:absolute;top:5px;right:6px;box-shadow:0 2px #2a150a}.lt-head{background:linear-gradient(var(--wood-1,#7a4f2c), var(--wood-2,#4a2d17));border-bottom:2px solid var(--gold-3,#b5832f);border-radius:12px 12px 0 0;align-items:center;gap:8px;min-height:40px;margin:0 -10px 8px;padding:6px 36px 6px 10px;display:flex;box-shadow:inset 0 1px #ffdca059}.lt-head .lt-face,.lt-head .lt-face svg{width:26px;height:26px}.lt-head small{letter-spacing:.04em;color:#e8d3a6;opacity:1;font-size:10px;font-weight:800;display:block}.lt-head b{color:var(--gold-1,#ffe7a8);text-shadow:0 1px #2a170a;opacity:1;font-size:14px;font-weight:900;line-height:1.15;display:block}.lt-row{background:linear-gradient(#fffaf0,#f2e2bb);border:1px solid #c9a86a;border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:8px;margin-top:5px;padding:4px 8px;display:grid;box-shadow:0 1px #b38b4a}.lt-row span{color:var(--g-ink,#3a2615);opacity:1;font-size:12px;font-weight:700}.lt-row b{font-variant-numeric:tabular-nums;opacity:1;font-size:12px;font-weight:800;line-height:1.2}.lt-row b em{margin-left:2px;font-size:9px;font-style:normal}.lt-row.up b{color:#2f8a3c}.lt-row.down b{color:#c4473a}.lt-row.flat b{color:#8a7352}.lt-hint{color:var(--g-ink-2,#7a6040);opacity:1;margin:8px 2px 0;font-size:11px;font-weight:700;line-height:1.35}#ui #skill-heirloom{right:calc(var(--safe-r) + 72px);bottom:calc(var(--safe-b) + 214px);border:2px solid var(--gold-3);background:linear-gradient(var(--wood-1),var(--wood-2));width:44px;min-height:44px;color:var(--gold-1);font:inherit;pointer-events:auto;touch-action:none;border-radius:12px;font-size:12px;font-weight:900;position:absolute}#skill-heirloom[aria-pressed=true]{outline:2px solid var(--gold-1)}#ui .skill.heirloom-return{color:var(--gold-1);background:linear-gradient(var(--wood-1),var(--wood-2));font-size:11px;line-height:1.3}#ui .skill .heirloom-condition{z-index:4;background:var(--wood-1);color:var(--gold-1);white-space:nowrap;font-size:9px;line-height:12px;position:absolute;bottom:12px;left:0;right:0}body.pc #ui #skill-heirloom{zoom:var(--ui)}@media (orientation:portrait){#ui #skill-heirloom{bottom:calc(var(--safe-b) + 238px)}}#mail-panel{z-index:25;background:#140e0880}.panel.game.mail-panel{width:min(440px,100%);max-height:min(640px,100%)}.mail-code{gap:6px;margin-bottom:10px;display:flex}.mail-code input{min-width:0;font:inherit;letter-spacing:.12em;text-transform:uppercase;border:2px solid var(--gold-3);color:var(--g-ink);background:#fffaf0;border-radius:8px;flex:1;padding:8px 10px;font-weight:800}.mail-list,.gf-list{max-height:280px;overflow:auto}.mail-list{flex-direction:column;gap:6px;display:flex}.mail-row,.gf-row{background:linear-gradient(#fffaf0,#f2e2bb);border:1px solid #c9a86a;border-radius:10px;padding:8px 10px;box-shadow:0 1px #b38b4a}.mail-row b,.gf-row b{font-size:13px}.mail-row small,.gf-row small,.gf-hint{color:var(--g-ink-2);margin-top:2px;font-size:11.5px;font-weight:700;line-height:1.35;display:block}.mail-row .btn,.gf-row .btn{margin-top:6px}.mail-empty,.gf-hint{color:var(--g-ink-2);margin:6px 0;font-size:12px;font-weight:700}.gf-code{font-variant-numeric:tabular-nums;letter-spacing:.08em}.gf-picks,.gf-cart,.gf-list{flex-direction:column;gap:4px;margin:6px 0;display:flex}.gf-pick,.gf-cart div{align-items:center;gap:6px;display:flex}.gf-pick span,.gf-cart span{flex:1;min-width:0;font-size:12px;font-weight:800}.gf-row small{word-break:break-all}#dev-tabs.dv-tabs{flex-wrap:wrap}#dev-tabs.dv-tabs button{flex:18%}