@font-face{font-family:VT323;src:url('assets/vt323.ttf') format('truetype');font-display:swap}
:root{--pixel:VT323,monospace;--bg:#17140f;--surface:#30291e;--deep:#201b14;--panel:#423728;--line:#79613d;--gold:#e9c36d;--text:#eadcc0;--muted:#c3b18e;--paper:#ccba91;--ink:#2e2417;--red:#69352b;color-scheme:dark;scrollbar-color:#8b7044 #211a12;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(#17140fb3,#17140fe8),url('assets/guild-stone.png') center top/640px;color:var(--text);font:16px/1.6 Georgia,'Times New Roman',serif}a{color:var(--gold);text-underline-offset:4px}a:hover{color:#ffe7a3}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled,[aria-disabled=true]{opacity:.6;cursor:wait}button,input,a{touch-action:manipulation}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--pixel);font-weight:400;line-height:1.08;color:var(--gold);text-wrap:balance}h1{font-size:clamp(42px,4.4vw,60px);margin-bottom:20px}h2{font-size:38px;margin-bottom:9px}h3{font-size:24px}p{margin-bottom:18px}::selection{background:var(--gold);color:var(--ink)}:focus-visible{outline:3px solid #ffe495;outline-offset:4px}input{caret-color:var(--gold)}[hidden]{display:none!important}.skip{position:absolute;top:-100px;left:16px;z-index:5;background:var(--gold);color:var(--ink);padding:12px}.skip:focus{top:12px}.draft-notice{text-align:center;background:#33291a;border-bottom:1px solid #6a5433;color:#e5cfa4;font:14px/1.5 Arial,sans-serif;padding:7px 12px}.site-wrap{max-width:1180px;margin:auto;padding:0 24px}.site-header{min-height:114px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;font:45px/1 var(--pixel);color:#f0ce78;white-space:nowrap}.brand img{image-rendering:pixelated}.brand small{display:block;font:16px/1.4 var(--pixel);color:var(--muted);margin-top:8px}.site-header nav{display:flex;gap:5px;align-items:center}.site-header nav a{font:22px/1.1 var(--pixel);min-height:44px;display:flex;align-items:center;padding:10px 16px;text-decoration:none}.site-header nav a[aria-current=page]{background:var(--red);color:#f6df9d;border:2px ridge #a28052}.site-header nav a:hover{background:#453620}main{border:5px ridge #8b7653;background:var(--surface);box-shadow:0 12px 35px #100b08aa}.town-banner{border-bottom:4px ridge #8b7653;background:#262719}.town-banner img{width:100%;height:auto;max-height:245px;object-fit:cover;object-position:center 50%}.guild-bar{display:flex;justify-content:space-between;gap:16px;padding:9px 24px;background:var(--deep);border-bottom:1px solid var(--line);font:19px/1.3 var(--pixel)}.guild-bar span{color:var(--gold)}.guild-bar a{font-size:18px;color:var(--muted)}.welcome{display:grid;grid-template-columns:1.02fr 1fr;gap:44px;padding:40px}.welcome-copy{padding:5px 0}.welcome-copy .lead{font:22px/1.5 Georgia,serif;color:#f4e6c9;margin-bottom:17px}.welcome-copy>p:not(.lead){max-width:45ch}.welcome-copy strong{color:var(--gold)}.welcome-note{font:14px/1.6 Arial,sans-serif;color:var(--muted);margin:18px 0 23px}.guild-links{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:14px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 17px;background:#483c29;border:2px solid;border-color:#92764d #241b12 #241b12 #92764d;color:#eed6a2;text-decoration:none;font:21px/1.2 var(--pixel);text-align:center;border-radius:0;transition:background .15s}.button:hover{background:#5a492f;color:#fff0c4}.button.primary{background:#90642c;color:#fff1c5;border-color:#dbb769 #5d3d1f #5d3d1f #dbb769}.button.primary:hover{background:#92652b;color:#fff3cf}.button:active{border-color:#241b12 #92764d #92764d #241b12}.text-button{background:none;border:0;padding:6px;color:var(--gold);min-height:44px;text-decoration:underline;text-underline-offset:4px;font:16px/1.4 var(--pixel)}.equip-panel{background:var(--deep);border:3px ridge #9b8156;align-self:start}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 14px;background:#453927;border-bottom:2px ridge #8b7653}.panel-heading h2{font-size:24px;margin:0}.panel-heading span{font:16px/1.2 var(--pixel);color:var(--muted);text-align:right}.ring-stage{position:relative;display:flex;align-items:center;flex-direction:column;min-height:224px;background:linear-gradient(#25211199,#241d11cc),url('assets/osrs/scene-bank.png') center/cover;padding:12px 20px 10px;overflow:hidden}.ring-stage>p{color:#ffff6e;font:25px/1.1 var(--pixel);margin:0 0 4px;text-shadow:2px 2px #15120d;text-align:center;min-height:30px}.hero-ring{width:120px;height:120px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 12px 7px #18140866)}.examine-caption{text-align:center;color:#ffe58b;font:23px/1 var(--pixel);margin-top:8px}.examine-caption small{font-size:17px;color:#eee0b9}.equip-slots{display:flex;justify-content:center;align-items:center;gap:24px;padding:12px 18px;border-top:2px ridge #76603f}.slot-group{display:flex;flex-direction:column;align-items:center;gap:5px;font:17px var(--pixel);color:var(--muted)}.mini-slot{width:58px;height:54px;border:3px inset #88734e;background:#29271f;display:grid;place-items:center}.mini-slot img{image-rendering:pixelated}.empty-slot{font:15px var(--pixel);color:#b9ac8c}.is-equipped{background:#4e4226;border-color:#c09a4a}.is-equipped .empty-slot{display:none}.slot-instruction{text-align:center;font:17px/1.25 var(--pixel);color:var(--muted)}.equip-controls{display:flex;align-items:center;justify-content:center;gap:16px;padding:0 14px 12px}.equip-controls .button{min-width:175px}.quest-chat{background:var(--paper);color:var(--ink);border-top:3px ridge #9b8156;font:19px/1.3 var(--pixel);padding:11px 14px;min-height:53px}.quest-chat b{color:#73382a;font-weight:400}.reset-quest{display:block;padding:6px 12px;background:var(--deep);border:0;color:var(--muted);text-decoration:underline;font:15px var(--pixel);min-height:35px;margin:auto}.ring-pop{animation:equip-pop .35s cubic-bezier(.16,1,.3,1)}@keyframes equip-pop{0%{transform:translateY(0) scale(1)}45%{transform:translateY(-10px) scale(1.07)}100%{transform:translateY(0) scale(1)}}
.contract{background:var(--deep);border-block:2px ridge #79613d;padding:16px 32px;display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap}.contract>div:first-child{display:flex;align-items:baseline;gap:14px}.contract strong{font:27px var(--pixel);color:var(--gold)}.contract span{font:14px/1.5 Arial,sans-serif;color:var(--muted)}.address{display:flex;align-items:center;gap:18px;min-width:0}.address code{font:13px/1.5 Consolas,monospace;overflow-wrap:anywhere;user-select:all}.address .button{font-size:18px;white-space:nowrap;padding:8px 12px;min-height:40px}.contract #copy-status{flex-basis:100%;text-align:right;color:var(--gold)}#copy-status:empty{display:none}.meme-preview{padding:38px 32px 28px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}.section-heading p{color:var(--muted);margin:0}.section-heading .button{font-size:19px}.meme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.meme-card{min-width:0;margin:0;background:var(--deep);border:1px solid #806641;display:flex;flex-direction:column}.meme-image{display:block;background:#19170f;overflow:hidden}.meme-image img{width:100%;height:240px;object-fit:contain}.meme-image:hover{outline:2px solid var(--gold);outline-offset:-2px}.meme-caption{padding:13px 14px;display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center}.meme-caption h3{font-size:23px;margin:0;grid-column:1/-1}.meme-caption span{font:13px/1.4 Arial,sans-serif;color:var(--muted)}.meme-caption>a{font:16px/1.3 var(--pixel);padding-block:6px}.bank-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:18px;font-size:14px}.bank-footer p{margin:0;color:var(--muted)}.bank-footer a{white-space:nowrap}.creator-section{padding:38px 32px;border-top:2px ridge #79613d;background:#292319;display:grid;grid-template-columns:.7fr 1fr;gap:32px;align-items:start}.creator-intro{padding-top:8px}.creator-intro>p{max-width:35ch;color:var(--muted)}.creator-intro h2{font-size:36px}.examine-note{margin-top:30px;padding:20px;background:var(--paper);color:var(--ink)}.examine-note h3{color:#583c1d;margin-bottom:10px;font-size:24px}.examine-note p{font:20px/1.4 var(--pixel);min-height:56px;margin-bottom:6px}.examine-note .text-button{color:#60401e;font-size:18px;padding-left:0}.quick-creator{min-width:0;background:var(--deep);border:3px ridge #8b7653;padding:7px;scroll-margin-top:20px}.quick-creator canvas{width:100%;height:auto;display:block}.quick-creator form{padding:0 9px}.client-panel-controls{margin:8px 0 12px!important}.quick-presets{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.quick-presets legend{font:22px var(--pixel);margin-bottom:8px}.quick-presets button{border:2px ridge #8b7653;background:#443927;color:var(--text);font:17px/1.15 var(--pixel);min-height:44px;padding:7px 5px}.quick-presets button:hover{background:#614c2e}.quick-presets button[aria-pressed=true]{background:var(--red);color:#ffeaaf}.quick-actions{display:flex;gap:8px;margin:12px 0 8px}.quick-actions>*{flex:1}.quick-actions .button{font-size:18px}#customize-character{display:flex;font-size:19px}#quick-status{font:14px/1.5 Arial,sans-serif;color:var(--muted);padding:10px 8px 2px;margin:0}.character-share{margin-top:15px;padding:14px;border-top:1px solid var(--line)}.character-share h3{margin-bottom:10px}.character-share p{font:14px/1.5 Arial,sans-serif}.character-share textarea{display:block;width:100%;background:var(--deep);color:var(--text);padding:10px;font:14px/1.6 Arial,sans-serif;border:1px solid var(--line)}.character-share [data-share-preview]{max-height:260px;object-fit:contain}.character-share .actions{gap:8px}.character-share .actions>*{font-size:18px}.closing{padding:28px 32px;display:flex;align-items:center;gap:24px;border-top:2px ridge var(--line);background:#3a2c1e}.closing>div{flex:1}.closing h2{font-size:34px}.closing p{margin:0;color:var(--muted);font-size:15px}.closing img{object-fit:contain;image-rendering:pixelated}.closing>a:last-child{font-size:14px}.site-footer{display:flex;align-items:center;gap:24px;padding:26px 8px 36px;font:14px/1.6 Arial,sans-serif}.site-footer p{font:13px/1.7 Arial,sans-serif;flex:1;margin:0;color:var(--muted)}.footer-brand{font:28px var(--pixel);text-decoration:none;white-space:nowrap}.footer-brand span{display:block;font-size:17px}.gallery-main{padding:32px}.gallery-intro h1{font-size:62px;margin:20px 0 8px}.gallery-intro>p{font-size:20px;color:var(--text)}.gallery-intro .archive-note{max-width:66ch;font:14px/1.6 Arial,sans-serif;color:var(--muted);margin-bottom:28px}.back-link{font-size:14px}.bank-tools{padding:18px;background:var(--deep);border:2px ridge var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.filters{display:flex;flex-wrap:wrap;gap:7px}.filters button{background:#493b27;color:var(--text);border:2px ridge #8b7653;min-height:44px;padding:8px 11px;font:19px var(--pixel)}.filters button[aria-pressed=true]{background:var(--red);color:#ffeaaf;border-color:#c19b5a}.search-label{font:16px var(--pixel);color:var(--muted);min-width:220px}.search-label input{display:block;width:100%;background:#1c1913;border:1px solid #8b7653;color:var(--text);font:15px Arial,sans-serif;padding:11px;margin-top:4px;min-height:44px}.search-label input::placeholder{color:#b9a781}#gallery-count{font:17px var(--pixel);color:var(--muted);padding-top:18px;margin-bottom:18px}.gallery-main .meme-grid{align-items:start}.gallery-main .meme-image img{height:280px}.meme-card video{width:100%;height:280px;background:#16120d}#gallery-empty{padding:45px 0;text-align:center}#gallery-empty p{color:var(--muted)}
@media(min-width:1450px){.site-wrap{max-width:1230px}.welcome{gap:60px}.town-banner img{max-height:260px}}
@media(max-width:1000px){.site-wrap{padding-inline:18px}.site-header nav a{padding-inline:10px;font-size:20px}.welcome{gap:25px;padding:30px 24px}.contract{padding:16px 24px}.address{flex:1}.creator-section{grid-template-columns:.72fr 1fr;gap:24px}.quick-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.closing{flex-wrap:wrap}.closing>div{min-width:200px}.bank-tools{flex-wrap:wrap}.search-label{width:100%}.gallery-main .meme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.meme-preview,.creator-section{padding:30px 24px}.meme-image img{height:205px}.meme-caption{padding:10px}.site-footer{flex-wrap:wrap;gap:15px}.site-footer p{min-width:220px}}
@media(max-width:760px){.site-wrap{padding-inline:10px}.site-header{padding:20px 5px 16px;align-items:flex-start;flex-direction:column;gap:18px}.brand{font-size:39px}.brand img{width:48px;height:48px}.brand small{font-size:17px}.site-header nav{width:100%;justify-content:space-between;gap:0}.site-header nav a{font-size:20px;padding:8px 11px}.town-banner img{min-height:130px;object-fit:cover}.guild-bar{padding:10px 14px;display:block;font-size:18px}.guild-bar a{display:block;margin-top:4px;font-size:17px}.welcome{grid-template-columns:1fr;padding:26px 19px;gap:26px}.welcome-copy h1{font-size:48px}.welcome-copy .lead{font-size:21px}.welcome-copy p{max-width:50ch}.welcome-note{font-size:14px}.actions{margin-top:22px}.actions>.button{flex:1}.guild-links{gap:10px;font-size:14px;flex-direction:column}.equip-panel{width:100%}.panel-heading{padding:10px}.panel-heading h2{font-size:24px}.contract{padding:17px 19px}.contract>div:first-child{width:100%}.address{align-items:flex-start;flex-direction:column;width:100%;gap:10px}.address code{font-size:13px}.address .button{min-height:44px;font-size:19px}.contract #copy-status{text-align:left}.meme-preview,.creator-section{padding:28px 19px}.section-heading{flex-direction:column;align-items:flex-start;gap:17px}.section-heading h2{font-size:36px}.section-heading p{font-size:16px}.meme-grid,.gallery-main .meme-grid{grid-template-columns:1fr;gap:20px}.meme-image img,.gallery-main .meme-image img{height:auto;max-height:410px;object-fit:contain}.meme-caption{padding:14px}.meme-caption h3{font-size:26px}.meme-caption>a{font-size:18px;min-height:36px;display:flex;align-items:center}.bank-footer{display:block}.bank-footer>a{display:inline-block;margin-top:12px}.creator-section{grid-template-columns:1fr;gap:24px}.creator-intro h2{font-size:36px}.creator-intro>p{max-width:45ch}.examine-note{margin-top:22px}.examine-note p{min-height:0}.quick-creator{padding:5px}.quick-creator form{padding:0 5px}.quick-presets button{font-size:19px}.quick-actions .button{font-size:19px}#customize-character{font-size:20px}.closing{padding:24px 19px;gap:16px}.closing img{width:36px;height:52px}.closing>div{min-width:180px}.closing>.button{width:100%}.site-footer{padding:24px 4px;gap:16px 22px}.site-footer p{flex-basis:100%;order:1}.site-footer>a:last-child{margin-left:auto}.footer-brand{font-size:26px}.footer-brand span{display:inline;font-size:18px;margin-left:8px}.gallery-main{padding:24px 18px}.gallery-intro h1{font-size:46px}.gallery-intro>p{font-size:18px}.bank-tools{padding:12px;gap:15px}.filters{gap:7px}.filters button{font-size:18px;padding:8px 10px}.search-label{min-width:0}.search-label input{font-size:16px}#gallery-count{font-size:18px}}
@media(max-width:370px){.site-wrap{padding-inline:6px}.site-header nav a{font-size:18px;padding:8px}.welcome,.meme-preview,.creator-section{padding-inline:14px}.button{padding-inline:12px;font-size:19px}.panel-heading{gap:6px}.panel-heading h2{font-size:22px}.equip-slots{gap:13px}.equip-controls{gap:8px}.slot-instruction{font-size:16px}.site-footer{gap:14px}.site-footer>a:last-child{margin-left:0}.closing>div{min-width:150px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}