@import"https://fonts.googleapis.com/css2?family=Papyrus&family=Share+Tech+Mono&display=swap";:root{--color-primary: #0055BB;--color-primary-hover: #004499;--color-primary-light: #e3f2fd;--color-success: #4CAF50;--color-success-hover: #43a047;--color-danger: #d32f2f;--color-danger-light: #ffebee;--color-text-primary: #212121;--color-text-secondary: #616161;--color-text-muted: #9e9e9e;--color-border: #e0e0e0;--color-border-light: #eeeeee;--color-bg-page: #ffffff;--color-bg-surface: #fafafa;--color-bg-elevated: #ffffff;--color-bg-code: #fafafa;--color-border-code: transparent;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Consolas", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 600;--line-height-tight: 1.25;--line-height-base: 1.5;--line-height-relaxed: 1.75;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .12);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--container-max: 1200px;--container-narrow: 800px;--container-text: 40em}[class^=brand-]{min-height:100vh;background-color:var(--color-bg-page);color:var(--color-text-primary);font-family:var(--font-family)}[class^=brand-] a:visited{color:var(--color-primary)}[class^=brand-] ul,[class^=brand-] ol,[class^=brand-] li,[class^=brand-] table,[class^=brand-] thead,[class^=brand-] tbody,[class^=brand-] tr,[class^=brand-] th,[class^=brand-] td,[class^=brand-] code,[class^=brand-] pre{color:var(--color-text-primary)}[class^=brand-] strong,[class^=brand-] em{color:inherit}[class^=brand-] blockquote{color:var(--color-text-secondary);border-left:3px solid var(--color-border);padding-left:var(--space-md);margin:var(--space-md) 0;font-style:italic}.brand-metroplexweb{--color-primary: #0055BB;--color-primary-hover: #3399ff;--color-primary-light: #1a3a5c;--color-bg-page: #000000;--color-bg-surface: #1a1a1a;--color-bg-elevated: #242424;--color-text-primary: #ffffff;--color-text-secondary: #cccccc;--color-text-muted: #888888;--color-border: #444444;--color-border-light: #333333;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px rgba(0, 0, 0, .6);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .7);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .8);--color-bg-code: #000000;--color-border-code: var(--color-primary)}.brand-angryalmondgames{--color-primary: #A67C52;--color-primary-hover: #8B6642;--color-primary-light: #f5ebe0}.brand-angryalmondstudio{--color-primary: #C19A6B;--color-primary-hover: #A6804D;--color-primary-light: #faf6f1}.brand-dreamspeed{--color-primary: #4FC3F7;--color-primary-hover: #29B6F6;--color-primary-light: #0D47A1;--color-bg-page: #0a1628;--color-bg-surface: #152a4a;--color-bg-elevated: #1e3a5f;--color-text-primary: #ffffff;--color-text-secondary: #b3d4fc;--color-text-muted: #7aa3d4;--color-border: #2d5a8a;--color-border-light: #1e3a5f;--font-family: "Share Tech Mono", "SF Mono", Monaco, monospace;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .6);--color-bg-code: #0a1628;--color-border-code: var(--color-primary)}.brand-mikesrooms{--color-primary: #6D4C41;--color-primary-hover: #5D4037;--color-primary-light: #efebe9}.brand-mikerandrup{--color-primary: #00838F;--color-primary-hover: #006064;--color-primary-light: #e0f7fa}.brand-cwebdes{--color-primary: #7C4DFF;--color-primary-hover: #651FFF;--color-primary-light: #ede7f6}.brand-runsquish{--color-primary: #7CB342;--color-primary-hover: #689F38;--color-primary-light: #f1f8e9}.brand-echoesofegypt{--color-primary: #8B4513;--color-primary-hover: #6B3410;--color-primary-light: #deb887;--color-bg-page: #f4e4c1;--color-bg-surface: #efe0bb;--color-bg-elevated: #f9f0dc;--color-text-primary: #3d2314;--color-text-secondary: #5c3a24;--color-text-muted: #8b6b4a;--color-border: #d4b896;--color-border-light: #e6d5b8;--font-family: "Papyrus", "Brush Script MT", cursive;--shadow-sm: 0 1px 2px rgba(61, 35, 20, .1);--shadow-md: 0 4px 6px rgba(61, 35, 20, .15);--shadow-lg: 0 10px 20px rgba(61, 35, 20, .2);--shadow-xl: 0 20px 40px rgba(61, 35, 20, .25)}.brand-sirmikothy{--color-primary: #6A1B9A;--color-primary-hover: #4A148C;--color-primary-light: #f3e5f5}.brand-djthoth{--color-primary: #FFB300;--color-primary-hover: #FF8F00;--color-primary-light: #fff8e1}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{line-height:var(--line-height-base);font-family:var(--font-family);color:var(--color-text-primary);background-color:var(--color-bg-page)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:var(--color-primary);text-decoration:none}a:visited{color:var(--color-primary)}a:hover{text-decoration:underline}button{cursor:pointer;border:none;background:none;color:inherit}h1,h2,h3,h4,h5,h6{line-height:var(--line-height-tight);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}h1{font-size:var(--font-size-3xl);margin-bottom:var(--space-lg)}h2{font-size:var(--font-size-2xl);margin-bottom:var(--space-md)}h3{font-size:var(--font-size-xl);margin-bottom:var(--space-sm)}h4{font-size:var(--font-size-lg);margin-bottom:var(--space-sm)}p{margin-bottom:var(--space-md);color:var(--color-text-secondary)}small{font-size:var(--font-size-sm);color:var(--color-text-muted)}strong{font-weight:var(--font-weight-bold)}code{font-family:var(--font-family-mono);font-size:var(--font-size-sm);background-color:var(--color-bg-code);border:1px solid var(--color-border-code);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}pre{font-family:var(--font-family-mono);font-size:var(--font-size-sm);background-color:var(--color-bg-code);border:1px solid var(--color-border-code);padding:var(--space-md);border-radius:var(--radius-md);overflow-x:auto}pre code{background:none;border:none;padding:0}.shoppe-container{max-width:var(--container-max);margin:0 auto;padding:var(--space-lg)}.nav-bar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background-color:var(--color-bg-surface);border-bottom:1px solid var(--color-border)}.nav-links{display:flex;gap:var(--space-sm)}.nav-button{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);background-color:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast)}.nav-button:hover{background-color:var(--color-border)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);min-height:44px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background-color:var(--color-primary);color:#fff;border:none}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn--secondary{background-color:var(--color-bg-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn--secondary:hover:not(:disabled){background-color:var(--color-border)}.btn--success{background-color:var(--color-success);color:#fff;border:none}.btn--success:hover:not(:disabled){background-color:var(--color-success-hover)}.btn--danger{background-color:var(--color-danger);color:#fff;border:none}.btn--danger:hover:not(:disabled){filter:brightness(.9)}.btn--full{width:100%}.trinket-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-xl)}.trinket-item{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base);background-color:var(--color-bg-elevated)}.trinket-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.trinket-image{height:200px;overflow:hidden;background-color:var(--color-bg-surface)}.trinket-image img{width:100%;height:100%;object-fit:cover}.trinket-info{padding:var(--space-md)}.trinket-info h2{font-size:var(--font-size-lg);margin-bottom:var(--space-sm)}.trinket-description{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.trinket-price,.price-section,.item-price{font-weight:var(--font-weight-bold);font-size:var(--font-size-base);margin-bottom:var(--space-sm)}.trinket-price .original-price,.price-section .original-price,.item-price .original-price{text-decoration:line-through;color:var(--color-text-muted);margin-right:var(--space-sm)}.trinket-price .sale-price,.price-section .sale-price,.item-price .sale-price{color:var(--color-danger);font-weight:var(--font-weight-bold)}.trinket-price .regular-price,.price-section .regular-price,.item-price .regular-price{color:var(--color-text-primary)}.price-section{font-size:var(--font-size-lg);margin-bottom:var(--space-lg)}.price-section .label{font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.price-section .sale-price{font-size:var(--font-size-xl)}.trinket-detail-view{width:100%}.detail-header{display:flex;align-items:center;margin-bottom:var(--space-xl)}.back-button{padding:var(--space-sm) var(--space-md);background-color:var(--color-bg-surface);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-base);margin-right:var(--space-lg);transition:background-color var(--transition-base)}.back-button:hover{background-color:var(--color-border)}.main-image-container{margin-bottom:var(--space-xl);display:flex;justify-content:center}.main-image{max-width:100%;max-height:75vh;object-fit:contain}.trinket-details{max-width:800px;margin:0 auto}.detail-description{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-primary);margin-top:var(--space-md)}.all-images-section,.videos-section{max-width:800px;margin:var(--space-2xl) auto 0}.all-images-section h3,.videos-section h3{margin-bottom:var(--space-lg);font-size:var(--font-size-xl)}.image-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-lg)}.gallery-image-container{height:200px;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base)}.gallery-image-container:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.gallery-image-container.selected{border:3px solid var(--color-primary)}.gallery-image{width:100%;height:100%;object-fit:cover}.add-to-cart-button{background-color:var(--color-primary);color:#fff;border:none;padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-base);border-radius:var(--radius-sm);cursor:pointer;margin-top:var(--space-md);transition:background-color var(--transition-base);min-height:44px}.add-to-cart-button:hover{background-color:var(--color-primary-hover)}.cart-container{position:relative}.cart-toggle-button{background-color:var(--color-primary);color:#fff;border:none;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-base);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-base)}.cart-toggle-button:hover{background-color:var(--color-primary-hover)}.cart-dropdown{position:absolute;top:calc(100% + var(--space-sm));right:0;width:350px;background-color:var(--color-bg-elevated);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);z-index:1000;overflow:hidden}.cart-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border-light)}.cart-header h3{margin:0;font-size:var(--font-size-lg)}.close-cart-button{background:none;border:none;font-size:var(--font-size-2xl);cursor:pointer;color:var(--color-text-muted);padding:0;line-height:1}.close-cart-button:hover{color:var(--color-text-primary)}.empty-cart-message{padding:var(--space-xl);text-align:center;color:var(--color-text-muted);font-style:italic}.cart-items{max-height:350px;overflow-y:auto}.cart-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border-light)}.item-details{display:flex;align-items:center;flex:1}.item-image{width:50px;height:50px;margin-right:var(--space-md);overflow:hidden;border-radius:var(--radius-sm)}.item-image img{width:100%;height:100%;object-fit:cover}.item-info{flex:1}.item-name{font-size:var(--font-size-sm);margin-bottom:var(--space-xs)}.item-price{font-size:var(--font-size-sm)}.item-price .original-price{font-size:var(--font-size-xs)}.item-actions{display:flex;align-items:center}.quantity-control{display:flex;align-items:center;margin-right:var(--space-sm)}.quantity-control button{background-color:var(--color-bg-surface);border:1px solid var(--color-border);width:28px;height:28px;font-size:var(--font-size-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:var(--radius-sm)}.quantity-control button:hover{background-color:var(--color-border)}.quantity-control span{padding:0 var(--space-sm);font-size:var(--font-size-sm);min-width:2em;text-align:center}.remove-button{background:none;border:none;cursor:pointer;font-size:var(--font-size-base);color:var(--color-text-muted);padding:var(--space-xs)}.remove-button:hover{color:var(--color-danger)}.cart-footer{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-border-light)}.cart-total{display:flex;justify-content:space-between;margin-bottom:var(--space-md);font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.checkout-button{width:100%;background-color:var(--color-primary);color:#fff;border:none;padding:var(--space-sm);font-size:var(--font-size-base);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-base);min-height:44px}.checkout-button:hover:not(:disabled){background-color:var(--color-primary-hover)}.checkout-button:disabled{background-color:var(--color-border);cursor:not-allowed}.checkout-cancel,.checkout-success{display:flex;flex-direction:column;align-items:center;padding:var(--space-2xl) var(--space-lg);max-width:var(--container-narrow);margin:0 auto}.cancel-content,.success-content{background-color:var(--color-bg-surface);border-radius:var(--radius-md);padding:var(--space-2xl);text-align:center;box-shadow:var(--shadow-md);width:100%}.cancel-icon,.success-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;color:#fff;font-size:var(--font-size-3xl);border-radius:var(--radius-full);margin:0 auto var(--space-xl)}.cancel-icon{background-color:var(--color-danger)}.success-icon{background-color:var(--color-success)}.return-button{background-color:var(--color-primary);color:#fff;border:none;padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-base);border-radius:var(--radius-sm);cursor:pointer;margin-top:var(--space-xl);transition:background-color var(--transition-base);min-height:44px}.return-button:hover{background-color:var(--color-primary-hover)}.continue-button{background-color:var(--color-success);color:#fff;border:none;padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-base);border-radius:var(--radius-sm);cursor:pointer;margin-top:var(--space-xl);transition:background-color var(--transition-base);min-height:44px}.continue-button:hover{background-color:var(--color-success-hover)}.blog-list{max-width:var(--container-narrow);margin:0 auto;padding:var(--space-lg)}.blog-post-item{padding:var(--space-md) 0;border-bottom:1px solid var(--color-border-light);cursor:pointer;transition:background-color var(--transition-fast)}.blog-post-item:hover{background-color:var(--color-bg-surface);margin:0 calc(-1 * var(--space-md));padding-left:var(--space-md);padding-right:var(--space-md)}.blog-post-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-xs)}.blog-post-date{font-size:var(--font-size-sm);color:var(--color-text-muted)}.blog-post-view{max-width:var(--container-text);margin:0 auto;padding:var(--space-lg)}.blog-post-view .detail-header{margin-bottom:var(--space-md)}.blog-post-view .content-display{padding:0}.content-display{max-width:var(--container-text);margin:0 auto;padding:var(--space-lg);line-height:var(--line-height-relaxed)}.video-player{max-width:100%;position:relative;margin-bottom:var(--space-lg)}.video-player video{width:100%;background-color:#000;border-radius:var(--radius-md) var(--radius-md) 0 0}.video-play-button{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:var(--radius-full);background-color:#0009;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:background-color var(--transition-base)}.video-play-button:hover{background-color:#000c}.video-duration{margin-left:var(--space-md);opacity:.7}.video-controls{display:flex;justify-content:space-between;align-items:center;background-color:#222;color:#fff;padding:var(--space-sm);font-size:var(--font-size-sm);border-radius:0 0 var(--radius-md) var(--radius-md)}.video-quality-selector{display:flex;gap:var(--space-xs)}.video-quality-selector button{padding:var(--space-xs) var(--space-sm);border:1px solid white;border-radius:var(--radius-sm);background-color:transparent;color:#fff;cursor:pointer;font-size:var(--font-size-xs)}.video-quality-selector button.selected{background-color:#fff;color:#222}.site-footer{padding:var(--space-lg);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm);border-top:1px solid var(--color-border-light);margin-top:var(--space-2xl)}
