Tester

��

mybb@mybb.ru (BigDamnHero) — Sun, 23 Aug 2026 01:29:35 +0300

wegweg

��

mybb@mybb.ru (BigDamnHero) — Sat, 22 Aug 2026 02:05:53 +0300

[html]
<style>

#alchemy-craft {
max-width: 1012px;
margin: 0 auto;
box-sizing: border-box;
}
#alchemy-craft * { box-sizing: border-box; }

#alchemy-craft .ac-intro {
padding: 0 calc(var(--base-spacing) * 2);
text-align: justify;
margin-bottom: calc(var(--base-spacing) * 1.5);
}
#alchemy-craft .ac-intro p { margin: 0 0 calc(var(--base-spacing) * 1) 0; }
#alchemy-craft .ac-intro p:last-child { margin-bottom: 0; }

#alchemy-craft .ac-auth-note {
margin: 0 calc(var(--base-spacing) * 2) calc(var(--base-spacing) * 1.5);
padding: calc(var(--base-spacing) * 1) calc(var(--base-spacing) * 1.5);
border-radius: 3px;
font-size: 10px;
font-style: italic;
text-align: center;
}

/* tabs */
#alchemy-craft .ac-tabs {
display: flex;
gap: calc(var(--base-spacing) * 0.75);
padding: 0 calc(var(--base-spacing) * 2);
margin-bottom: calc(var(--base-spacing) * 1.5);
flex-wrap: wrap;
}
#alchemy-craft .ac-tab {
flex: 1;
min-width: 140px;
font-family: var(--accent-font);
letter-spacing: 1.5px;
text-transform: uppercase;
font-size: 10px;
font-weight: 600;
color: var(--codex-text-muted);
background: var(--codex-card-bg);
border: 1px solid var(--codex-card-border);
border-radius: 3px;
padding: calc(var(--base-spacing) * 1) calc(var(--base-spacing) * 0.5);
cursor: pointer;
transition: color .2s, border-color .2s;
}
#alchemy-craft .ac-tab:hover { color: var(--codex-text-primary); }
#alchemy-craft .ac-tab.is-active {
color: var(--codex-card-accent);
border-color: var(--codex-card-accent);
}

#alchemy-craft .ac-panel { padding: 0 calc(var(--base-spacing) * 2) calc(var(--base-spacing) * 2); }

/* ingredients grid */
#alchemy-craft .ac-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
gap: calc(var(--base-spacing) * 1.25);
}
#alchemy-craft .ac-ing-card {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: calc(var(--base-spacing) * 0.5);
}
#alchemy-craft .ac-ing-icon {
position: relative;
width: 56px;
height: 56px;
border-radius: calc(var(--base-spacing) * 0.5);
border: 2px solid #8b8570;
background: var(--codex-card-img-bg) center / cover no-repeat;
display: flex;
align-items: center;
justify-content: center;
font-family: var(--accent-font);
font-size: 20px;
color: var(--codex-text-muted);
cursor: default;
}
#alchemy-craft .ac-ing-icon[data-rarity="uncommon"] { border-color: #4f8ea8; box-shadow: 0 0 6px rgba(79,142,168,.35); }
#alchemy-craft .ac-ing-icon[data-rarity="rare"] { border-color: #c9a227; box-shadow: 0 0 6px rgba(201,162,39,.4); }
#alchemy-craft .ac-ing-icon.is-locked { opacity: .55; border-style: dashed; }
#alchemy-craft .ac-ing-icon.is-depleted { filter: grayscale(1); opacity: .45; }
#alchemy-craft .ac-ing-count {
position: absolute;
bottom: -6px;
right: -6px;
min-width: 18px;
height: 18px;
padding: 0 4px;
border-radius: 999px;
background: var(--codex-card-accent);
color: #fff;
font-family: var(--accent-font);
font-size: 10px;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
}
#alchemy-craft .ac-ing-name {
font-size: 10px;
line-height: 1.3;
color: var(--codex-text-primary);
}
#alchemy-craft .ac-ing-name.is-locked { color: var(--codex-text-muted); font-style: italic; }

/* recipe book */
#alchemy-craft .ac-tier-block { margin-bottom: calc(var(--base-spacing) * 2); }
#alchemy-craft .ac-tier-heading {
font-family: var(--accent-font);
font-size: 12px;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: 600;
padding-bottom: calc(var(--base-spacing) * 0.5);
margin-bottom: calc(var(--base-spacing) * 1);
border-bottom: 1px solid var(--codex-card-border);
}
#alchemy-craft .ac-tier-heading[data-tier="��"] { color: #294b07; }
#alchemy-craft .ac-tier-heading[data-tier="��"] { color: #04405a; }
#alchemy-craft .ac-tier-heading[data-tier="��"] { color: #51030c; }

#alchemy-craft .ac-recipe-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: calc(var(--base-spacing) * 1.25);
}
#alchemy-craft .ac-recipe-card {
display: flex;
gap: calc(var(--base-spacing) * 1.25);
padding: calc(var(--base-spacing) * 1.25);
background: var(--codex-card-bg);
border: 1px solid var(--codex-card-border);
border-radius: 3px;
}
#alchemy-craft .ac-recipe-card.is-locked { opacity: .7; }

#alchemy-craft .ac-potion-icon {
flex: 0 0 auto;
width: 44px;
height: 54px;
clip-path: polygon(35% 0, 65% 0, 65% 28%, 92% 88%, 8% 88%, 35% 28%);
border-radius: 0 0 4px 4px;
display: flex;
align-items: center;
justify-content: center;
font-family: var(--accent-font);
font-size: 16px;
color: rgba(255,255,255,.6);
}
#alchemy-craft .ac-potion-icon[data-tier="��"] { background: linear-gradient(180deg, rgba(107,143,71,.25), #6b8f47); }
#alchemy-craft .ac-potion-icon[data-tier="��"] { background: linear-gradient(180deg, rgba(79,142,168,.25), #4f8ea8); }
#alchemy-craft .ac-potion-icon[data-tier="��"] { background: linear-gradient(180deg, rgba(168,67,79,.25), #a8434f); }
#alchemy-craft .ac-potion-icon.is-locked { background: var(--codex-card-img-bg); filter: grayscale(1); }

#alchemy-craft .ac-recipe-info { flex: 1; min-width: 0; display: flex; flex-direction: column; }
#alchemy-craft .ac-recipe-name {
font-family: var(--accent-font);
font-size: 12px;
font-weight: 600;
color: var(--codex-text-primary);
margin-bottom: calc(var(--base-spacing) * 0.4);
}
#alchemy-craft .ac-recipe-effect {
font-size: 10px;
color: var(--codex-card-accent);
font-weight: 600;
margin-bottom: calc(var(--base-spacing) * 0.4);
}
#alchemy-craft .ac-recipe-flavor {
font-size: 10px;
font-style: italic;
color: var(--codex-text-muted);
line-height: 1.5;
margin-bottom: calc(var(--base-spacing) * 0.6);
flex-grow: 1;
}
#alchemy-craft .ac-recipe-owned {
font-size: 10px;
color: var(--codex-text-muted);
margin-bottom: calc(var(--base-spacing) * 0.6);
}
#alchemy-craft .ac-recipe-ings {
display: flex;
gap: calc(var(--base-spacing) * 0.5);
flex-wrap: wrap;
}
#alchemy-craft .ac-recipe-ing-chip {
width: 26px;
height: 26px;
border-radius: 4px;
border: 1px solid #8b8570;
background: var(--codex-card-img-bg) center / cover no-repeat;
}
#alchemy-craft .ac-recipe-ing-chip[data-rarity="uncommon"] { border-color: #4f8ea8; }
#alchemy-craft .ac-recipe-ing-chip[data-rarity="rare"] { border-color: #c9a227; }
#alchemy-craft .ac-recipe-brew-btn {
margin-top: calc(var(--base-spacing) * 0.75);
font-family: var(--accent-font);
text-transform: uppercase;
letter-spacing: 1px;
font-size: 9px;
font-weight: 600;
padding: calc(var(--base-spacing) * 0.5) calc(var(--base-spacing) * 1);
border-radius: 3px;
cursor: pointer;
border: 1px solid var(--codex-card-accent);
background: var(--codex-card-accent);
color: #fff;
}
#alchemy-craft .ac-recipe-brew-btn:disabled {
opacity: .4;
cursor: not-allowed;
background: transparent;
color: var(--codex-text-muted);
}
#alchemy-craft .ac-recipe-slot-ghost {
width: 26px;
height: 26px;
border-radius: 4px;
border: 1px dashed var(--codex-card-border);
display: flex;
align-items: center;
justify-content: center;
font-size: 10px;
color: var(--codex-text-muted);
}
#alchemy-craft .ac-recipe-slot-ghost[data-rarity="common"] { border-color: #8b8570; }
#alchemy-craft .ac-recipe-slot-ghost[data-rarity="uncommon"] { border-color: #4f8ea8; color: #4f8ea8; }
#alchemy-craft .ac-recipe-slot-ghost[data-rarity="rare"] { border-color: #c9a227; color: #c9a227; }

