:root{--gold:#f0b74a;--line:#fff;--panel:#0f1216;--accent:#6fd3c4;--good:#7fe08f;--bad:#ff8080;--muted:#a0a3a8;--muted-dim:#8b8f95;--card-bg:#0c0f13;--card-line:#2c3138;--focus:#7cc4ff;--radius:3px;--gap-sm:6px;--gap:10px;--gap-lg:16px;--tap:34px}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:2px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.turns-badge{border:1px solid var(--gold);color:var(--gold);margin-right:6px;padding:2px 8px;font-weight:700;display:inline-block}*{box-sizing:border-box}.skip-link{background:var(--gold);color:#000;z-index:100;padding:8px 12px;font-weight:700;position:absolute;top:0;left:-9999px}.skip-link:focus{top:8px;left:8px}body{color:#fff;background:#05080e;margin:0;padding:16px 8px 48px;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:12px;line-height:1.5}.wrap{max-width:760px;margin:0 auto}.hidden{display:none!important}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.title{text-align:center;margin-bottom:14px}.title h1{letter-spacing:2px;color:var(--gold);text-shadow:2px 2px #5a3d14;margin:0;font-family:Georgia,Times New Roman,serif;font-size:40px}.titleimg{image-rendering:auto;max-width:100%;height:auto}.cockle-art{object-fit:contain;image-rendering:auto;vertical-align:middle;background:#05080e}footer{text-align:center;color:var(--muted-dim);border-top:1px solid #1a1a1a;margin-top:24px;padding-top:10px;font-size:11px}footer b{color:#fff}footer a{color:var(--accent)}.footer-tag{color:var(--muted)}.footer-links{margin-top:6px}.footer-links a{white-space:nowrap}.menu{flex-wrap:wrap;justify-content:center;gap:6px;margin:10px 0;display:flex}.menu .tab{color:#fff;cursor:pointer;background:#161616;border:1px solid #444;padding:5px 12px;text-decoration:none}.menu .tab:hover{background:#262626}.menu .tab.active{background:var(--gold);color:#000;border-color:var(--gold);font-weight:700}.panel,.view{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-top:10px;padding:14px}h2{color:var(--gold);border-bottom:1px solid #333;margin:0 0 10px;padding-bottom:6px;font-size:15px}h2.name-heading{flex-wrap:wrap;align-items:center;gap:8px;display:flex}h3{color:var(--accent);margin:14px 0 6px;font-size:13px}table{border-collapse:collapse;width:100%;margin:6px 0}.table-outer{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.table-outer>table{width:max-content;min-width:100%}td,th{text-align:left;border:1px solid #cfcfcf;padding:5px 8px}th{color:#000;text-align:center;background:#fff;font-weight:700}td.c,th.c{text-align:center}tr:nth-child(2n) td{background:#0c0c0c}.faq-stats th:first-child,.faq-stats td:first-child{white-space:nowrap;width:1%}form.authform{flex-direction:column;gap:8px;max-width:320px;margin:12px auto;display:flex}label{color:#bbb;flex-direction:column;gap:3px;font-size:11px;display:flex}input,select{color:#fff;border-radius:var(--radius);min-height:var(--tap);background:#000;border:1px solid #fff;padding:7px 8px;font-family:inherit;font-size:12px}button,.tab,.provider-btn{justify-content:center;align-items:center;gap:var(--gap-sm);background:var(--gold);color:#000;min-height:var(--tap);border-radius:var(--radius);cursor:pointer;border:1px solid #fff;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:700;line-height:1.2;text-decoration:none;transition:background .12s;display:inline-flex}button:hover,.tab:hover,.provider-btn:hover{background:#fff}button:disabled{color:#8b8f95;cursor:not-allowed;background:#333;border-color:#555}.plusbtn{min-height:30px;padding:4px 10px;font-size:12px}.hint{color:var(--muted);margin:4px 0}.error{color:var(--bad);text-align:center;min-height:16px;margin:8px 0 0}.field-error{color:var(--bad);margin:2px 0 6px;font-size:11px}.hint code{color:var(--accent);background:#161616;border-radius:2px;padding:0 4px}.good{color:var(--good)}.bad{color:var(--bad)}.gold-text{color:var(--gold)}.avatar-picker{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.avatar-picker .av{cursor:pointer;background:#000;border:2px solid #333;padding:2px;line-height:0}.avatar-picker .av.sel{border-color:var(--gold)}.avatar-picker .av svg,.avatar-picker .av .cockle-art{width:100%;height:auto}.sheet{flex-wrap:wrap;gap:16px;display:flex}.sheet .portrait{text-align:center}.sheet .portrait svg,.sheet .portrait .cockle-art{width:120px;height:120px}.sheet .details{flex:1;min-width:240px}.statbars{flex-direction:column;margin:8px 0 2px;display:flex}.statline{border-top:1px solid #1b1b1b;align-items:stretch;gap:12px;padding:9px 0;display:flex}.statline:first-child{border-top:none}.statline-body{flex-direction:column;flex:auto;gap:6px;min-width:0;display:flex}.statline-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.statline .lbl{color:var(--accent);padding-top:1px;font-size:14px;font-weight:700}.statvals{text-align:right;flex-direction:column;align-items:flex-end;line-height:1.15;display:flex}.sv-total{color:#fff;font-size:16px}.sv-total.pos{color:var(--gold)}.sv-total.neg{color:var(--bad)}.sv-break{align-items:center;gap:6px;margin-top:2px;font-size:11px;display:inline-flex}.sv-base{color:var(--muted)}.sv-delta{border-radius:999px;padding:0 6px;font-weight:700}.sv-delta.pos{color:var(--gold);background:#f0b74a29}.sv-delta.neg{color:var(--bad);background:#ff808029}.statline-elem{flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:inline-flex}.statline-elem .elem-kind{letter-spacing:.4px;text-transform:uppercase;color:var(--muted-dim);font-size:10px}.elem-chip{color:var(--elem,var(--accent));align-items:center;gap:3px;display:inline-flex}.elem-chip .elem-icon{flex-shrink:0;width:14px;height:14px}.elem-chip b{color:var(--elem,var(--accent))}.elem-list{vertical-align:middle;flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.statline-plus{flex:none;justify-content:center;align-items:center;display:flex}.plusbtn.statline-plusbtn{justify-content:center;align-items:center;width:40px;height:40px;min-height:0;padding:0;font-size:20px;line-height:1;display:inline-flex}.statline .bar{flex:none;width:100%;min-width:0;max-width:none;height:14px}.bar{background:#000;border:1px solid #fff;flex:1;max-width:160px;height:10px;display:flex;overflow:hidden}.bar>span{background:#fff;flex:none;height:100%;display:block}.bar>span.bonus{background:repeating-linear-gradient(-45deg, var(--gold,#d4af37) 0, var(--gold,#d4af37) 3px, #7a6417 3px, #7a6417 6px)}.bar>span.penalty{background:repeating-linear-gradient(-45deg, var(--bad,#ff8080) 0, var(--bad,#ff8080) 3px, #5a1a1a 3px, #5a1a1a 6px)}.bar>span.elem-seg{background:repeating-linear-gradient(-45deg, var(--elem,var(--accent)) 0, var(--elem,var(--accent)) 3px, #05080e 3px, #05080e 6px)}.gear-bonus{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.gear-bonus .rarity-tag{vertical-align:middle}.gear-item-compact{padding:6px 9px}.gear-item-compact .item-icon{width:30px;height:30px}.gear-item-compact .magic-lore{display:none}.fighter-stat-val{align-items:center;gap:6px;display:inline-flex}.badge{background:#222;border:1px solid #555;margin:2px;padding:1px 6px;display:inline-block}.badge.magic{border-color:var(--gold);color:var(--gold)}.item-icon{object-fit:contain;vertical-align:middle;background:#05080e;border:1px solid #333;border-radius:2px;width:28px;height:28px}.item-cell{align-items:center;gap:8px;display:inline-flex}.badge.magic .item-icon{width:20px;height:20px;margin-right:4px}.points-alert{color:var(--gold);margin:8px 0;font-weight:700}.plusbtn{padding:2px 9px}.opp{align-items:center;gap:var(--gap);border:1px solid var(--card-line);border-radius:var(--radius);padding:var(--gap);margin:var(--gap-sm) 0;background:var(--card-bg);display:flex}.opp svg,.opp .cockle-art{flex-shrink:0;width:48px;height:48px}.opp .oinfo{flex:1;min-width:0}.opp .oname{color:#fff;flex-wrap:wrap;align-items:center;gap:5px;font-weight:700;display:flex}.opp .oname-text{overflow-wrap:anywhere}.opp .osub{color:var(--muted);overflow-wrap:anywhere;font-size:11px}.opp .odiff{white-space:nowrap;border:1px solid #555;flex-shrink:0;padding:1px 6px;font-size:11px}.magic-flag{max-width:100%;color:var(--gold);align-items:center;gap:4px;margin-top:4px;font-size:11px;display:inline-flex}.magic-flag-text{overflow-wrap:anywhere}.kind-badge{text-transform:uppercase;letter-spacing:.4px;border:1px solid;border-radius:8px;padding:1px 5px;font-size:9px;font-weight:700;line-height:1.4}.kind-badge.kind-player{color:var(--accent);border-color:var(--accent);background:#6fd3c414}.kind-badge.kind-bot{color:#9aa0a6;background:#9aa0a60f;border-color:#4a4f55}.log{background:#000;border:1px solid #333;max-height:320px;padding:10px;font-size:11px;overflow:auto}.log .l-intro{color:#9ad}.log .l-hit{color:#ddd}.log .l-crit{color:var(--gold);font-weight:700}.log .l-result{color:var(--good);margin-top:6px;font-weight:700}.rewards{border:1px dashed #555;margin-top:10px;padding:8px}.small{color:var(--muted);font-size:11px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.spacer{flex:1}.mono{font-variant-numeric:tabular-nums}.ladder-cell{align-items:center;gap:7px;width:100%;min-width:0;display:flex;overflow:hidden}.ladder-cell .cockle-art{flex-shrink:0;width:22px;height:22px}.ladder-magic{flex-shrink:0;font-size:13px;line-height:1}tr.me-row td{outline:1px solid var(--gold);background:#2a2410}.ladder-table th:first-child,.ladder-table td:first-child,.ladder-table th:nth-child(3),.ladder-table td:nth-child(3),.ladder-table th:nth-child(4),.ladder-table td:nth-child(4),.ladder-table th:nth-child(5),.ladder-table td:nth-child(5){white-space:nowrap;text-align:center;width:1%}.signin{max-width:470px;margin:0 auto}.signin h2{text-align:center}.lead{text-align:center;color:#e6e7ea;max-width:400px;margin:0 auto 14px;font-size:13px}.feature-list{gap:9px;max-width:340px;margin:0 auto 18px;padding:0;list-style:none;display:grid}.feature-list li{color:var(--muted);padding-left:28px;font-size:12px;line-height:1.45;position:relative}.feature-list li:before{content:"🐚";font-size:15px;line-height:1.3;position:absolute;top:-1px;left:0}.signin-dev{border-top:1px solid #23272d;margin-top:16px;padding-top:14px}.provider-btn{text-align:center;width:100%;padding:9px 14px;display:flex}.provider-btn:hover{background:#fff}.auth{max-width:340px;margin:0 auto}.auth-group{flex-direction:column;gap:8px;display:flex}.auth-divider{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;align-items:center;gap:10px;margin:16px 0;font-size:11px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#23272d;flex:1;height:1px}.passkey-secondary{color:var(--gold);border-color:var(--gold);background:0 0}.passkey-secondary:hover{background:var(--gold);color:#000}.welcome-cancel{text-align:center;margin-top:14px}.signout-link{color:var(--muted);background:0 0;border:none;min-height:0;padding:4px;font-size:12px;text-decoration:underline}.signout-link:hover{color:#e6e7ea;background:0 0}.badge-count{background:var(--bad);color:#000;border-radius:8px;margin-left:4px;padding:0 5px;font-size:10px;font-weight:700;display:inline-block}.menu.submenu{justify-content:flex-start;margin:6px 0 10px}tr.unread-row td{background:#14140a;font-weight:700}textarea{color:#fff;resize:vertical;background:#000;border:1px solid #fff;width:100%;padding:6px;font-family:inherit;font-size:12px}.post{border:1px solid var(--card-line);border-radius:var(--radius);background:var(--card-bg);margin:8px 0}.post-head{background:#1c1c1c;align-items:center;gap:8px;padding:5px 8px;display:flex}.post-head .cockle-art{width:28px;height:28px}.post-body{white-space:pre-wrap;overflow-wrap:anywhere;padding:10px}.msg-list{flex-direction:column;gap:8px;margin-top:6px;display:flex}.msg{align-items:center;gap:var(--gap);border:1px solid var(--card-line);border-radius:var(--radius);background:var(--card-bg);padding:var(--gap);display:flex}.msg.unread{border-color:var(--gold);background:#141207}.msg-link{color:#fff;flex:1;align-items:center;gap:10px;min-width:0;text-decoration:none;display:flex}.msg-link .cockle-art{flex-shrink:0;width:40px;height:40px}.msg-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.msg-head{align-items:center;gap:8px;display:flex}.msg-name{color:#fff}.msg.unread .msg-name{color:var(--gold)}.msg-when{color:var(--muted);white-space:nowrap;font-size:11px}.msg-subject{color:#bbb;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.msg-meta{align-items:center;gap:8px;margin:6px 0 8px;display:flex}.pager{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;margin:12px 0;display:flex}.pgbtn{min-width:var(--tap);min-height:var(--tap);color:var(--gold);border-radius:var(--radius);cursor:pointer;background:#000;border:1px solid #555;justify-content:center;align-items:center;padding:4px 8px;font-family:inherit;font-size:12px;font-weight:700;display:inline-flex}.pgbtn:hover:not(:disabled){border-color:var(--gold)}.pgbtn.active{background:var(--gold);color:#000;cursor:default;border-color:#fff}.pgbtn:disabled:not(.active){color:#555;cursor:default}td,.rewards{overflow-wrap:anywhere}.inline-form,.menu .nav-form{display:contents}a.pgbtn{text-decoration:none}.pgbtn.disabled:not(.active){color:#555;cursor:default}.battle-arena{flex-wrap:wrap;align-items:flex-start;gap:16px;margin-top:10px;display:flex}.fighter{text-align:center;background:#0c0c0c;border:1px solid #333;flex:190px;min-width:180px;padding:14px 12px}.fighter-you{border-color:var(--accent)}.fighter-opp{border-color:var(--bad)}.fighter-label{color:var(--gold);margin-bottom:6px;font-weight:700}.fighter svg,.fighter .cockle-art{width:96px;height:96px}.fighter-name{margin-top:4px;font-weight:700}.fighter-gear{color:#bbb;flex-direction:column;gap:6px;margin:10px 0;font-size:11px;display:flex}.fighter .magic-list{margin-top:8px}.fighter-stats{width:100%;margin-top:10px}.fighter-stats td{border-color:#2a2a2a;padding:3px 6px}.battle-center{flex:2 300px;min-width:280px}.spinner-wrap{align-items:center;gap:10px;padding:12px 0;display:flex}.spinner{border:2px solid #333;border-top-color:var(--gold);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite cf-spin;display:inline-block}@keyframes cf-spin{to{transform:rotate(360deg)}}.danger{color:#ffe4e4;background:#2b0f0f;border-color:#ff9f9f}.danger:hover:not(:disabled){color:#000;background:#ff9f9f}.magic-list{vertical-align:top;flex-direction:column;gap:6px;max-width:100%;margin-top:6px;display:inline-flex}.magic-item{border:1px solid var(--gold);border-radius:var(--radius);text-align:left;background:#161616;align-items:flex-start;gap:10px;padding:8px 10px;display:flex}.magic-item .item-icon{flex-shrink:0;width:40px;height:40px;margin-top:1px}.magic-meta{flex-direction:column;flex:1;min-width:0;display:flex}.magic-name{color:var(--gold);font-size:12px;line-height:1.3}.magic-rarity-rare{color:#4aa3ff}.magic-rarity-epic{color:#b96bff}.magic-rarity-mythic{color:#ff9a2e}.magic-rarity-legendary{color:#ff4d4d}.magic-bonus{color:#bbb;margin-top:2px;font-size:11px}.magic-bonus-text{min-width:0}.magic-lore{color:var(--muted-dim);border-top:1px solid var(--card-line);margin-top:4px;padding-top:5px;font-size:10px;font-style:italic;line-height:1.4;display:block}.grotto-lore{font-size:11px}.magic-lvl{color:#05080e;background:var(--gold);vertical-align:middle;border-radius:8px;margin-left:6px;padding:0 5px;font-size:9px;font-weight:700;display:inline-block}.forge-list{flex-direction:column;gap:8px;margin-top:10px;display:flex}.forge-item{align-items:center;gap:var(--gap);border:1px solid var(--gold);border-radius:var(--radius);padding:var(--gap);background:#0f0d07;display:flex}.forge-item .item-icon{flex-shrink:0;width:40px;height:40px}.forge-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.forge-head{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.forge-action{flex-shrink:0}.forge-action button{white-space:nowrap}.rarity-tag{text-transform:uppercase;letter-spacing:.4px;border:1px solid;border-radius:8px;padding:1px 6px;font-size:9px;font-weight:700}.rarity-tag.rarity-rare{color:#4aa3ff;border-color:#4aa3ff}.rarity-tag.rarity-epic{color:#b96bff;border-color:#b96bff}.rarity-tag.rarity-mythic{color:#ff9a2e;border-color:#ff9a2e}.rarity-tag.rarity-legendary{color:#ff4d4d;border-color:#ff4d4d}.vault{margin-top:14px}.vault-wall{gap:var(--gap-sm);grid-template-columns:repeat(auto-fill,minmax(58px,1fr));margin:10px 0 0;padding:0;list-style:none;display:grid}.vault-slot{aspect-ratio:1;border:1px solid var(--card-line);border-radius:var(--radius);background:var(--card-bg);justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.vault-slot .item-icon{background:0 0;border:0;width:74%;height:74%}.vault-owned{transition:transform .12s,background .12s}.vault-owned:hover,.vault-owned:focus-visible{background:#14120a;transform:translateY(-1px)}.vault-owned.rarity-rare{border-color:#4aa3ff}.vault-owned.rarity-epic{border-color:#b96bff}.vault-owned.rarity-mythic{border-color:#ff9a2e}.vault-owned.rarity-legendary{border-color:#ff4d4d;box-shadow:0 0 8px #ff4d4d66}.vault-empty{background:#08090c;border-style:dashed;border-color:#23272d}.vault-silhouette{color:#2f343b;font-size:22px;line-height:1}.vault-lvl{color:#05080e;background:var(--gold);border-radius:8px;padding:0 4px;font-size:9px;font-weight:700;position:absolute;bottom:2px;right:2px}.forge-item{scroll-margin-top:14px}.forge-item:target{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}.grotto-bench{flex-direction:column;gap:14px;margin-top:12px;display:flex}.grotto-tier{--rarity:#7a7a86;--rarity-glow:#7a7a8600;flex-direction:column;gap:6px;display:flex}.grotto-tier.rarity-rare{--rarity:#4aa3ff;--rarity-glow:#4aa3ff73}.grotto-tier.rarity-epic{--rarity:#b96bff;--rarity-glow:#b96bff80}.grotto-tier.rarity-mythic{--rarity:#ff9a2e;--rarity-glow:#ff9a2e80}.grotto-tier.rarity-legendary{--rarity:#ff4d4d;--rarity-glow:#ff4d4d99}.grotto-tier-head{align-items:center;gap:7px;display:flex}.grotto-tier-name{text-transform:uppercase;letter-spacing:.6px;color:var(--rarity);font-size:11px;font-weight:700}.grotto-rank{letter-spacing:3px;color:var(--rarity);text-shadow:0 0 6px var(--rarity-glow);font-size:10px}.grotto-tier-count{color:var(--muted,#8a8f98);margin-left:auto;font-size:10px}.grotto-slots{gap:var(--gap-sm);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.grotto-slot{border:1px solid var(--card-line);border-radius:var(--radius);background:var(--card-bg);cursor:pointer;justify-content:center;align-items:center;width:60px;height:60px;padding:0;transition:transform .12s,background .12s,box-shadow .12s;display:flex;position:relative}.grotto-slot:hover,.grotto-slot:focus-visible{background:#14120a;transform:translateY(-1px)}.grotto-slot .item-icon{background:0 0;border:0;width:74%;height:74%}.grotto-slot.rarity-rare{border-color:#4aa3ff;box-shadow:0 0 7px #4aa3ff59}.grotto-slot.rarity-epic{border-color:#b96bff;box-shadow:0 0 10px #b96bff73}.grotto-slot.rarity-mythic{border-color:#ff9a2e;box-shadow:0 0 10px #ff9a2e73}.grotto-slot.rarity-legendary{border-color:#ff4d4d;box-shadow:0 0 13px #ff4d4d8c}.grotto-slot-empty{border-style:dashed;border-color:color-mix(in srgb, var(--rarity) 30%, #23272d);box-shadow:none;cursor:default;background:#08090c}.grotto-slot-empty:hover,.grotto-slot-empty:focus-visible{background:#08090c;transform:none}.grotto-silhouette{color:color-mix(in srgb, var(--rarity) 35%, #2f343b);font-size:22px;line-height:1}.grotto-ghost{justify-content:center;align-items:center;width:74%;height:74%;display:flex}.grotto-ghost .item-icon{filter:grayscale()brightness(.4)contrast(.9);opacity:.7;background:0 0;border:0;width:100%;height:100%}.grotto-slot-selected{outline:2px solid var(--gold);outline-offset:1px;background:#14120a}.grotto-slot-lvl{color:#05080e;background:var(--gold);border-radius:8px;padding:0 4px;font-size:9px;font-weight:700;position:absolute;bottom:2px;right:2px}.grotto-panel{border:1px solid var(--gold);border-radius:var(--radius);padding:var(--gap);background:#0f0d07;flex-direction:column;gap:8px;display:flex}.grotto-panel-head{align-items:flex-start;gap:10px;display:flex}.grotto-panel-meta{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.grotto-panel-title{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:1px;display:flex}.grotto-panel-art{border:1px solid var(--rarity,var(--card-line));border-radius:var(--radius);width:52px;height:52px;box-shadow:0 0 8px var(--rarity-glow,transparent);background:#08090c;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.grotto-panel-art .item-icon{background:0 0;border:0;width:82%;height:82%}.grotto-panel-art.rarity-rare{--rarity:#4aa3ff;--rarity-glow:#4aa3ff66}.grotto-panel-art.rarity-epic{--rarity:#b96bff;--rarity-glow:#b96bff73}.grotto-panel-art.rarity-mythic{--rarity:#ff9a2e;--rarity-glow:#ff9a2e73}.grotto-panel-art.rarity-legendary{--rarity:#ff4d4d;--rarity-glow:#ff4d4d80}.modal-overlay{z-index:200;background:#000000b8;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line);text-align:center;width:100%;max-width:360px;padding:18px}.modal-msg{color:#eee;margin:0 0 16px}.modal-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}a.ladder-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--accent);text-underline-offset:2px;flex:0 auto;text-decoration:underline;overflow:hidden}a.ladder-name:hover{color:var(--gold)}.badge-count.badge-new{background:var(--gold);color:#05080e}.ach-title-chip{border:1px solid var(--gold);color:var(--gold);letter-spacing:.3px;border-radius:10px;margin:0 0 10px;padding:2px 10px;font-size:11px;font-weight:700;display:inline-block}.ladder-title{border:1px solid var(--gold);color:var(--gold);white-space:nowrap;border-radius:8px;padding:0 6px;font-size:10px;font-weight:700}.title-band-0{color:#9aa4b2;border-color:#9aa4b2}.title-band-1{color:#7fe08f;border-color:#7fe08f}.title-band-2{color:#4aa3ff;border-color:#4aa3ff}.title-band-3{color:#b96bff;border-color:#b96bff}.title-band-4{color:#ff9a2e;text-shadow:0 0 6px #ff9a2e73;border-color:#ff9a2e}.title-band-5{color:#ff4d4d;text-shadow:0 0 8px #ff4d4d8c;border-color:#ff4d4d}.title-band-6{color:#00cba9;text-shadow:0 0 6px #00cba966;border-color:#00cba9}.title-picker{border:1px solid var(--card-line);border-radius:var(--radius);background:var(--card-bg);flex-direction:column;gap:6px;margin:10px 0 16px;padding:10px 12px;display:flex}.title-picker-label{letter-spacing:.4px;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.title-control{align-items:stretch;max-width:340px;display:flex}.title-select{color:#fff;border:1px solid var(--line);border-radius:var(--radius) 0 0 var(--radius);min-width:0;min-height:var(--tap);cursor:pointer;background:#05080e;border-right:none;flex:1;padding:0 10px;font-family:inherit;font-size:13px}.title-select:focus-visible{border-color:var(--gold);outline:none}.title-set{border-radius:0 var(--radius) var(--radius) 0;white-space:nowrap;border-left:none;padding:0 18px}.ach-section{margin-top:16px}.ach-cat{color:var(--accent);border-bottom:1px solid var(--card-line);margin:0 0 6px;padding-bottom:3px;font-size:13px}.ach-grid{gap:var(--gap-sm);grid-template-columns:1fr 1fr;display:grid}.ach-card{gap:var(--gap);border:1px solid var(--card-line);border-radius:var(--radius);background:var(--card-bg);padding:var(--gap);display:flex}.ach-card .ach-badge .item-icon{filter:grayscale()brightness(.5);width:44px;height:44px}.ach-card.earned{border-color:var(--gold)}.ach-card.earned .ach-badge .item-icon{filter:none}.ach-badge{flex-shrink:0}.ach-body{flex:1;min-width:0}.ach-name{color:#fff;flex-wrap:wrap;align-items:center;gap:6px;font-weight:700;display:flex}.ach-card.earned .ach-name{color:var(--gold)}.ach-newflag{background:var(--gold);color:#05080e;text-transform:uppercase;border-radius:8px;padding:0 5px;font-size:9px;font-weight:700}.ach-desc{margin:2px 0 4px}.ach-progress{align-items:center;gap:6px;margin:4px 0;display:flex}.ach-progress .bar{flex:1;margin:0}.ach-count{flex-shrink:0}.ach-reward{color:var(--good)}.ach-earned{color:var(--muted-dim);margin-top:2px}.ach-card.claimable{border-color:var(--gold);box-shadow:0 0 8px #f0b74a59}.ach-claim{margin-top:4px}.claim-all{border:1px solid var(--gold);border-radius:var(--radius);background:#0f0d07;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 12px;padding:8px 10px;display:flex}.gear-rarity-common{--rc:#c9ccd6}.gear-rarity-uncommon{--rc:#5ad15a}.gear-rarity-rare{--rc:#4aa3ff}.gear-rarity-epic{--rc:#b96bff}.gear-rarity-mythic{--rc:#ff9a2e}.gear-rarity-legendary{--rc:#ff4d4d}.gear-name-common{color:#d6d9e2}.gear-name-uncommon{color:#5ad15a}.gear-name-rare{color:#4aa3ff}.gear-name-epic{color:#b96bff}.gear-name-mythic{color:#ff9a2e}.gear-name-legendary{color:#ff4d4d}.rarity-tag.gear-rarity-common{color:#d6d9e2;border-color:#d6d9e2}.rarity-tag.gear-rarity-uncommon{color:#5ad15a;border-color:#5ad15a}.rarity-tag.gear-rarity-rare{color:#4aa3ff;border-color:#4aa3ff}.rarity-tag.gear-rarity-epic{color:#b96bff;border-color:#b96bff}.rarity-tag.gear-rarity-mythic{color:#ff9a2e;border-color:#ff9a2e}.rarity-tag.gear-rarity-legendary{color:#ff4d4d;border-color:#ff4d4d}.elem-badge{color:var(--elem,var(--accent));white-space:nowrap;vertical-align:middle;align-items:center;gap:4px;font-size:11px;line-height:1;display:inline-flex}.elem-badge .elem-icon{flex-shrink:0;width:1em;height:1em}.elem-icons{align-items:center;gap:2px;display:inline-flex}.elem-name{font-weight:600}.elem-val{color:var(--elem,var(--accent));font-weight:700}.shop{margin-top:10px}.shop-counter{align-items:center;gap:var(--gap);border:1px solid var(--gold);border-radius:var(--radius);padding:var(--gap);margin-bottom:var(--gap);background:linear-gradient(#12100a,#0c0f13);display:flex}.shopkeeper-portrait{border-radius:var(--radius);image-rendering:auto;flex-shrink:0;width:84px;height:84px}.shop-welcome{min-width:0}.shop-keeper-name{color:var(--gold);margin:0 0 2px;font-size:13px}.shop-keeper-role{color:var(--muted-dim);font-size:11px;font-weight:400}.shop-speech{color:var(--muted);margin:0 0 6px;font-size:12px;font-style:italic}.shop-purse{margin:0;font-size:13px}.shop-controls{align-items:center;gap:var(--gap-sm);margin-bottom:var(--gap-sm);flex-wrap:wrap;display:flex}.shop-slots{flex-wrap:wrap;gap:6px;display:inline-flex}.shop-controls-right{align-items:center;gap:var(--gap-sm);flex-wrap:wrap;margin-left:auto;display:inline-flex}.shop-chip,.shop-tab{color:#fff;border-radius:var(--radius);cursor:pointer;min-height:var(--tap);background:#161616;border:1px solid #444;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:400;line-height:1.2;transition:background .12s,border-color .12s;display:inline-flex}.shop-chip:hover,.shop-tab:hover{background:#262626}.shop-filters{align-items:flex-end;gap:var(--gap-sm);padding-bottom:var(--gap-sm);margin-bottom:var(--gap);border-bottom:1px solid #333;flex-wrap:wrap;display:flex}.shop-filter{flex-direction:column;gap:3px;display:inline-flex}.shop-filter-lbl{letter-spacing:1px;text-transform:uppercase;color:#9a9a9a;font-size:10px}.shop-select{appearance:none;color:#fff;border-radius:var(--radius);min-height:var(--tap);cursor:pointer;background:#161616 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23c8a24a' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E") right 10px center no-repeat;border:1px solid #444;padding:6px 26px 6px 12px;font-size:12px;font-weight:700;line-height:1.2}.shop-select:hover{background-color:#262626}.shop-select option{color:#fff;background:#161616;font-weight:400}.shop-select.rarity-uncommon,.shop-select option.rarity-uncommon{color:#7be27b}.shop-select.rarity-rare,.shop-select option.rarity-rare{color:#79bcff}.shop-select.rarity-epic,.shop-select option.rarity-epic{color:#c893ff}.shop-select.rarity-mythic,.shop-select option.rarity-mythic{color:#ffb35c}.shop-select.rarity-legendary,.shop-select option.rarity-legendary{color:#ff7a7a}.shop-select.elem-brine,.shop-select option.elem-brine{color:#4fd6a6}.shop-select.elem-frost,.shop-select option.elem-frost{color:#7fd6ff}.shop-select.elem-storm,.shop-select option.elem-storm{color:#ffcf3f}.shop-select-elem{border-color:currentColor}.shop-chip.shop-chip-on,.shop-tab.shop-tab-on{background:var(--gold);color:#000;border-color:var(--gold);font-weight:700}.shop-view{gap:6px;display:inline-flex}.shop-grid,.shop-cards{margin:0;padding:0;list-style:none}.shop-grid{gap:var(--gap-sm);grid-template-columns:repeat(auto-fill,minmax(112px,1fr));grid-auto-rows:1fr;display:grid}.shop-cards{gap:var(--gap-sm);flex-direction:column;display:flex}.shop-slot{border:1px solid var(--rc,var(--card-line));border-radius:var(--radius);background:var(--card-bg);width:100%;color:var(--line);cursor:pointer;gap:8px;transition:transform .1s,box-shadow .1s,border-color .1s;display:flex;position:relative}.shop-grid .shop-slot{text-align:center;flex-direction:column;align-items:center;height:100%;padding:10px 8px 8px}.shop-cards .shop-slot{text-align:left;flex-direction:row;align-items:center;gap:12px;padding:8px 12px}.shop-slot:hover,.shop-slot:focus-visible{border-color:var(--rc,var(--gold));box-shadow:0 0 10px color-mix(in srgb, var(--rc) 45%, transparent);background:#14120a;transform:translateY(-2px)}.shop-slot-selected{box-shadow:0 0 0 1px var(--rc) inset}.shop-slot-owned{background:#0d1410}.shop-slot-art{flex-shrink:0;display:inline-flex}.shop-grid .shop-slot-art .item-icon{width:56px;height:56px}.shop-cards .shop-slot-art .item-icon{width:46px;height:46px}.shop-slot-body{flex-direction:column;gap:4px;min-width:0;display:flex}.shop-cards .shop-slot-body{flex:1;align-items:flex-start}.shop-grid .shop-slot-body{align-items:center}.shop-grid .shop-slot-name{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-height:2.4em;display:-webkit-box;overflow:hidden}.shop-grid .shop-slot-foot{margin-top:auto}.shop-slot-name{color:var(--rc,var(--line));overflow-wrap:anywhere;font-size:11px;font-weight:700;line-height:1.2}.shop-slot-stats{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.shop-grid .shop-slot-stats{justify-content:center}.shop-slot-stat{color:var(--muted);font-size:11px}.shop-cmp{white-space:nowrap;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:700;line-height:1.5}.shop-cmp-upgrade{color:var(--good);background:#7fe08f24}.shop-cmp-downgrade{color:var(--bad);background:#ff808024}.shop-cmp-sidegrade{color:var(--accent);background:#6fd3c424}.shop-slot-foot{flex-shrink:0;font-size:11px}.shop-cards .shop-slot-foot{margin-left:auto}.shop-slot-foot .muted{color:var(--muted-dim)}.shop-cant{opacity:.5}.shop-empty{color:var(--muted);padding:var(--gap)}.shop-modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#020408b8;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.shop-modal{border:2px solid var(--rc,var(--gold));border-radius:var(--radius);width:100%;max-width:380px;max-height:90vh;box-shadow:0 0 24px color-mix(in srgb, var(--rc) 40%, transparent);background:#0c0f13;padding:16px;position:relative;overflow-y:auto}.shop-modal:focus{outline:none}.shop-modal-close{color:#fff;border-radius:var(--radius);cursor:pointer;background:#161616;border:1px solid #444;width:30px;height:30px;font-size:18px;line-height:1;position:absolute;top:6px;right:6px}.shop-modal-close:hover{background:#262626}.shop-modal-head{align-items:center;gap:var(--gap);margin-bottom:var(--gap);display:flex}.shop-modal-art{border:1px solid var(--rc,var(--card-line));border-radius:var(--radius);padding:4px;display:inline-flex}.shop-modal-art .item-icon{width:72px;height:72px}.shop-modal-name{font-size:15px;display:block}.shop-modal-sub{align-items:center;gap:8px;margin-top:4px;display:inline-flex}.shop-modal-sub .muted{color:var(--muted-dim);text-transform:capitalize;font-size:11px}.shop-modal-stats{gap:var(--gap-sm);margin-bottom:var(--gap);display:flex}.shop-stat{border:1px solid var(--card-line);border-radius:var(--radius);background:var(--card-bg);flex-direction:column;flex:1;gap:3px;padding:8px 10px;display:flex}.shop-stat-lbl{color:var(--muted-dim);text-transform:uppercase;letter-spacing:.4px;font-size:10px}.shop-stat-elem{border-color:color-mix(in srgb, var(--elem) 55%, var(--card-line))}.shop-compare{border:1px solid var(--card-line);border-radius:var(--radius);background:var(--card-bg);margin:0 0 10px;padding:8px 10px;font-size:12px}.shop-compare-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.shop-compare-verdict{white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:11px;font-weight:700}.shop-compare-verdict.upgrade{color:var(--good);background:#7fe08f29}.shop-compare-verdict.downgrade{color:var(--bad);background:#ff808029}.shop-compare-verdict.sidegrade{color:var(--accent);background:#6fd3c429}.shop-compare-verdict.same{color:var(--muted);background:#1a1a1a}.shop-compare-rows{flex-direction:column;gap:4px;display:flex}.shop-compare-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.shop-compare-row .pos{color:var(--good)}.shop-compare-row .neg{color:var(--bad)}.shop-compare-swap{align-items:center;gap:5px;display:inline-flex}.shop-compare-note{margin:0 0 10px}.shop-modal-elem-note{color:var(--muted);margin:0 0 10px}.shop-modal-lore{border-top:1px solid var(--card-line);margin-bottom:var(--gap);padding-top:8px;display:block}.shop-modal-actions{justify-content:flex-end;display:flex}.elem-line{align-items:center;gap:6px;font-size:12px;display:inline-flex}.elem-line .elem-badge{font-size:12px}@media (max-width:520px){.shop-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}.shop-controls-right{width:100%;margin-left:0}.shopkeeper-portrait{width:64px;height:64px}.shop-grid .shop-slot-art .item-icon{width:48px;height:48px}}.post-body,.log,.magic-name,.magic-bonus,.magic-lore,.oname-text{overflow-wrap:anywhere}@media (max-width:720px){.wrap{max-width:100%}.title h1{font-size:34px}.ach-grid{grid-template-columns:1fr}}@media (max-width:520px){:root{--tap:42px}body{padding:12px 6px 40px}.panel,.view{padding:11px}.title h1{letter-spacing:1px;font-size:26px}h2{font-size:14px}.opp{flex-wrap:wrap;row-gap:8px}.opp .oinfo{flex:calc(100% - 58px)}.opp .odiff{margin-left:58px}.opp form.inline-form button{margin-left:auto}td,th{padding:4px 6px}.ladder-table .ladder-title{display:none}.fighter,.battle-center{flex-basis:100%}.forge-item{flex-wrap:wrap}.forge-meta{flex-basis:calc(100% - 52px)}.forge-action{margin-left:52px}}@media (max-width:360px){.menu .tab{padding:5px 9px}.avatar-picker{grid-template-columns:repeat(4,1fr)}.sheet .portrait svg,.sheet .portrait .cockle-art{width:96px;height:96px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.spinner{animation-duration:2.4s!important}}