*{box-sizing:border-box}html{overscroll-behavior:none}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background-color:#0f172a;color:#f1f5f9;min-height:100vh}.header{background-color:#1e293b;border-bottom:1px solid #334155;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.navbar{display:flex;justify-content:flex-start;align-items:center;padding:1rem 2rem;margin:0 auto;gap:2rem}.nav-brand h1{margin:0;font-size:1.5rem;font-weight:600;color:#f1f5f9;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}:root{--card-margin-mini: 4px;--card-margin-small: 6px;--card-margin-medium: 8px;--card-margin-large: 10px;--glyph-font-size-mini: 53px;--glyph-font-size-small: 76px;--glyph-font-size-medium: 108px;--glyph-font-size-large: 140px;--card-name-font-size-mini: 8px;--card-name-font-size-small: 13px;--card-name-font-size-medium: 17px;--card-name-font-size-large: 22px;--footer-font-size-mini: 6px;--footer-font-size-small: 10px;--footer-font-size-medium: 12px;--footer-font-size-large: 16px;--bg-tint-height-mini: 48px;--bg-tint-height-small: 70px;--bg-tint-height-medium: 100px;--bg-tint-height-large: 130px;--card-info-height-mini: 65px;--card-info-height-small: 91px;--card-info-height-medium: 130px;--card-info-height-large: 169px}.card-front{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.card-front-margin{flex:1;display:flex;flex-direction:column;background-color:#f8fafc;overflow:hidden}.card-mini .card-front-margin{margin:var(--card-margin-mini);border-radius:calc(var(--card-border-radius-mini) - 2px)}.card-small .card-front-margin{margin:var(--card-margin-small);border-radius:calc(var(--card-border-radius-small) - 2px)}.card-medium .card-front-margin{margin:var(--card-margin-medium);border-radius:calc(var(--card-border-radius-medium) - 2px)}.card-large .card-front-margin{margin:var(--card-margin-large);border-radius:calc(var(--card-border-radius-large) - 2px)}.card-front-content{flex:1;display:flex;flex-direction:column;position:relative}.glyph-container{flex:1;position:relative;display:flex;align-items:center;justify-content:center}.glyph{text-align:center;z-index:1;font-family:Noto Sans,Arial Unicode MS,Lucida Grande,sans-serif;font-weight:400}.card-mini .glyph{font-size:var(--glyph-font-size-mini)}.card-small .glyph{font-size:var(--glyph-font-size-small)}.card-medium .glyph{font-size:var(--glyph-font-size-medium)}.card-large .glyph{font-size:var(--glyph-font-size-large)}.bg-tint{position:absolute;bottom:0;left:0;right:0;z-index:1}.card-mini .bg-tint{height:var(--bg-tint-height-mini)}.card-small .bg-tint{height:var(--bg-tint-height-small)}.card-medium .bg-tint{height:var(--bg-tint-height-medium)}.card-large .bg-tint{height:var(--bg-tint-height-large)}.card-info{display:flex;flex-direction:column;align-items:center;justify-content:center}.card-mini .card-info{height:var(--card-info-height-mini);padding:5px}.card-small .card-info{height:var(--card-info-height-small);padding:7px}.card-medium .card-info{height:var(--card-info-height-medium);padding:10px}.card-large .card-info{height:var(--card-info-height-large);padding:13px}.card-name{font-family:Noto Sans,system-ui,-apple-system,Segoe UI,sans-serif;text-align:center}.card-mini .card-name{font-size:var(--card-name-font-size-mini)}.card-small .card-name{font-size:var(--card-name-font-size-small)}.card-medium .card-name{font-size:var(--card-name-font-size-medium)}.card-large .card-name{font-size:var(--card-name-font-size-large)}.card-footer{display:flex;justify-content:space-between;font-family:monospace}.card-mini .card-footer{padding:0 4px 3px}.card-mini .unicode-code,.card-mini .rarity-text{font-size:var(--footer-font-size-mini)}.card-small .card-footer{padding:0 6px 4px}.card-small .unicode-code,.card-small .rarity-text{font-size:var(--footer-font-size-small)}.card-medium .card-footer{padding:0 9px 6px}.card-medium .unicode-code,.card-medium .rarity-text{font-size:var(--footer-font-size-medium)}.card-large .card-footer{padding:0 12px 8px}.card-large .unicode-code,.card-large .rarity-text{font-size:var(--footer-font-size-large)}.unicode-code{font-family:monospace}.rarity-text{font-family:monospace;text-align:right}:root{--card-width-mini: 120px;--card-height-mini: 170px;--card-width-small: 175px;--card-height-small: 245px;--card-width-medium: 250px;--card-height-medium: 350px;--card-width-large: 325px;--card-height-large: 455px;--card-border-radius-mini: 6px;--card-border-radius-small: 8px;--card-border-radius-medium: 12px;--card-border-radius-large: 16px}.card{perspective:1000px;cursor:pointer;position:relative}.card-mini{width:var(--card-width-mini);height:var(--card-height-mini)}.card-small{width:var(--card-width-small);height:var(--card-height-small)}.card-medium{width:var(--card-width-medium);height:var(--card-height-medium)}.card-large{width:var(--card-width-large);height:var(--card-height-large)}.card-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;flex-direction:column;box-shadow:0 4px 8px #0003}.card-mini .card-front{border-radius:var(--card-border-radius-mini)}.card-small .card-front{border-radius:var(--card-border-radius-small)}.card-medium .card-front{border-radius:var(--card-border-radius-medium)}.card-large .card-front{border-radius:var(--card-border-radius-large)}.gallery{width:100%;padding:20px;background-color:transparent;min-height:100vh}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:20px;max-width:1400px;margin:0 auto;justify-items:center}.gallery-item{display:flex;flex-direction:column;align-items:center;gap:8px}.data-selector{margin:1.5rem auto 1rem;padding:1rem;background:#ffffff1a;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:inline-block;width:fit-content}.data-selector-buttons{display:flex;gap:1rem;flex-wrap:wrap}.data-selector-button{padding:.5rem 1.5rem;border:2px solid rgba(255,255,255,.3);border-radius:8px;background:#ffffff1a;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.data-selector-button:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}.data-selector-button.active{background:#ffffff4d;border-color:#ffffffb3;box-shadow:0 4px 12px #0003}.data-selector-button.active:hover{transform:none}.font-style-controls{display:flex;gap:.5rem;margin-top:1rem;justify-content:center}.font-style-button{width:40px;height:40px;border:2px solid rgba(255,255,255,.3);border-radius:8px;background:#ffffff1a;color:#fff;font-size:1.2rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center}.font-style-button.bold{font-weight:700}.font-style-button.italic{font-style:italic}.font-style-button.serif{font-family:"Noto Serif",serif}.font-style-button:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}.font-style-button.active{background:#ffffff4d;border-color:#ffffffb3;box-shadow:0 4px 12px #0003}.font-style-button.active:hover{transform:none}