/* craft tab */
#alchemy-craft .ac-craft-tiers {
display: flex;
gap: calc(var(--base-spacing) * 0.75);
margin-bottom: calc(var(--base-spacing) * 1.5);
}
.ac-crafting-container {
display: flex;
gap: 24px;
}
.ac-crafting-left {
flex-grow: 1;
}
#alchemy-craft .ac-tier-btn {
flex: 1;
font-family: var(--accent-font);
letter-spacing: 1px;
text-transform: uppercase;
font-size: 10px;
font-weight: 600;
padding: calc(var(--base-spacing) * 0.75);
border-radius: 3px;
cursor: pointer;
background: var(--codex-card-bg);
border: 1px solid var(--codex-card-border);
color: var(--codex-text-muted);
}
#alchemy-craft .ac-tier-btn.is-active { color: #fff; }
#alchemy-craft .ac-tier-btn[data-tier="��"].is-active { background: #6b8f47; border-color: #6b8f47; }
#alchemy-craft .ac-tier-btn[data-tier="��"].is-active { background: #4f8ea8; border-color: #4f8ea8; }
#alchemy-craft .ac-tier-btn[data-tier="��"].is-active { background: #a8434f; border-color: #a8434f; }

#alchemy-craft .ac-blueprint {
display: flex;
justify-content: center;
gap: calc(var(--base-spacing) * 1.25);
padding: calc(var(--base-spacing) * 2);
background: var(--codex-card-img-bg);
border: 1px solid var(--codex-card-border);
border-radius: 3px;
margin-bottom: calc(var(--base-spacing) * 1.25);
flex-wrap: wrap;
}
#alchemy-craft .ac-slot {
width: 64px;
height: 64px;
border-radius: calc(var(--base-spacing) * 0.5);
border: 2px dashed var(--codex-card-border);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
background: var(--codex-card-bg);
font-size: 22px;
color: var(--codex-text-muted);
}
#alchemy-craft .ac-slot.is-filled {
border-style: solid;
border-color: #8b8570;
background-size: cover;
background-position: center;
}
#alchemy-craft .ac-slot.is-filled[data-rarity="uncommon"] { border-color: #4f8ea8; }
#alchemy-craft .ac-slot.is-filled[data-rarity="rare"] { border-color: #c9a227; }
#alchemy-craft .ac-slot:not(.is-filled)[data-rarity="common"] { border-color: #8b8570; color: #8b8570; }
#alchemy-craft .ac-slot:not(.is-filled)[data-rarity="uncommon"] { border-color: #4f8ea8; color: #4f8ea8; }
#alchemy-craft .ac-slot:not(.is-filled)[data-rarity="rare"] { border-color: #c9a227; color: #c9a227; }
#alchemy-craft .ac-slot.is-match { outline: 2px solid #4f8e6a; outline-offset: 2px; }
#alchemy-craft .ac-slot.is-mismatch { outline: 2px solid #a8434f; outline-offset: 2px; opacity: .55; }

#alchemy-craft .ac-blueprint-legend {
display: flex;
justify-content: center;
gap: calc(var(--base-spacing) * 1.5);
margin-bottom: calc(var(--base-spacing) * 0.75);
font-size: 9px;
text-transform: uppercase;
letter-spacing: .5px;
color: var(--codex-text-muted);
}
#alchemy-craft .ac-blueprint-legend span { display: inline-flex; align-items: center; gap: 4px; }
#alchemy-craft .ac-blueprint-legend i {
width: 8px;
height: 8px;
border-radius: 50%;
display: inline-block;
}
#alchemy-craft .ac-blueprint-legend i.common { background: #8b8570; }
#alchemy-craft .ac-blueprint-legend i.uncommon { background: #4f8ea8; }
#alchemy-craft .ac-blueprint-legend i.rare { background: #c9a227; }

#alchemy-craft .ac-known-recipes { margin-bottom: calc(var(--base-spacing) * 1.5); }
#alchemy-craft .ac-known-recipes-heading {
font-size: 9px;
text-transform: uppercase;
letter-spacing: 1px;
color: var(--codex-text-muted);
margin-bottom: calc(var(--base-spacing) * 0.6);
text-align: center;
}
#alchemy-craft .ac-known-recipes-row {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: calc(var(--base-spacing) * 0.6);
}
#alchemy-craft .ac-known-recipe-btn {
display: flex;
align-items: center;
gap: calc(var(--base-spacing) * 0.5);
padding: calc(var(--base-spacing) * 0.5) calc(var(--base-spacing) * 1);
border-radius: 999px;
border: 1px solid var(--codex-card-accent);
background: var(--codex-card-bg);
color: var(--codex-text-primary);
font-size: 10px;
cursor: pointer;
}
#alchemy-craft .ac-known-recipe-btn:hover:not(:disabled) { background: var(--codex-card-accent); color: #fff; }
#alchemy-craft .ac-known-recipe-btn:disabled { opacity: .4; cursor: not-allowed; }
#alchemy-craft .ac-known-recipe-icon {
width: 14px;
height: 17px;
flex-shrink: 0;
clip-path: polygon(35% 0, 65% 0, 65% 28%, 92% 88%, 8% 88%, 35% 28%);
}
#alchemy-craft .ac-known-recipe-icon[data-tier="��"] { background: #6b8f47; }
#alchemy-craft .ac-known-recipe-icon[data-tier="��"] { background: #4f8ea8; }
#alchemy-craft .ac-known-recipe-icon[data-tier="��"] { background: #a8434f; }
#alchemy-craft .ac-known-recipe-icon.has-icon { clip-path: none; border-radius: 3px; background-color: transparent !important; }
#alchemy-craft .ac-known-recipe-icon.is-locked {
background: var(--codex-card-img-bg);
clip-path: none;
border: 1px dashed var(--codex-text-muted);
display: flex;
align-items: center;
justify-content: center;
font-size: 9px;
color: var(--codex-text-muted);
}
#alchemy-craft .ac-known-recipe-icon.is-locked::before { content: '?'; }
#alchemy-craft .ac-known-recipe-btn.is-locked { border-style: dashed; color: var(--codex-text-muted); }

#alchemy-craft .ac-craft-actions {
display: flex;
justify-content: center;
gap: calc(var(--base-spacing) * 1);
margin-bottom: calc(var(--base-spacing) * 1);
}
#alchemy-craft .ac-brew-btn, #alchemy-craft .ac-clear-btn {
font-family: var(--accent-font);
text-transform: uppercase;
letter-spacing: 1.5px;
font-size: 10px;
font-weight: 600;
padding: calc(var(--base-spacing) * 1) calc(var(--base-spacing) * 2);
border-radius: 3px;
cursor: pointer;
border: 1px solid var(--codex-card-accent);
background: var(--codex-card-accent);
color: #fff;
}
#alchemy-craft .ac-clear-btn { background: transparent; color: var(--codex-text-muted); border-color: var(--codex-card-border); }
#alchemy-craft .ac-brew-btn:disabled { opacity: .45; cursor: not-allowed; }

#alchemy-craft .ac-craft-msg {
text-align: center;
font-size: 11px;
min-height: 16px;
margin-bottom: calc(var(--base-spacing) * 1.5);
}
#alchemy-craft .ac-craft-msg.is-fail { color: #a8434f; }
#alchemy-craft .ac-craft-msg.is-success { color: #4f8e6a; }

