:root{--color-bg:#fdfaf7;--color-surface:#ffffff;--color-text:#181320;--color-text-muted:#6a6475;--color-primary:#2956ff;--color-primary-soft:#e0e6ff;--color-accent-purple:#7d3cff;--color-accent-coral:#ff5b5b;--color-accent-lime:#72dd4b;--color-accent-yellow:#ffd74a;--color-accent-orange:#ff8a3c;--color-success:#1a9f5a;--color-warning:#f0a500;--color-danger:#e34747;--gray-50:#f7f4fb;--gray-100:#ebe6f2;--gray-200:#d5cfdf;--gray-300:#b3abbf;--gray-400:#948ca1;--gray-500:#756e83;--gray-600:#5a5466;--gray-700:#433e4f;--gray-800:#2e2938;--gray-900:#1d1725;--font-sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","system-ui","Segoe UI",sans-serif;--font-display:"Space Grotesk","Manrope","Inter",system-ui,sans-serif;--font-mono:"JetBrains Mono","SF Mono",ui-monospace,monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-md:1.0625rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:1.875rem;--font-size-3xl:2.25rem;--font-size-4xl:3rem;--font-size-5xl:3.75rem;--line-height-tight:1.1;--line-height-snug:1.25;--line-height-normal:1.5;--line-height-relaxed:1.7;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--space-40:10rem;--space-48:12rem;--space-56:14rem;--space-64:16rem;--space-72:18rem;--space-80:20rem;--space-96:24rem;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:18px;--radius-xl:26px;--radius-pill:999px;--shadow-xs:0 1px 2px rgba(12,10,32,0.08);--shadow-sm:0 6px 18px rgba(16,12,60,0.08);--shadow-md:0 12px 30px rgba(13,7,38,0.14);--shadow-lg:0 22px 60px rgba(10,6,30,0.18);--shadow-soft-colorful:0 18px 40px rgba(41,86,255,0.18);--transition-fast:120ms ease-out;--transition-base:180ms ease-out;--transition-slow:260ms ease-out;--max-width-page:1120px;--nav-height:64px}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html,body{height:100%}html{scroll-behavior:smooth;text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);background:radial-gradient(circle at 0 0,rgba(125,60,255,0.08),transparent 55%),radial-gradient(circle at 100% 0,rgba(255,139,60,0.08),transparent 55%),var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:inherit;color:inherit;border-radius:0}a{color:inherit;text-decoration:none}p {margin-bottom:var(--space-4);max-width:70ch}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;letter-spacing:-0.03em;color:var(--color-text);margin-bottom:var(--space-3)}h1{font-size:clamp(2.6rem,5vw,3.4rem);line-height:var(--line-height-tight)}h2{font-size:clamp(1.9rem,3.4vw,2.3rem);line-height:var(--line-height-snug)}h3{font-size:clamp(1.4rem,2.4vw,1.7rem);line-height:var(--line-height-snug)}h4{font-size:1.2rem}h5{font-size:1.05rem}h6{font-size:0.95rem;text-transform:uppercase;letter-spacing:0.12em}ul{list-style:none !important}ol{padding-left:1.2rem;margin-bottom:var(--space-3)}a:hover,a:focus{text-decoration:none}body{overflow-x:hidden}img{border-radius:inherit;object-fit:cover}table{border-collapse:collapse;border-spacing:0}button{background:none;border:none;cursor:pointer}button:disabled{cursor:not-allowed}pre,code,kbd,samp {font-family:var(--font-mono)}::selection{background:rgba(41,86,255,0.16)}.container{width:100%;max-width:var(--max-width-page);margin:0 auto;padding:0 var(--space-4)}@media (min-width:900px){.container{padding:0 var(--space-6)}}.stack-xs>*+*{margin-top:var(--space-1)}.stack-sm>*+*{margin-top:var(--space-2)}.stack-md>*+*{margin-top:var(--space-4)}.stack-lg>*+*{margin-top:var(--space-6)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-col{flex-direction:column}.flex-wrap {flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--space-1)}.gap-sm{gap:var(--space-2)}.gap-md{gap:var(--space-4)}.gap-lg{gap:var(--space-6)}.grid{display:grid}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}@media (max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.badge-label{font-family:var(--font-sans);font-size:var(--font-size-xs);letter-spacing:0.16em;text-transform:uppercase;color:var(--color-text-muted)}.micro-label{font-family:var(--font-mono);font-size:0.7rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--gray-500)}.tag-pill{display:inline-flex;align-items:center;gap:0.45rem;padding:0.15rem 0.7rem;border-radius:999px;border:1px solid rgba(24,19,32,0.08);background:rgba(255,255,255,0.8);backdrop-filter:blur(10px);font-size:var(--font-size-xs);color:var(--gray-700)}.nav{position:sticky;top:0;z-index:40;background:rgba(253,250,247,0.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(211,205,225,0.7)}.nav-inner{height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.nav-brand{display:flex;align-items:center;gap:0.45rem;font-family:var(--font-display);font-weight:600;font-size:1.05rem;letter-spacing:-0.04em}.nav-mark{width:24px;height:24px;border-radius:30% 70% 60% 40%;background:conic-gradient(from 160deg at 30% 20%,var(--color-accent-yellow),var(--color-primary),var(--color-accent-purple),var(--color-accent-coral),var(--color-accent-lime));box-shadow:0 6px 14px rgba(24,19,32,0.22)}.nav-links{display:flex;align-items:center;gap:var(--space-4);font-size:var(--font-size-sm)}.nav-link{position:relative;padding-block:0.15rem}.nav-link::after{content:"";position:absolute;left:0;bottom:-0.25rem;width:0;height:1px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent-purple));transition:width var(--transition-base)}.nav-link:hover::after,.nav-link:focus-visible::after{width:100%}.nav-cta{margin-left:var(--space-2)}.nav-toggle{display:none;flex-direction:column;gap:4px;width:32px}.nav-toggle span{height:2px;width:100%;border-radius:999px;background:var(--color-text)}@media (max-width:800px){.nav-links{position:fixed;inset-inline:0;top:var(--nav-height);padding:var(--space-4);background:rgba(253,250,247,0.98);backdrop-filter:blur(20px);border-bottom:1px solid rgba(211,205,225,0.7);flex-direction:column;align-items:flex-start;gap:var(--space-3);transform:translateY(-120%);opacity:0;pointer-events:none;transition:transform var(--transition-base),opacity var(--transition-base)}.nav-links.is-open{transform:translateY(0);opacity:1;pointer-events:auto}.nav-toggle{display:flex}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.45rem;padding:0.65rem 1.4rem;border-radius:var(--radius-pill);border:1px solid transparent;font-family:var(--font-sans);font-weight:600;font-size:var(--font-size-sm);letter-spacing:0.06em;text-transform:uppercase;line-height:1;background-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-soft-colorful);transition:background-color var(--transition-base),color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-fast),border-color var(--transition-base)}.btn:hover{background-color:#1f45d6;transform:translateY(-1px);box-shadow:0 20px 40px rgba(41,86,255,0.35)}.btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn:disabled,.btn[aria-disabled="true"]{opacity:0.55;box-shadow:none;transform:none}.btn-outline{background:rgba(255,255,255,0.75);border-color:rgba(28,26,61,0.18);color:var(--color-text);box-shadow:var(--shadow-xs)}.btn-outline:hover{background:#ffffff;border-color:rgba(28,26,61,0.3);box-shadow:var(--shadow-sm)}.btn-ghost{background:transparent;border-color:transparent;color:var(--color-text-muted);box-shadow:none;padding-inline:0.4rem}.btn-ghost:hover{color:var(--color-text)}.btn-primary-google{background:linear-gradient(135deg,var(--color-accent-coral),var(--color-primary));box-shadow:0 16px 40px rgba(255,91,91,0.45);border:none}.btn-primary-google:hover{background:linear-gradient(135deg,#ff4949,#1736c9)}.chip {display:inline-flex;align-items:center;padding:0.18rem 0.6rem;border-radius:999px;font-size:var(--font-size-xs);background:rgba(255,255,255,0.8);border:1px solid rgba(24,19,32,0.08)}.input{width:100%;padding:0.7rem 0.8rem;border-radius:var(--radius-md);border:1px solid rgba(24,19,32,0.12);background:rgba(255,255,255,0.9);font-size:var(--font-size-sm);transition:border-color var(--transition-base),box-shadow var(--transition-base),background-color var(--transition-base)}.input::placeholder{color:var(--gray-400)}.input:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 1px rgba(41,86,255,0.3)}textarea.input{min-height:120px;resize:vertical}.field{display:flex;flex-direction:column;gap:0.3rem;margin-bottom:var(--space-4);font-size:var(--font-size-sm)}.field-label{font-weight:500}.field-help {font-size:var(--font-size-xs);color:var(--gray-500)}.card{position:relative;border-radius:var(--radius-lg);background:radial-gradient(circle at 0 0,rgba(255,215,74,0.18),transparent 55%),radial-gradient(circle at 100% 0,rgba(114,221,75,0.18),transparent 50%),var(--color-surface);box-shadow:var(--shadow-md);padding:var(--space-4);overflow:hidden}.card-soft{border-radius:var(--radius-md);background:rgba(255,255,255,0.9);box-shadow:var(--shadow-sm);padding:var(--space-3)}.card-outline{border-radius:var(--radius-md);background:rgba(255,255,255,0.8);border:1px solid rgba(33,28,78,0.14);padding:var(--space-3)}.card-hero-tilt::before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 0 0,rgba(41,86,255,0.25),transparent 55%),radial-gradient(circle at 100% 100%,rgba(255,91,91,0.16),transparent 55%);opacity:0.75;mix-blend-mode:multiply;pointer-events:none}.card-hero-tilt>*{position:relative}.hero{padding-block:var(--space-8) var(--space-10)}.hero-layout{display:grid;grid-template-columns:minmax(0,1.65fr)minmax(0,1.15fr);gap:var(--space-6);align-items:flex-start}@media (max-width:960px){.hero-layout{grid-template-columns:1fr;gap:var(--space-6)}}.hero-title-block{position:relative;padding-top:var(--space-4)}.hero-kicker{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);font-size:var(--font-size-xs);letter-spacing:0.16em;text-transform:uppercase;color:var(--gray-600)}.hero-headline{position:relative;z-index:2;font-size:clamp(2.6rem,6vw,3.8rem);line-height:0.95}.hero-label-giant{position:absolute;z-index:1;top:-18%;right:-6%;font-family:var(--font-display);font-weight:700;font-size:clamp(4.2rem,14vw,7.4rem);letter-spacing:0.06em;color:rgba(125,60,255,0.07);text-transform:uppercase;pointer-events:none}.hero-sub{margin-top:var(--space-3);color:var(--color-text-muted);max-width:34rem}.hero-meta-row{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:0.16em;color:var(--gray-500)}.hero-meta-pill{display:flex;align-items:center;gap:0.45rem}.hero-meta-dot{width:6px;height:6px;border-radius:999px;background:var(--color-accent-coral)}.hero-cta-row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;margin-top:var(--space-5)}.hero-cta-note{font-size:var(--font-size-xs);color:var(--gray-600);max-width:18rem}.hero-cta-orb{width:42px;height:42px;border-radius:999px;background:radial-gradient(circle at 30% 20%,var(--color-accent-yellow),var(--color-accent-orange));display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px rgba(172,92,0,0.38)}.hero-cta-orb span{font-family:var(--font-mono);font-size:0.8rem;font-weight:600;color:#361b00}.hero-side{display:flex;flex-direction:column;gap:var(--space-4)}.hero-game-card{border-radius:24px;background:radial-gradient(circle at 12% 0,rgba(114,221,75,0.32),transparent 55%),radial-gradient(circle at 100% 40%,rgba(125,60,255,0.27),transparent 60%),#111021;box-shadow:0 20px 50px rgba(7,2,24,0.85);padding:var(--space-4);color:#fdf7ff;position:relative;overflow:hidden}.hero-game-card::before{content:"DICE";position:absolute;bottom:-8%;right:-4%;font-family:var(--font-display);font-weight:700;font-size:4.1rem;letter-spacing:0.2em;color:rgba(255,255,255,0.03)}.hero-game-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.hero-game-title{font-size:1rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase}.hero-game-stat{font-size:0.78rem;text-transform:uppercase;letter-spacing:0.18em;color:rgba(245,239,255,0.7);display:flex;align-items:center;gap:0.5rem}.hero-game-stat-dot{width:7px;height:7px;border-radius:999px;background:var(--color-accent-yellow)}.hero-game-thumb{border-radius:18px;overflow:hidden;aspect-ratio:16/10;background:#1a1430;position:relative}.hero-game-thumb img{width:100%;height:100%;object-fit:cover}.hero-game-meta{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-3);font-size:0.78rem;color:rgba(246,241,255,0.84)}.hero-game-tags{display:flex;flex-wrap:wrap;gap:0.3rem}.hero-game-tag{padding:0.1rem 0.6rem;border-radius:999px;border:1px solid rgba(248,245,255,0.4);background:rgba(7,3,28,0.5)}.hero-main-visual{border-radius:var(--radius-xl);overflow:hidden;position:relative;background:radial-gradient(circle at 0 0,rgba(255,215,74,0.3),transparent 55%),radial-gradient(circle at 100% 100%,rgba(125,60,255,0.26),transparent 55%),#101320;box-shadow:0 24px 60px rgba(10,6,32,0.9);aspect-ratio:7/4}.hero-main-visual img{width:100%;height:100%;object-fit:cover}.hero-main-strip {position:absolute;inset-inline:7%;bottom:10%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:0.65rem 0.9rem;border-radius:999px;background:rgba(10,5,32,0.75);backdrop-filter:blur(18px);border:1px solid rgba(247,243,255,0.16);font-size:0.78rem;color:rgba(245,239,255,0.94)}.hero-main-strip-left{display:flex;align-items:center;gap:0.7rem}.hero-main-strip-dice{display:flex;align-items:center;gap:0.25rem}.hero-die{width:18px;height:18px;border-radius:7px;background:var(--color-accent-yellow);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px rgba(0,0,0,0.35)}.hero-die:nth-child(2){background:var(--color-accent-coral)}.hero-die:nth-child(3){background:var(--color-accent-purple)}.hero-die span{width:5px;height:5px;border-radius:999px;background:#111}.hero-main-strip-right{display:flex;align-items:center;gap:0.4rem}.section{padding-block:var(--space-10)}.section-header{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-5)}.section-title-block{max-width:30rem}.section-eyebrow{font-size:var(--font-size-xs);letter-spacing:0.18em;text-transform:uppercase;color:var(--gray-500)}.section-kicker-line{width:64px;height:1px;background:linear-gradient(90deg,var(--color-accent-yellow),var(--color-accent-coral))}.section-note{font-size:var(--font-size-sm);color:var(--color-text-muted);max-width:26rem}.dice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}@media (max-width:1024px){.dice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:768px){.dice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.dice-card{position:relative;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border-radius:20px;background:radial-gradient(circle at 0 0,rgba(255,215,74,0.18),transparent 55%),radial-gradient(circle at 100% 0,rgba(41,86,255,0.22),transparent 55%),rgba(255,255,255,0.98);border:1px solid rgba(31,24,70,0.08);box-shadow:0 12px 30px rgba(25,17,63,0.1)}.dice-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2)}.dice-icon{width:32px;height:32px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#101;box-shadow:0 8px 16px rgba(25,17,63,0.28)}.dice-icon-yellow{background:var(--color-accent-yellow)}.dice-icon-coral{background:var(--color-accent-coral)}.dice-icon-purple{background:var(--color-accent-purple);color:#fff}.dice-icon-lime{background:var(--color-accent-lime)}.dice-title{font-family:var(--font-display);font-size:0.95rem;letter-spacing:-0.03em}.dice-meta{font-size:0.7rem;text-transform:uppercase;letter-spacing:0.18em;color:var(--gray-500)}.dice-body{font-size:var(--font-size-xs);color:var(--color-text-muted)}.dice-tag-row{display:flex;flex-wrap:wrap;gap:0.3rem;margin-top:auto}.dice-tag{font-size:0.7rem;padding:0.1rem 0.5rem;border-radius:999px;border:1px solid rgba(24,19,32,0.09);background:rgba(255,255,255,0.9)}.deck-layout{display:grid;grid-template-columns:2fr 1.2fr;gap:var(--space-6);align-items:flex-start}@media (max-width:1024px){.deck-layout{grid-template-columns:1fr}}.deck-main{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}@media (max-width:720px){.deck-main{grid-template-columns:1fr}}.deck-panel{border-radius:var(--radius-xl);padding:var(--space-4);background:radial-gradient(circle at 0 0,rgba(255,215,74,0.22),transparent 55%),radial-gradient(circle at 100% 0,rgba(125,60,255,0.24),transparent 55%),#ffffff;box-shadow:var(--shadow-md);border:1px solid rgba(32,21,74,0.12)}.deck-side{border-radius:24px;padding:var(--space-4);background:radial-gradient(circle at 100% 0,rgba(255,139,60,0.24),transparent 55%),radial-gradient(circle at 0 100%,rgba(114,221,75,0.24),transparent 55%),#0f1020;color:#fdf7ff;box-shadow:0 22px 60px rgba(9,4,26,0.86)}.deck-label{font-size:0.7rem;text-transform:uppercase;letter-spacing:0.16em;color:rgba(248,244,255,0.7);margin-bottom:var(--space-2)}.deck-title{font-family:var(--font-display);font-size:1.35rem;letter-spacing:-0.04em;margin-bottom:var(--space-3)}.deck-dice-row{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:var(--space-2)}.deck-die{flex:0 0 auto;width:40px;height:40px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#ffeef3;box-shadow:0 10px 24px rgba(75,30,67,0.45)}.deck-die:nth-child(2n){background:#ecf2ff}.deck-die:nth-child(3n){background:#f3ffe6}.deck-die-dot{width:7px;height:7px;border-radius:999px;background:#1b1228}.deck-meta-strip {margin-top:var(--space-3);display:flex;justify-content:space-between;gap:var(--space-2);font-size:0.78rem;color:rgba(246,241,255,0.84)}.strip-flow{position:relative;border-radius:var(--radius-xl);padding:var(--space-4);background:linear-gradient(135deg,rgba(41,86,255,0.08),rgba(255,215,74,0.2));border:1px solid rgba(41,86,255,0.14);overflow:hidden}.strip-flow::before{content:"";position:absolute;inset:24% 0 24% 0;background-image:repeating-linear-gradient(90deg,rgba(24,19,32,0.06),rgba(24,19,32,0.06) 1px,transparent 1px,transparent 16px);opacity:0.7;pointer-events:none}.strip-flow-inner{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;gap:var(--space-4)}.strip-step {flex:1 1 160px;min-width:0;padding:var(--space-3);border-radius:16px;background:rgba(255,255,255,0.96);box-shadow:0 10px 26px rgba(18,12,58,0.14)}.strip-step-label{font-size:0.7rem;text-transform:uppercase;letter-spacing:0.2em;color:var(--gray-500);margin-bottom:0.3rem}.strip-step-title{font-weight:600;margin-bottom:0.3rem}.strip-step-body{font-size:var(--font-size-xs);color:var(--color-text-muted)}.strip-connector{position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,rgba(24,19,32,0.14),rgba(24,19,32,0));transform:translateY(-50%);pointer-events:none}@media (max-width:768px){.strip-connector{display:none}}.image-ratio{position:relative;width:100%;overflow:hidden;border-radius:var(--radius-lg);background:#161424}.image-ratio::before{content:"";display:block;width:100%;padding-bottom:62.5%}.image-ratio--wide::before{padding-bottom:48%}.image-ratio--square::before{padding-bottom:100%}.image-ratio>img,.image-ratio>picture,.image-ratio>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.board-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}@media (max-width:1100px){.board-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:768px){.board-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.board-gallery{grid-template-columns:1fr}}.board-tile{position:relative;border-radius:18px;overflow:hidden;background:#0e101f;box-shadow:0 14px 32px rgba(13,7,38,0.7)}.board-tile-meta{position:absolute;inset-inline:0;bottom:0;padding:0.55rem 0.7rem;display:flex;align-items:center;justify-content:space-between;gap:0.5rem;font-size:0.7rem;color:rgba(246,241,255,0.9);background:linear-gradient(to top,rgba(6,4,18,0.92),transparent)}.label-gridline{position:relative;padding-left:52px}.label-gridline::before{content:"";position:absolute;left:0;top:0.7rem;width:40px;height:1px;background:linear-gradient(90deg,var(--color-accent-yellow),var(--color-primary))}.label-gridline-small{position:relative;padding-left:32px}.label-gridline-small::before{content:"";position:absolute;left:0;top:0.7rem;width:24px;height:1px;background:linear-gradient(90deg,var(--color-accent-purple),var(--color-accent-coral))}.token-row{display:flex;flex-wrap:wrap;gap:0.35rem}.token{flex:0 0 auto;width:18px;height:18px;border-radius:6px;background:var(--color-accent-yellow);box-shadow:0 4px 10px rgba(184,135,4,0.5)}.token-blue{background:var(--color-primary);box-shadow:0 4px 10px rgba(41,86,255,0.6)}.token-purple{background:var(--color-accent-purple);box-shadow:0 4px 10px rgba(125,60,255,0.6)}.token-coral{background:var(--color-accent-coral);box-shadow:0 4px 10px rgba(255,91,91,0.6)}.token-lime{background:var(--color-accent-lime);box-shadow:0 4px 10px rgba(114,221,75,0.6)}.tips-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}@media (max-width:920px){.tips-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.tips-grid{grid-template-columns:1fr}}.tip-card{border-radius:20px;padding:var(--space-3);background:rgba(255,255,255,0.96);box-shadow:0 10px 26px rgba(20,13,55,0.12);border:1px solid rgba(32,21,74,0.08)}.tip-index{font-family:var(--font-mono);font-size:0.78rem;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;color:var(--gray-500);margin-bottom:0.35rem}.tip-title{font-weight:600;margin-bottom:0.25rem}.tip-body{font-size:var(--font-size-sm);color:var(--color-text-muted)}.site-footer{border-top:1px solid rgba(205,199,219,0.8);padding-block:var(--space-6);margin-top:var(--space-8);font-size:var(--font-size-sm);color:var(--gray-600)}.footer-inner{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;align-items:flex-start}.footer-columns{display:flex;flex-wrap:wrap;gap:var(--space-6)}.footer-links{display:flex;flex-direction:column;gap:0.25rem}.footer-links a{color:var(--gray-600)}.footer-links a:hover{color:var(--color-text)}.footer-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-3);font-size:var(--font-size-xs);color:var(--gray-500)}.no-overflow{max-width:100%;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.button-wrap {display:inline-flex;max-width:100%}.button-wrap .btn{white-space:nowrap}.focus-visible-only:focus{outline:none}.focus-visible-only:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto !important;animation-duration:0.001ms !important;animation-iteration-count:1 !important;transition-duration:0.001ms !important}}