/* cauldron */
#alchemy-craft .ac-cauldron-wrap {
display: flex;
flex-direction: column;
align-items: center;
padding: calc(var(--base-spacing) * 3) 0 calc(var(--base-spacing) * 0.75);
}
#alchemy-craft .ac-cauldron-credit {
margin-top: 2px;
font-size: 8px;
color: var(--codex-text-muted);
opacity: .6;
}
#alchemy-craft .ac-cauldron-credit a { color: inherit; }
#alchemy-craft .ac-cauldron {
position: relative;
width: 200px;
height: 200px;
}
#alchemy-craft .ac-cauldron svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
filter: drop-shadow(0 12px 14px rgba(0, 0, 0, .5));
}
#alchemy-craft .ac-cauldron-liquid {
position: absolute;
top: 26px;
left: 29px;
width: 145px;
height: 50px;
border-radius: 50%;
overflow: hidden;
background: #6b8f47;
box-shadow: 0 0 16px #6b8f47;
opacity: 0;
transform: scaleY(.35);
transform-origin: center bottom;
transition: background .4s ease, box-shadow .4s ease, opacity .3s ease, transform .3s ease;
z-index: 2;
}
#alchemy-craft .ac-cauldron.is-brewing .ac-cauldron-liquid { opacity: 1; transform: scaleY(1); }
#alchemy-craft .ac-cauldron[data-tier="��"] .ac-cauldron-liquid { background: #6b8f47; box-shadow: 0 0 18px #6b8f47; }
#alchemy-craft .ac-cauldron[data-tier="��"] .ac-cauldron-liquid { background: #4f8ea8; box-shadow: 0 0 18px #4f8ea8; }
#alchemy-craft .ac-cauldron[data-tier="��"] .ac-cauldron-liquid { background: #a8434f; box-shadow: 0 0 18px #a8434f; }

#alchemy-craft .ac-bubble {
position: absolute;
bottom: 0;
width: 6px;
height: 6px;
border-radius: 50%;
background: rgba(255, 255, 255, .55);
animation: ac-bubble-rise 2.4s ease-in infinite;
animation-play-state: paused;
opacity: 0;
}
#alchemy-craft .ac-bubble:nth-child(1) { left: 6%; animation-delay: 0s; width: 5px; height: 5px; }
#alchemy-craft .ac-bubble:nth-child(2) { left: 20%; animation-delay: .7s; width: 7px; height: 7px; }
#alchemy-craft .ac-bubble:nth-child(3) { left: 33%; animation-delay: 1.4s; width: 4px; height: 4px; }
#alchemy-craft .ac-bubble:nth-child(4) { left: 46%; animation-delay: .3s; width: 6px; height: 6px; }
#alchemy-craft .ac-bubble:nth-child(5) { left: 58%; animation-delay: 1.9s; width: 5px; height: 5px; }
#alchemy-craft .ac-bubble:nth-child(6) { left: 70%; animation-delay: .9s; width: 4px; height: 4px; }
#alchemy-craft .ac-bubble:nth-child(7) { left: 82%; animation-delay: 1.6s; width: 6px; height: 6px; }
#alchemy-craft .ac-bubble:nth-child(8) { left: 92%; animation-delay: .5s; width: 5px; height: 5px; }
#alchemy-craft .ac-bubble:nth-child(9) { left: 14%; animation-delay: 2.1s; width: 4px; height: 4px; }
@keyframes ac-bubble-rise {
0% { transform: translateY(0) scale(.6); opacity: 0; }
20% { opacity: .85; }
100% { transform: translateY(-32px) scale(1.2); opacity: 0; }
}
#alchemy-craft .ac-cauldron.is-brewing .ac-bubble {
animation-duration: 1.1s;
animation-play-state: running;
}

#alchemy-craft .ac-cauldron-steam {
position: absolute;
top: -34px;
left: 50%;
width: 46px;
height: 46px;
transform: translateX(-50%);
background: radial-gradient(circle, rgba(255, 255, 255, .3), transparent 70%);
filter: blur(5px);
opacity: 0;
animation: ac-steam-rise 3.4s ease-in-out infinite;
animation-play-state: paused;
pointer-events: none;
}
@keyframes ac-steam-rise {
0% { transform: translate(-50%, 0) scale(.8); opacity: .4; }
50% { opacity: .7; }
100% { transform: translate(-50%, -42px) scale(1.4); opacity: 0; }
}
#alchemy-craft .ac-cauldron.is-brewing .ac-cauldron-steam { animation-play-state: running; }

#alchemy-craft .ac-cauldron-glow {
position: absolute;
inset: -24px;
border-radius: 50%;
background: radial-gradient(circle, rgba(255, 255, 255, .95), transparent 60%);
opacity: 0;
pointer-events: none;
}
#alchemy-craft .ac-cauldron.is-erupting .ac-cauldron-glow { animation: ac-cauldron-flash .7s ease; }
@keyframes ac-cauldron-flash {
0% { opacity: 0; transform: scale(.5); }
25% { opacity: 1; transform: scale(1.3); }
100% { opacity: 0; transform: scale(2); }
}

#alchemy-craft .ac-slot-picker {
position: fixed;
z-index: 2500;
display: none;
flex-direction: column;
gap: calc(var(--base-spacing) * 0.5);
max-width: min(460px, 92vw);
padding: calc(var(--base-spacing) * 0.75);
background: #16130f;
border: 2px solid #6b6237;
border-radius: calc(var(--base-spacing) * 0.5);
box-shadow: 0 calc(var(--base-spacing) * 0.5) calc(var(--base-spacing) * 1.5) rgba(0, 0, 0, .5);
}
#alchemy-craft .ac-slot-picker.is-open { display: flex; }
#alchemy-craft .ac-slot-picker-title {
font-size: 9px;
text-transform: uppercase;
letter-spacing: 1px;
color: #a9a899;
}
#alchemy-craft .ac-slot-picker-row {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
overflow-x: auto;
overflow-y: hidden;
gap: calc(var(--base-spacing) * 0.75);
padding-bottom: calc(var(--base-spacing) * 0.25);
}
#alchemy-craft .ac-slot-picker-item {
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
flex: 0 0 auto;
width: 60px;
padding: 4px;
border-radius: 4px;
cursor: pointer;
}
#alchemy-craft .ac-slot-picker-item:hover { background: rgba(255, 255, 255, .08); }
#alchemy-craft .ac-slot-picker-item-icon {
position: relative;
width: 32px;
height: 32px;
border-radius: 4px;
border: 1px solid #8b8570;
background: rgba(0, 0, 0, .35) center / cover no-repeat;
}
#alchemy-craft .ac-slot-picker-item-icon[data-rarity="uncommon"] { border-color: #4f8ea8; }
#alchemy-craft .ac-slot-picker-item-icon[data-rarity="rare"] { border-color: #c9a227; }
#alchemy-craft .ac-slot-picker-item-count {
position: absolute;
bottom: -5px;
right: -5px;
min-width: 15px;
height: 15px;
padding: 0 3px;
border-radius: 999px;
background: var(--codex-card-accent);
color: #fff;
font-size: 9px;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
}
#alchemy-craft .ac-slot-picker-item-name {
font-size: 9px;
line-height: 1.25;
color: #e9e4d4;
text-align: center;
}
#alchemy-craft .ac-inv-empty {
text-align: center;
font-size: 10px;
font-style: italic;
color: #1f1f1f;
padding: calc(var(--base-spacing) * 0.5);
grid-column-end: 3;
}

#alchemy-craft .ac-trade-side-summary .ac-inv-empty {
color: #9a9a9a;
}

/* toast */
#alchemy-craft { position: relative; }
#alchemy-craft .ac-toast {
position: absolute;
left: 50%;
top: calc(var(--base-spacing) * 1);
transform: translate(-50%, -8px);
z-index: 20;
width: max-content;
max-width: 260px;
padding: calc(var(--base-spacing) * 1.25) calc(var(--base-spacing) * 1.75);
background: #16130f;
border: 2px solid #c9a227;
border-radius: calc(var(--base-spacing) * 0.5);
color: #e9e4d4;
text-align: center;
opacity: 0;
visibility: hidden;
transition: opacity .2s ease, transform .2s ease;
pointer-events: none;
overflow: hidden;
}
#alchemy-craft .ac-toast.is-visible { opacity: 1; visibility: visible; transform: translate(-50%, 0); pointer-events: auto; box-shadow: 0 calc(var(--base-spacing) * 0.5) calc(var(--base-spacing) * 1.5) rgba(0, 0, 0, .5); }
#alchemy-craft .ac-toast-close {
position: absolute;
top: 4px;
right: 6px;
width: 18px;
height: 18px;
border: none;
background: none;
color: #a9a899;
font-size: 13px;
line-height: 1;
cursor: pointer;
padding: 0;
}
#alchemy-craft .ac-toast-close:hover { color: #e9e4d4; }
#alchemy-craft .ac-toast-icon {
width: 32px;
height: 40px;
margin: 0 auto 6px;
clip-path: polygon(35% 0, 65% 0, 65% 28%, 92% 88%, 8% 88%, 35% 28%);
border-radius: 0 0 3px 3px;
background-size: cover;
background-position: center;
}
#alchemy-craft .ac-toast-title { font-family: var(--accent-font); text-transform: uppercase; letter-spacing: 1px; font-size: 11px; margin-bottom: 4px; color: #c9a227; padding-right: 14px; }
#alchemy-craft .ac-toast-effect { font-size: 10px; font-weight: 600; margin-bottom: 4px; }
#alchemy-craft .ac-toast-flavor { font-size: 10px; font-style: italic; opacity: .8; }
#alchemy-craft .ac-toast-progress {
position: absolute;
left: 0;
bottom: 0;
height: 2px;
width: 100%;
background: #c9a227;
transform-origin: left;
transition: transform linear;
}

/* tooltip */
#alchemy-craft .ac-tooltip {
position: fixed;
z-index: 3100;
width: max-content;
max-width: 240px;
background: #16130f;
border: 2px solid #6b6237;
border-radius: calc(var(--base-spacing) * 0.5);
padding: calc(var(--base-spacing) * 1) calc(var(--base-spacing) * 1.25);
color: #e9e4d4;
opacity: 0;
visibility: hidden;
transform: translateY(4px);
transition: opacity .15s ease, transform .15s ease;
pointer-events: none;
}
#alchemy-craft .ac-tooltip.is-visible { opacity: 1; visibility: visible; transform: translateY(0); }
#alchemy-craft .ac-tooltip[data-rarity="common"] { border-color: #8b8570; }
#alchemy-craft .ac-tooltip[data-rarity="uncommon"] { border-color: #4f8ea8; }
#alchemy-craft .ac-tooltip[data-rarity="rare"] { border-color: #c9a227; }
#alchemy-craft .ac-tooltip-name { font-family: var(--accent-font); text-transform: uppercase; font-size: 11px; margin-bottom: 4px; }
#alchemy-craft .ac-tooltip-meta { font-size: 9px; text-transform: uppercase; letter-spacing: .5px; opacity: .7; margin-bottom: 6px; }
#alchemy-craft .ac-tooltip-desc { font-size: 10px; line-height: 1.4; }

/* trading tab */
#alchemy-craft .ac-trade-subnav {
display: flex;
gap: calc(var(--base-spacing) * 0.6);
margin-bottom: calc(var(--base-spacing) * 1.5);
flex-wrap: wrap;
}
#alchemy-craft .ac-trade-subtab {
flex: 1;
min-width: 120px;
position: relative;
font-family: var(--accent-font);
letter-spacing: 1px;
text-transform: uppercase;
font-size: 9px;
font-weight: 600;
color: var(--codex-text-muted);
background: transparent;
border: 1px solid var(--codex-card-border);
border-radius: 3px;
padding: calc(var(--base-spacing) * 0.75) calc(var(--base-spacing) * 0.5);
cursor: pointer;
}
#alchemy-craft .ac-trade-subtab.is-active { color: var(--codex-card-accent); border-color: var(--codex-card-accent); }
#alchemy-craft .ac-trade-badge {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 15px;
height: 15px;
padding: 0 4px;
margin-left: 4px;
border-radius: 999px;
background: #a8434f;
color: #fff;
font-size: 9px;
}
#alchemy-craft .ac-trade-subpanel[hidden] { display: none; }

#alchemy-craft .ac-trade-direct { margin-bottom: calc(var(--base-spacing) * 3); }
#alchemy-craft .ac-trade-direct-label {
font-size: 9px;
text-transform: uppercase;
letter-spacing: .5px;
color: var(--codex-text-muted);
margin-bottom: calc(var(--base-spacing) * 0.6);
}
#alchemy-craft .ac-trade-direct-input-wrap { position: relative; }
#alchemy-craft .ac-trade-direct-input {
width: 100%;
padding: calc(var(--base-spacing) * 0.75);
padding-right: calc(var(--base-spacing) * 3);
background: var(--codex-card-bg);
border: 1px solid var(--codex-card-border);
border-radius: 3px;
color: var(--codex-text-primary);
font: inherit;
font-size: 11px;
}
#alchemy-craft .ac-trade-direct-input::placeholder { color: var(--codex-text-muted); opacity: 1; }
#alchemy-craft .ac-trade-direct-search-icon {
position: absolute;
right: calc(var(--base-spacing) * 0.9);
top: 50%;
transform: translateY(-50%);
width: 14px;
height: 14px;
color: var(--codex-text-muted);
pointer-events: none;
}
#alchemy-craft .ac-trade-direct-search-icon svg { width: 100%; height: 100%; display: block; }
#alchemy-craft .ac-trade-direct-results { margin-top: calc(var(--base-spacing) * 0.75); }
#alchemy-craft .ac-trade-divider {
text-align: center;
font-size: 9px;
text-transform: uppercase;
letter-spacing: .5px;
color: var(--codex-text-muted);
margin-bottom: calc(var(--base-spacing) * 1.25);
padding-top: calc(var(--base-spacing) * 3);
border-top: 1px dashed #5c5757;
}

#alchemy-craft .ac-trade-lookup-cats,
#alchemy-craft .ac-trade-pick-cats {
display: flex;
gap: calc(var(--base-spacing) * 0.5);
margin-bottom: calc(var(--base-spacing) * 1);
}
#alchemy-craft .ac-trade-cat-btn,
#alchemy-craft .ac-trade-pick-cat-btn {
font-size: 9px;
text-transform: uppercase;
letter-spacing: .5px;
color: #FFF;
background: var(--codex-card-bg);
border: 1px solid var(--codex-card-border);
border-radius: 999px;
padding: calc(var(--base-spacing) * 0.4) calc(var(--base-spacing) * 0.9);
cursor: pointer;
}
#alchemy-craft .ac-trade-cat-btn.is-active,
#alchemy-craft .ac-trade-pick-cat-btn.is-active { color: #fff; background: var(--codex-card-accent); border-color: var(--codex-card-accent); }

#alchemy-craft .ac-trade-lookup-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
gap: calc(var(--base-spacing) * 1);
margin-bottom: calc(var(--base-spacing) * 1.5);
}
#alchemy-craft .ac-trade-item-card {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: calc(var(--base-spacing) * 0.4);
padding: calc(var(--base-spacing) * 0.5);
border-radius: 4px;
cursor: pointer;
border: 1px solid transparent;
}
#alchemy-craft .ac-trade-item-card:hover { background: rgba(255,255,255,.04); }
#alchemy-craft .ac-trade-item-card.is-selected { border-color: var(--codex-card-accent); }
#alchemy-craft .ac-trade-item-card .ac-ing-icon,
#alchemy-craft .ac-trade-item-card .ac-potion-icon { pointer-events: none; }
#alchemy-craft .ac-trade-item-card .ac-potion-icon {
width: 40px;
height: 50px;
font-size: 14px;
}
#alchemy-craft .ac-trade-item-name { font-size: 9px; line-height: 1.3; color: var(--codex-text-primary); }

#alchemy-craft .ac-trade-owners-list { display: flex; flex-direction: column; gap: calc(var(--base-spacing) * 0.75); }
#alchemy-craft .ac-trade-owner-row {
display: flex;
align-items: center;
gap: calc(var(--base-spacing) * 1);
padding: calc(var(--base-spacing) * 0.75) calc(var(--base-spacing) * 1);
background: var(--codex-card-bg);
border: 1px solid var(--codex-card-border);
border-radius: 3px;
}
#alchemy-craft .ac-trade-owner-name { flex: 1; font-size: 11px; color: var(--codex-text-primary); }
#alchemy-craft .ac-trade-owner-qty { font-size: 10px; color: var(--codex-text-muted); }

#alchemy-craft .ac-trade-offer-btn,
#alchemy-craft .ac-trade-action-btn {
font-family: var(--accent-font);
text-transform: uppercase;
letter-spacing: .75px;
font-size: 9px;
font-weight: 600;
padding: calc(var(--base-spacing) * 0.5) calc(var(--base-spacing) * 1);
border-radius: 3px;
cursor: pointer;
border: 1px solid var(--codex-card-accent);
background: var(--codex-card-accent);
color: #fff;
}
#alchemy-craft .ac-trade-offer-btn:disabled,
#alchemy-craft .ac-trade-action-btn:disabled { opacity: .4; cursor: not-allowed; }
#alchemy-craft .ac-trade-action-btn { background: transparent; color: var(--codex-text-muted); border-color: var(--codex-card-border); }
#alchemy-craft .ac-trade-action-btn--accent { background: var(--codex-card-accent); color: #fff; border-color: var(--codex-card-accent); }
#alchemy-craft .ac-trade-action-btn--danger { color: #450d14; border-color: #450d14; background: #ff00000a; }

#alchemy-craft .ac-trade-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: calc(var(--base-spacing) * 1.25); }
#alchemy-craft .ac-trade-offer-card {
padding: calc(var(--base-spacing) * 1.25);
background: var(--codex-card-bg);
border: 2px solid var(--codex-card-border);
border-radius: 3px;
}
#alchemy-craft .ac-trade-offer-card.is-flagged { border-color: #450d14; }
#alchemy-craft .ac-trade-offer-card.is-accepted { border-color: #02451f; }
#alchemy-craft .ac-trade-offer-card.is-declined,
#alchemy-craft .ac-trade-offer-card.is-cancelled { opacity: .7; }
#alchemy-craft .ac-trade-offer-header {
display: flex;
align-items: center;
gap: calc(var(--base-spacing) * 0.75);
font-size: 10px;
text-transform: uppercase;
letter-spacing: .5px;
color: var(--codex-text-muted);
margin-bottom: calc(var(--base-spacing) * 0.75);
font-weight: 600;
}
#alchemy-craft .ac-trade-status-badge {
padding: 2px 6px;
border-radius: 999px;
font-size: 9px;
letter-spacing: .5px;
}
#alchemy-craft .ac-trade-status-badge--accepted { background: #02451f; color: #e7e7e7; }
#alchemy-craft .ac-trade-status-badge--declined,
#alchemy-craft .ac-trade-status-badge--cancelled { background: #450d14; color: #e7e7e7;; }
#alchemy-craft .ac-trade-offer-date { font-size: 9px; color: var(--codex-text-muted); }
#alchemy-craft .ac-trade-filter {
display: flex;
gap: calc(var(--base-spacing) * 0.5);
margin-bottom: calc(var(--base-spacing) * 1.25);
}
#alchemy-craft .ac-trade-filter-btn {
font-size: 9px;
text-transform: uppercase;
letter-spacing: .5px;
color: var(--codex-text-muted);
background: var(--codex-card-bg);
border: 1px solid var(--codex-card-border);
border-radius: 999px;
padding: calc(var(--base-spacing) * 0.4) calc(var(--base-spacing) * 0.9);
cursor: pointer;
}
#alchemy-craft .ac-trade-filter-btn.is-active { color: #fff; background: var(--codex-card-accent); border-color: var(--codex-card-accent); }
#alchemy-craft .ac-trade-offer-body {
display: flex;
align-items: flex-start;
gap: calc(var(--base-spacing) * 1);
margin-bottom: calc(var(--base-spacing) * 0.75);
}
#alchemy-craft .ac-trade-offer-side { flex: 1; min-width: 0; }
#alchemy-craft .ac-trade-offer-side-label { font-size: 9px; color: var(--codex-text-muted); margin-bottom: calc(var(--base-spacing) * 0.4); }
#alchemy-craft .ac-trade-offer-arrow { font-size: 14px; color: var(--codex-text-muted); padding-top: calc(var(--base-spacing) * 1.25); }
#alchemy-craft .ac-trade-offer-flag {
font-size: 10px;
color: #a8434f;
margin-bottom: calc(var(--base-spacing) * 0.75);
}
#alchemy-craft .ac-trade-offer-actions { display: flex; gap: calc(var(--base-spacing) * 0.6); flex-direction: column; margin-top: calc(2 * var(--base-spacing));}

#alchemy-craft .ac-trade-chips { display: flex; flex-wrap: wrap; gap: calc(var(--base-spacing) * 0.5); }
#alchemy-craft .ac-trade-chip {
position: relative;
width: 30px;
height: 30px;
border-radius: 4px;
border: 1px solid #8b8570;
background: var(--codex-card-img-bg) center / cover no-repeat;
}
#alchemy-craft .ac-trade-chip[data-rarity="uncommon"] { border-color: #4f8ea8; }
#alchemy-craft .ac-trade-chip[data-rarity="rare"] { border-color: #c9a227; }
#alchemy-craft .ac-trade-chip--potion { border-radius: 0 0 6px 6px; clip-path: polygon(35% 0, 65% 0, 65% 28%, 92% 88%, 8% 88%, 35% 28%); }
#alchemy-craft .ac-trade-chip--recipe {
display: flex;
align-items: center;
justify-content: center;
background: var(--codex-card-img-bg);
color: var(--codex-card-accent);
font-size: 13px;
}
#alchemy-craft .ac-trade-chip-qty {
position: absolute;
bottom: -5px;
right: -5px;
min-width: 15px;
height: 15px;
padding: 0 3px;
border-radius: 999px;
background: var(--codex-card-accent);
color: #fff;
font-size: 9px;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
}
#alchemy-craft .ac-trade-chip-remove {
position: absolute;
top: -6px;
right: -6px;
width: 15px;
height: 15px;
padding: 0;
border: none;
border-radius: 999px;
background: #a8434f;
color: #fff;
font-size: 10px;
line-height: 1;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
#alchemy-craft .ac-trade-chip-remove:hover { background: #c9515f; }
#alchemy-craft .ac-trade-price-chip { font-size: 11px; font-style: italic; color: var(--codex-text-primary); }

/* offer builder modal */
#alchemy-craft .ac-trade-offer-modal { display: none; }
#alchemy-craft .ac-trade-offer-modal.is-open { display: block; }
#alchemy-craft .ac-trade-modal-backdrop {
position: fixed;
inset: 0;
z-index: 3000;
background: rgba(0,0,0,.6);
}
#alchemy-craft .ac-trade-modal-dialog {
position: fixed;
z-index: 3001;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: min(640px, 94vw);
max-height: 88vh;
overflow: hidden;
padding: calc(var(--base-spacing) * 2);
background: #16130f;
border: 2px solid #6b6237;
border-radius: calc(var(--base-spacing) * 0.5);
box-shadow: 0 calc(var(--base-spacing) * 0.5) calc(var(--base-spacing) * 2) rgba(0,0,0,.6);
color: #e9e4d4;
display: flex;
flex-direction: column;
}
#alchemy-craft .ac-trade-modal-close {
position: absolute;
top: calc(var(--base-spacing) * 1);
right: calc(var(--base-spacing) * 1);
width: 22px;
height: 22px;
border: none;
background: none;
color: #a9a899;
font-size: 14px;
cursor: pointer;
}
#alchemy-craft .ac-trade-modal-close:hover { color: #e9e4d4; }
#alchemy-craft .ac-trade-modal-title {
font-family: var(--accent-font);
text-transform: uppercase;
letter-spacing: 1px;
font-size: 13px;
color: #c9a227;
margin-bottom: calc(var(--base-spacing) * 1.5);
padding-right: calc(var(--base-spacing) * 2);
}
#alchemy-craft .ac-trade-modal-sides {
display: grid;
grid-template-columns: 1fr 1fr;
gap: calc(var(--base-spacing) * 1.5);
margin-bottom: calc(var(--base-spacing) * 1.5);
flex-grow: 1;
overflow: hidden;
}
@media (max-width: 560px) {
#alchemy-craft .ac-trade-modal-sides { grid-template-columns: 1fr; }
}
#alchemy-craft .ac-trade-side-editor { display: flex; flex-direction: column; gap: calc(var(--base-spacing) * 0.75); overflow: hidden;}
#alchemy-craft .ac-trade-side-title { font-size: 10px; text-transform: uppercase; letter-spacing: 1px; color: #a9a899; }
#alchemy-craft .ac-trade-side-modes { display: flex; gap: calc(var(--base-spacing) * 0.5); }
#alchemy-craft .ac-trade-mode-btn {
flex: 1;
font-size: 9px;
text-transform: uppercase;
padding: calc(var(--base-spacing) * 0.4) calc(var(--base-spacing) * 0.5);
border-radius: 3px;
border: 1px solid #6b6237;
background: transparent;
color: #a9a899;
cursor: pointer;
}
#alchemy-craft .ac-trade-mode-btn.is-active { background: #c9a227; border-color: #c9a227; color: #16130f; }
#alchemy-craft .ac-trade-side-free {
padding: calc(var(--base-spacing) * 1.5) calc(var(--base-spacing) * 0.75);
text-align: center;
font-size: 11px;
font-style: italic;
color: #a9a899;
border: 1px dashed #6b6237;
border-radius: 3px;
}
#alchemy-craft .ac-trade-price-input {
width: 100%;
min-height: 72px;
resize: vertical;
padding: calc(var(--base-spacing) * 0.75);
background: rgba(0,0,0,.35);
border: 1px solid #6b6237;
border-radius: 3px;
color: #e9e4d4;
font: inherit;
font-size: 11px;
}
#alchemy-craft .ac-trade-pick-list {
display: flex;
flex-direction: column;
gap: calc(var(--base-spacing) * 0.4);
overflow-y: auto;
padding-right: 4px;
flex-grow: 1;
}
#alchemy-craft .ac-trade-pick-row {
display: flex;
align-items: center;
gap: calc(var(--base-spacing) * 0.6);
padding: calc(var(--base-spacing) * 0.4);
border-radius: 3px;
}
#alchemy-craft .ac-trade-pick-row.is-selected { background: rgba(201,162,39,.12); }
#alchemy-craft .ac-trade-pick-icon {
flex: 0 0 auto;
width: 24px;
height: 24px;
border-radius: 4px;
border: 1px solid #8b8570;
background: rgba(0,0,0,.35) center / cover no-repeat;
display: flex;
align-items: center;
justify-content: center;
font-size: 10px;
color: #a9a899;
}
#alchemy-craft .ac-trade-pick-icon[data-rarity="uncommon"] { border-color: #4f8ea8; }
#alchemy-craft .ac-trade-pick-icon[data-rarity="rare"] { border-color: #c9a227; }
#alchemy-craft .ac-trade-pick-icon--potion { border-radius: 0 0 5px 5px; clip-path: polygon(35% 0, 65% 0, 65% 28%, 92% 88%, 8% 88%, 35% 28%); }
#alchemy-craft .ac-trade-pick-name { flex: 1; min-width: 0; font-size: 10px; }
#alchemy-craft .ac-trade-pick-stepper { display: flex; align-items: center; gap: calc(var(--base-spacing) * 0.4); font-size: 11px; }
#alchemy-craft .ac-trade-pick-stepper button {
width: 20px;
height: 20px;
border-radius: 3px;
border: 1px solid #6b6237;
background: transparent;
color: #e9e4d4;
cursor: pointer;
line-height: 1;
}
#alchemy-craft .ac-trade-pick-stepper button:disabled { opacity: .35; cursor: not-allowed; }
#alchemy-craft .ac-trade-pick-stepper span { min-width: 16px; text-align: center; }
#alchemy-craft .ac-trade-pick-toggle {
font-size: 9px;
text-transform: uppercase;
padding: calc(var(--base-spacing) * 0.3) calc(var(--base-spacing) * 0.6);
border-radius: 3px;
border: 1px solid #6b6237;
background: transparent;
color: #e9e4d4;
cursor: pointer;
}
#alchemy-craft .ac-trade-side-summary { padding-top: calc(var(--base-spacing) * 0.5); border-top: 1px dashed #6b6237; min-height: 35px; }
#alchemy-craft .ac-trade-modal-actions { display: flex; justify-content: flex-end; gap: calc(var(--base-spacing) * 0.75); }
#alchemy-craft .ac-trade-modal-submit,
#alchemy-craft .ac-trade-modal-cancel {
font-family: var(--accent-font);
text-transform: uppercase;
letter-spacing: 1px;
font-size: 10px;
font-weight: 600;
padding: calc(var(--base-spacing) * 0.75) calc(var(--base-spacing) * 1.5);
border-radius: 3px;
cursor: pointer;
border: 1px solid #c9a227;
background: #c9a227;
color: #16130f;
}
#alchemy-craft .ac-trade-modal-cancel { background: transparent; color: #a9a899; border-color: #6b6237; }

</style>

��

mybb@mybb.ru (BigDamnHero) — Sat, 22 Aug 2026 01:54:55 +0300

wefwef[hideprofile]

��

mybb@mybb.ru (BigDamnHero) — Mon, 06 Jul 2026 00:33:46 +0300

[hideprofile]
��
� �� ... ��
[html]

<style>
#STORE_1 *, #STORE_1 *::before, #STORE_1 *::after {
box-sizing: border-box;
}

/* ── Tabs ─────────────────────────────────────── */
.store-tabs {
display: flex;
gap: 0;
border-bottom: 1px solid var(--codex-card-border, rgba(86, 77, 40, 0.4));
margin-bottom: 16px;
}

.store-tab-btn {
display: inline-block;
padding: 6px 22px 7px;
cursor: pointer;
font-family: "Throne", serif;
text-transform: uppercase;
letter-spacing: 0.15em;
font-size: 10px;
color: var(--codex-text-muted, #1a180b);
background: transparent;
border: 1px solid transparent;
border-bottom: none;
margin-bottom: -1px;
opacity: 0.55;
transition: opacity 0.2s, color 0.2s;
user-select: none;
}

.store-tab-btn:hover {
color: var(--codex-text-primary, #4a400d);
opacity: 0.85;
}

.store-tab-btn.active {
color: var(--codex-text-primary, #4a400d);
border-color: var(--codex-card-border, rgba(86, 77, 40, 0.4));
background: var(--codex-card-bg, #00000014);
opacity: 1;
}

.store-tab-buy {
align-self: center;
padding: calc(0.5 * var(--base-spacing, 8px)) calc(2 * var(--base-spacing, 8px));
padding-top: 9px;
font-family: var(--accent-font, "Throne", serif);
font-size: 0.95rem;
letter-spacing: 0.15em;
text-transform: uppercase;
background-color: var(--button-bg, #1d1815);
border: var(--button-border, 1px solid #564d28);
color: var(--button-text-color, #a9a899);
border-radius: 5px;
cursor: pointer;
box-shadow: 0px 0px 10px #29260961 inset;
transition: all 0.5s ease-in-out 0s;
white-space: nowrap;
}

.store-tab-buy:disabled {
opacity: 0.35;
cursor: default;
margin-left: auto;
}

.store-tab-buy:not(:disabled):hover {
background-color: var(--button-hover-bg, #29221e);
color: var(--button-hover-text-color, #c9c8b8);
border-color: var(--button-hover-border, #6b6237);
}

.store-tab-buy.copied {
color: var(--button-hover-text-color, #c9c8b8);
background-color: var(--button-hover-bg, #29221e);
border-color: var(--button-hover-border, #6b6237);
}

.store-tab-price {
margin-left: auto;
align-self: center;
padding: 0 4px 0 10px;
font-family: "Throne", serif;
font-size: 1.1rem;
font-weight: 600;
color: var(--codex-price-color, var(--codex-text-primary, #4a400d));
display: none;
align-items: center;
gap: 6px;
margin-right: 8px;
}

.store-tab-price.visible {
display: flex;
}

.store-tab-price i {
opacity: 0.8;
}

/* ── Main layout ──────────────────────────────── */
.store-layout {
display: flex;
gap: calc(2 * var(--base-spacing));
align-items: stretch;
height: 531px;
overflow: hidden;
}

/* ── Left column: panels ──────────────────────── */
.store-left {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
overflow: hidden;
background: var(--quote-input-bg);
border-radius: 8px;
}

.store-panel {
display: none;
}

.store-panel.active {
display: flex;
flex-direction: column;
flex: 1;
overflow: auto;
}

/* Section header � codex style with gradient dividers */
.store-section-header {
font-family: "Throne", serif;
font-weight: 600;
letter-spacing: 0.2em;
color: var(--codex-text-primary, #4a400d);
text-transform: uppercase;
font-size: 10px;
margin-bottom: var(--base-spacing, 8px);
display: flex;
align-items: center;
gap: var(--base-spacing, 8px);
}

.store-section-header::before,
.store-section-header::after {
content: '';
flex: 1;
height: 1px;
background: linear-gradient(90deg, transparent, var(--codex-text-divider, rgba(46, 40, 8, 0.4)), transparent);
}

.store-price-icon {
width: 18px;
height: auto;
opacity: 0.75;
}

/* Items grid � codex card image area */

.store-items-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 8px;
padding: 10px;
box-sizing: border-box;
}

/* Plashka items */
.plashka {
cursor: pointer;
border-radius: 4px;
overflow: hidden;
border: 1px solid transparent;
transition: border-color 0.15s;
flex-basis: 25%;
}

.plashka input[type="radio"] {
position: absolute;
opacity: 0;
width: 0;
height: 0;
pointer-events: none;
}

.plashka img {
width: 100%;
display: block;
}

.plashka:has(input:checked) {
border-color: var(--codex-card-accent, #4a400d);
}

.plashka:has(input:checked) img {
filter: brightness(1.1);
}

/* Background items � portrait 213×369 */
.store-panel-bg .store-items-grid {
grid-template-columns: repeat(5, 1fr);
}

.store-bg-item {
position: relative;
cursor: pointer;
aspect-ratio: 213 / 369;
overflow: hidden;
border-radius: 4px;
line-height: 0;
border: 1px solid var(--codex-card-border, rgba(86, 77, 40, 0.4));
transition: border-color 0.15s;
}

.store-bg-item input[type="radio"] {
position: absolute;
opacity: 0;
width: 0;
height: 0;
pointer-events: none;
}

.store-bg-item img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top center;
display: block;
transition: filter 0.15s;
}

.store-bg-item:has(input:checked) {
border-color: var(--codex-card-accent, #4a400d);
box-shadow: 0 0 0 1px var(--codex-card-accent, #4a400d);
}

.store-bg-item:has(input:checked) img {
filter: brightness(1.1);
}

/* ── Background sub-tabs ──────────────────────── */
.store-bg-subtabs {
display: flex;
gap: 0;
padding: 8px 10px 0;
border-bottom: 1px solid var(--codex-card-border, rgba(86, 77, 40, 0.4));
flex-shrink: 0;
}

.store-bg-subtab {
display: inline-block;
padding: 5px 16px 6px;
cursor: pointer;
font-family: "Throne", serif;
text-transform: uppercase;
letter-spacing: 0.12em;
font-size: 9px;
color: var(--codex-text-muted, #1a180b);
background: transparent;
border: 1px solid transparent;
border-bottom: none;
margin-bottom: -1px;
opacity: 0.55;
transition: opacity 0.2s, color 0.2s;
user-select: none;
}

.store-bg-subtab:hover {
color: var(--codex-text-primary, #4a400d);
opacity: 0.85;
}

.store-bg-subtab.active {
color: var(--codex-text-primary, #4a400d);
border-color: var(--codex-card-border, rgba(86, 77, 40, 0.4));
background: var(--codex-card-bg, #00000014);
opacity: 1;
}

.store-bg-subpanel {
display: none;
flex: 1;
overflow: auto;
}

.store-bg-subpanel.active {
display: block;
}

/* ── Right column: sidebar ────────────────────── */
.store-sidebar {
width: 230px;
flex-shrink: 0;
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
}

/* Avatar upload � codex card */
.store-avatar-upload {
font-size: var(--base-font-size, 11px);
font-family: var(--base-font, "Verdana", sans-serif);
color: var(--codex-text-muted, #1a180b);
text-align: center;
padding: 10px;
background: var(--codex-card-bg, #00000014);
border: 1px solid var(--codex-card-border, rgba(86, 77, 40, 0.4));
border-radius: 6px;
}

.store-avatar-upload input[type="file"] {
display: block;
width: 100%;
margin-top: 5px;
font-size: 10px;
color: var(--codex-text-muted, #1a180b);
}

/* Override post-author positioning inside store */
#STORE_1 .post-author {
margin-left: 0;
top: 0;
}
</style>

<div id="STORE_1">

<div class="store-left">

<div class="store-panel store-panel-plashki active" id="store-panel-plashki">
<div class="store-items-grid">
</div>
</div>

<div class="store-panel store-panel-bg" id="store-panel-bg">
<div class="store-bg-subtabs">
<span class="store-bg-subtab active" data-subtab="static">�� 2000 ��</span>
<span class="store-bg-subtab" data-subtab="animated">�� 3000 ��</span>
</div>
<div class="store-bg-subpanel active" id="store-bg-subpanel-static">
<div class="store-items-grid"></div>
</div>
<div class="store-bg-subpanel" id="store-bg-subpanel-animated">
<div class="store-items-grid"></div>
</div>
</div>

</div>

<div class="store-sidebar">

<div class="post-author online" id="prof1">
<ul>
<li class="pa-author">
<span class="acchide">��: </span>
<a href="#" onclick="return false;">Name Surname</a>
</li>
<li class="pa-title">�� </li>
<li class="pa-avatar item2" id="ava1">
<img src="" id="preview-avatar-img" alt="" style="display:none">
</li>
<li class="pa-fld2">
<div class="lzname"><a href="#" onclick="return false;">��, 00</a></div>
<div class="lzsoc">��</div>
<div class="lztext">�� </div>
</li>
<div class="repa">
<li class="pa-posts">
<span class="fld-name"><a href="#">��: </a></span> 0
</li>
<li class="pa-respect">
<span class="fld-name"><a href="#">��</a>:</span>
<span>+0</span>
</li>
<li class="pa-fld3">
<span class="fld-name">��:</span> 0
</li>
<li class="pa-fld4">
<span class="fld-name"></span>
<span class="GamePst">0</span>
</li>
</div>
<li class="pa-online"><strong>�� </strong></li>
<li class="pa-fld1" id="preview-plashka">
<a href="#" onclick="return false;">
<img id="preview-plashka-img" src="" alt="" style="display:none">
</a>
</li>
</ul>
</div>

</div>

</div>

</div>

(function() {
var s = document.createElement('script');
s.src = 'https://forumstatic.ru/files/001c/b0/4e/92540.js';
s.onload = renderStore;
document.head.appendChild(s);
})();

// ── Tab switching ──────────────────────────────
document.querySelectorAll('#STORE_1 .store-tab-btn').forEach(function(btn) {
btn.addEventListener('click', function() {
var tab = this.dataset.tab;
document.querySelectorAll('#STORE_1 .store-tab-btn').forEach(function(b) { b.classList.remove('active'); });
document.querySelectorAll('#STORE_1 .store-panel').forEach(function(p) { p.classList.remove('active'); });
this.classList.add('active');
var panel = document.getElementById('store-panel-' + tab);
if (panel) panel.classList.add('active');
});
});

document.getElementById('store-tab-buy').addEventListener('click', async function () {
const code = this.dataset.code;
if (!code) return;

const btn = this;

try {
// Modern clipboard API
await navigator.clipboard.writeText(code);

showCopiedState(btn);

} catch (err) {
console.warn('Clipboard API failed, using fallback...', err);

// Fallback for restricted embeds/older browsers
fallbackCopy(code, btn);
}
});

function fallbackCopy(text, btn) {
const textArea = document.createElement('textarea');

textArea.value = text;
textArea.setAttribute('readonly', '');

textArea.style.position = 'fixed';
textArea.style.left = '-9999px';
textArea.style.top = '0';

document.body.appendChild(textArea);

textArea.focus();
textArea.select();
textArea.setSelectionRange(0, textArea.value.length);

try {
const successful = document.execCommand('copy');

if (successful) {
showCopiedState(btn);
}

} catch (err) {
console.error('Fallback copy failed:', err);
}

document.body.removeChild(textArea);
}

function showCopiedState(btn) {
btn.textContent = '��!';
btn.classList.add('copied');

setTimeout(function () {
btn.classList.remove('copied');
btn.textContent = '��';
storeUpdateBuyCode();
}, 1800);
}

// ── Avatar upload ──────────────────────────────
$('#addImage').on('change', function(evt) {
var file = evt.currentTarget.files[0];
if (!file) return;
var regex = /^([a-zA-Z�-��-�0-9\s_\\.\-:)])+(.jpg|.jpeg|.gif|.png|.bmp)$/;
if (regex.test(file.name.toLowerCase())) {
if (typeof FileReader !== 'undefined') {
var reader = new FileReader();
reader.onload = function(e) {
var img = document.getElementById('preview-avatar-img');
img.src = e.target.result;
img.style.display = '';
};
reader.readAsDataURL(file);
}
} else {
$(this).prop('value', null);
}
});

// ── Selection state ────────────────────────────
var _storePlashka = '';
var _storeBg = '';
var _storeBgType = 'static';

function storeUpdateBuyCode() {
var lines = [];
var openCode = '[' + 'code' + ']';
var closeCode = '[/' + 'code' + ']';

if (_storePlashka) {
lines.push(`�� 1 (��): ${openCode}${_storePlashka}*${closeCode}`);
}

if (_storeBg) {
lines.push(`�� 5 (��): ${openCode}${_storeBg}*${closeCode}`);
}

var bgPrice = _storeBg ? (_storeBgType === 'animated' ? 3000 : 2000) : 0;
var price = (_storePlashka ? 500 : 0) + bgPrice;
if (price > 0) lines.push('��: ' + price);

var btn = document.getElementById('store-tab-buy');
var priceEl = document.getElementById('store-tab-price');
var priceVal = document.getElementById('store-tab-price-value');

if (lines.length) {
priceVal.textContent = price + ' ��';
priceEl.classList.add('visible');
btn.dataset.code = lines.join('\n');
btn.disabled = false;
} else {
priceEl.classList.remove('visible');
btn.dataset.code = '';
btn.disabled = true;
}
}

function escapeHtml(s) {
return s
.replace(/&/g, '&')
.replace(/</g, '<')
.replace(/>/g, '>')
.replace(/"/g, '"');
}

function storeSelectPlashka(id) {
_storePlashka = id;
var item = SHOP_BY_ID.get(id);
var img = document.getElementById('preview-plashka-img');
img.src = item ? item.url : '';
img.style.display = '';
storeUpdateBuyCode();
}

function storeSelectBg(id, type) {
_storeBg = id;
_storeBgType = type || 'static';
var item = SHOP_BY_ID.get(id);
var prof = document.getElementById('prof1');
prof.style.backgroundImage = 'url(' + (item ? item.url : '') + ')';
prof.style.backgroundSize = 'cover';
storeUpdateBuyCode();
}
</script>
[/html]

��

mybb@mybb.ru (anaxa) — Sun, 12 Apr 2026 15:27:58 +0300

��

mybb@mybb.ru (BigDamnHero) — Sat, 11 Apr 2026 15:32:23 +0300

[html]<div class="gbook-news">
<div class="gb-name-news">
<one>�� 12 ��</one>
</div>

<div class="gb-text-news">
<div class="gif-news">
<img src="https://upforme.ru/uploads/001c/77/b6/138/54619.gif"
alt="Image description" class="gif-image" title="�� ">
</div>
<b class="title-news">�� !</b>
<br>�� , �� , � �� , ��-�� . �� , �� <s>��</s> �� . �� .

<br>�� <b>��</b> �� . �� <a href="https://tenebria.ru/viewtopic.php?id=83#p6840">�� </a>. �� , �� .

<br>�� <b>�� </b>. �� , ��, ��, �� . �� , �� . � �� , �� .

<br>�� <b>�� </b>, �� -��. �� , �� <s>�� </s> �� .

<br>��, ��, �� . �� <a href="https://tenebria.ru/viewtopic.php?id=2#p4">��</a>, �� <a href="https://tenebria.ru/viewtopic.php?id=2#p5">��</a>. �� <b>��</b> � <b>�� </b> � �� , �� . �� , �� , ��, �� <a href="https://tenebria.ru/viewtopic.php?id=23&p=21#p533">�� </a>.

<br>�� , �� , �� <span class="title-news">21</span> �� . �� , �� , �� . �� , �� :
<div class="quote-box quote-main"><blockquote><center><span class="title-news">��:</span><br>
<b>Elyrra Marenvold</b>
<b>Ingrid Marenvold</b><br>
<span class="title-news">��:</span><br>
<b>Song Yinlong</b>
<b>Lariette Reinhardt</b></center></blockquote></div>
<br>�� !
</div>

<div class="tenebria-header__best-episode">
<div class="tenebria-header__title">�� </div>
<a href="https://tenebria.ru/viewtopic.php?id=553#p47342">�� </a>
</div>

<div class="vn-list-news"><span>�� <a href="https://tenebria.ru/profile.php?id=53">��</a></span>
<p class="quote-box quote-main">
�� , �� , �� , � �� . �� , �� , �� , � �� . <a
href="https://tenebria.ru/viewtopic.php?id=595#p51724">��</a></p>
</div>

</div>
</div>[/html][hideprofile]

��

mybb@mybb.ru (BigDamnHero) — Sat, 11 Apr 2026 06:29:56 +0300

[hideprofile]
��

�� . �� .

�� . �� , �� .
��! �� . � �� � �� �� , � �� .

��:

[size=12][b]→ ��������:[/b]
�������� ���������(��)
[b]→ ����� �������:[/b]
����� + ����� = ����
[b]→ ����� � �������:[/b]
������� ����� ����� ���� �����������[/size]

[html]
<div class="codex-page" id="codex-root"></div>

function renderSection(section) {
return `
<div class="codex-page__header">${section.title}</div>
<div class="codex-page__grid">${section.items.map(renderCard).join('')}</div>`;
}

function render() {
document.getElementById('codex-root').innerHTML =
ARTEFACT_DATA.sections.map(renderSection).join('');
}

const s = document.createElement('script');
s.src = 'https://forumstatic.ru/files/001c/b0/4e/98515.js';
s.onload = render;
document.head.appendChild(s);
})();
</script>
[/html]

��

mybb@mybb.ru (BigDamnHero) — Sat, 11 Apr 2026 05:34:31 +0300

[hideprofile]
[html]
<div class="article_title_main">
<span class="article_TITLE_1"> KIOSHIN<br></span>
<span class="article_TITLE_2"> �� <br></span>
</div>

</div>

</div>

</div>

</div>

<blockquote>
<b>��:</b>
��

<b>��:</b>
�� , �� .

<blockquote>
<b>��:</b>
��, �� 30+

<b>��:</b>
�� .

<blockquote>
<b>��:</b>
��, �� 30+ (� �� )

<b>��:</b>
�� .

<blockquote>
<b>��:</b>
��, �� 30+

<b>��:</b>
�� , �� .

<blockquote>
<b>��:</b>
��, �� 30+

<b>��:</b>
�� , �� .

<blockquote>
<b>��:</b>
��, �� 30+

<b>��:</b>
�� .

<blockquote>
<b>��:</b>
��

<b>��:</b>
�� , �� .

</div>

</div>
</div>

</div>
</div>
</div>

</div>
</div>
</div>

[/html]

��

mybb@mybb.ru (BigDamnHero) — Sat, 11 Apr 2026 00:54:09 +0300

[hideprofile]
[html]<div style="margin-top:10px; padding:20px 10px; background: url(https://forumstatic.ru/files/001c/10/8e/89164.png) rgba(51,51,51,1); outline:1px solid #474840ab; width:920px; margin-left:25px!important; border-radius:5px;text-align: center; box-shadow: 0 0 10px rgba(44, 44, 44, 0.7);"><span style="font-family: 'Playfair Display', serif; font-size:16px; font-weight: 600; color:#ecf5eb; letter-spacing: 1px;text-shadow: 1px 1px #636c75;"> �� </span></div> </center>
<br>

</DIV>

</DIV>

</DIV>

[/html]

Tester

��������

�������

�������� ���������

�������

�����

�������

���������

�����

������ ����������

��

��

��

��

��

��

��

��

��