:root{color-scheme:dark;--bg:#0b0e0c;--fg:#e8eee9;--accent:#c8a96a;--tile-bg:#f4ead4;--tile-bg-shade:#e6d9b6;--tile-red:#b62029;--tile-green:#1a6c3c}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,segoe ui,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.home{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:4rem;background:radial-gradient(ellipse at 50% 0%,rgba(40,60,50,.2),transparent 60%),radial-gradient(ellipse at 50% 100%,rgba(200,169,106,4%),transparent 60%)}.home-hero{text-align:center}.home-mark{display:block;font-family:songti sc,hiragino mincho pron,pingfang sc,serif;font-size:.85rem;letter-spacing:1.1em;color:var(--accent);opacity:.6;margin-bottom:1.25rem;padding-left:.55em}.home h1{font-family:iowan old style,hoefler text,palatino linotype,Palatino,Georgia,serif;font-size:clamp(3rem,8vw,5rem);font-weight:400;letter-spacing:-.02em;margin:0;line-height:1}.tagline{margin:1.25rem 0 0;font-size:.95rem;letter-spacing:.04em;opacity:.55}.games-stage{position:relative;display:flex;align-items:center;justify-content:center}.games{display:flex;gap:2.5rem;list-style:none;padding:0;margin:0;flex-wrap:wrap;justify-content:center;align-items:center;perspective:1200px}.game-slot{position:relative;display:flex;align-items:center;justify-content:center}.game-slot:nth-child(odd)>.game-tile{transform:rotate(-3deg)}.game-slot:nth-child(even)>.game-tile{transform:rotate(3deg)}.game-tile{position:relative;display:flex;flex-direction:column;width:200px;height:280px;padding:0;border:0;border-radius:18px;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.4),transparent 55%),linear-gradient(180deg,var(--tile-bg) 0%,var(--tile-bg-shade) 100%);color:#1a1a1a;text-decoration:none;cursor:pointer;box-shadow:0 1px rgba(255,255,255,.55)inset,0 -8px 20px rgba(0,0,0,.18)inset,0 0 0 1px rgba(0,0,0,.1),0 22px 40px rgba(0,0,0,.55);transition:transform .45s cubic-bezier(.2,.85,.3,1.3),box-shadow .4s ease;font-family:iowan old style,hoefler text,Georgia,serif;overflow:hidden}.game-tile:hover{transform:rotate(0)translateY(-12px)translateZ(40px)scale(1.03);text-decoration:none;box-shadow:0 1px rgba(255,255,255,.65)inset,0 -8px 20px rgba(0,0,0,.22)inset,0 0 0 1px rgba(0,0,0,.12),0 38px 64px rgba(0,0,0,.65)}.game-slot--soon .game-tile{cursor:not-allowed;filter:saturate(.55)brightness(.92)}.game-slot--soon .game-tile:hover{transform:rotate(0)translateY(-4px)scale(1)}.game-tile__face{flex:1;margin:14px 14px 0;border-radius:10px;background:linear-gradient(180deg,#fdfaf0 0%,#f0e8d2 100%);box-shadow:inset 0 1px rgba(255,255,255,.7),inset 0 -2px 6px rgba(0,0,0,6%),inset 0 0 0 1px rgba(0,0,0,8%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15em;padding:.4rem 0}.game-tile__glyph{font-family:songti sc,hiragino mincho pron,pingfang sc,stsong,serif;font-weight:900;line-height:1}.game-tile__glyph--top{font-size:4rem;color:var(--tile-red)}.game-tile__glyph--bottom{font-size:2.4rem;color:var(--tile-green)}.game-tile__name{display:block;font-size:1.1rem;letter-spacing:.02em;text-align:center;padding:.55rem 0 .15rem;font-weight:500;color:rgba(20,18,14,.85)}.game-tile__hint{display:flex;flex-direction:column;align-items:center;gap:.12rem;padding-bottom:.85rem;font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;text-align:center;color:rgba(20,18,14,.55)}.game-tile--domino{height:280px;width:160px;border-radius:14px;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.4),transparent 55%),linear-gradient(180deg,#f8f4ea 0%,#e7dec7 100%)}.game-tile--domino .game-tile__face--domino{margin:14px 12px 0;flex-direction:column;padding:.5rem;background:linear-gradient(180deg,#fdf6e2 0%,#f1e6c4 100%);border-radius:8px;box-shadow:inset 0 1px rgba(255,255,255,.5),inset 0 -2px 4px rgba(80,55,15,.12),inset 0 0 0 1px rgba(80,55,15,.1);position:relative;align-items:stretch;gap:.5rem}.game-tile__divider{height:2px;margin:0 8%;background:rgba(40,30,12,.45);box-shadow:0 1px rgba(255,248,220,.55)}.game-tile__pips{flex:1;display:grid;padding:.5rem}.game-tile__pips--top{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.game-tile__pips--bottom{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(1,1fr);align-items:center;justify-items:center}.game-tile__pips--five{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);align-items:center;justify-items:center}.game-tile__pips--five i:nth-child(3){grid-column:span 2}.game-tile__pips--three{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(1,1fr);align-items:center;justify-items:center}.game-tile__pips i{display:block;width:14px;height:14px;margin:auto;border-radius:50%;background:radial-gradient(circle at 35% 30%,#4a4a4a 0%,#1a1a1a 50%,#050505 100%);box-shadow:0 1px rgba(255,248,220,.4),inset 0 -1px 1px rgba(0,0,0,.4)}.game-tile--domino .game-tile__name{color:rgba(20,18,14,.85)}.home-foot{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;opacity:.3;display:inline-flex;gap:.6em;align-items:baseline;transition:opacity .25s ease}.home-foot:hover{opacity:.65}.home-foot-sep{opacity:.5}.home-foot-link{color:inherit;text-decoration:none}.home-foot-link:hover{text-decoration:underline}.game{position:fixed;inset:0;display:block}#stage{display:block;width:100%;height:100%;touch-action:none}.hud{position:absolute;inset:0 0 auto 0;padding:1rem 1.25rem;display:flex;align-items:center;gap:1rem;pointer-events:none}.hud>*{pointer-events:auto}.hud h1{margin:0;font-size:1rem;font-weight:500;opacity:.85;flex:1}.hud .back{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border-radius:6px}.hud .back:hover{background:rgba(255,255,255,8%)}.hud button{background:rgba(255,255,255,5%);color:var(--fg);border:1px solid rgba(255,255,255,.12);padding:0;width:2rem;height:2rem;border-radius:6px;font:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease,border-color .15s ease,opacity .15s ease}.hud button:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22)}.hud button:disabled{opacity:.3;cursor:not-allowed}.hud button:disabled:hover{background:rgba(255,255,255,5%);border-color:rgba(255,255,255,.12)}.icon{width:1.05rem;height:1.05rem;display:block}.hud .stats{display:flex;gap:1.25rem;font-variant-numeric:tabular-nums;font-size:.85rem;opacity:.75;letter-spacing:.02em}.hud #status{color:var(--accent);opacity:0;transition:opacity .4s ease}.hud #status.show{opacity:1}.win-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,rgba(11,14,12,.4),rgba(11,14,12,.85));backdrop-filter:blur(14px)saturate(120%);-webkit-backdrop-filter:blur(14px)saturate(120%);z-index:100;animation:win-fade .5s ease both}.win-overlay[hidden]{display:none}.win-card{position:relative;background:linear-gradient(180deg,rgba(28,32,30,.95),rgba(18,22,20,.95));border:1px solid rgba(200,169,106,.25);border-radius:14px;padding:2.5rem 3rem 2rem;text-align:center;min-width:320px;box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,4%)inset;animation:win-pop .6s cubic-bezier(.2,.85,.35,1.25)both}.win-eyebrow{font-size:.7rem;letter-spacing:.25em;text-transform:uppercase;opacity:.5;margin-bottom:.5rem}.win-overlay--lose .win-card h2{color:#c97a5a}.win-overlay--lose .win-eyebrow{color:#c97a5a;opacity:.7}.win-card h2{margin:0 0 1.75rem;font-size:2.5rem;font-weight:300;letter-spacing:-.01em;color:var(--accent);line-height:1}.win-stats{display:flex;justify-content:center;gap:2.5rem;margin-bottom:2rem;font-variant-numeric:tabular-nums}.win-stats>div{display:flex;flex-direction:column;gap:.15rem}.win-stats span{font-size:1.5rem;font-weight:400}.win-stats small{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;opacity:.55}#win-replay{background:var(--accent);color:#14181a;border:none;padding:.7rem 1.8rem;font:inherit;font-size:.95rem;font-weight:500;border-radius:8px;cursor:pointer;letter-spacing:.04em;display:inline-flex;align-items:center;gap:.5rem;transition:filter .15s ease,transform .15s ease}#win-replay .icon{width:1rem;height:1rem}#win-replay:hover{filter:brightness(1.08);transform:translateY(-1px)}#win-replay:active{transform:translateY(0)}@keyframes win-fade{from{opacity:0}to{opacity:1}}@keyframes win-pop{0%{opacity:0;transform:scale(.88)translateY(8px)}100%{opacity:1;transform:scale(1)translateY(0)}}@media(max-width:720px){.hud{padding:.6rem .8rem;gap:.4rem}.hud h1{font-size:.85rem}.hud .stats{gap:.7rem;font-size:.75rem}.hud #status{display:none}.hud .back,.hud button{width:1.85rem;height:1.85rem}.icon{width:.95rem;height:.95rem}}@media(max-width:480px){.hud h1{display:none}.hud .stats{gap:.5rem;font-size:.7rem}.home{padding:2.5rem 1.25rem;gap:2.5rem}.home-mark{letter-spacing:.7em}.games{gap:1.5rem}.game-tile{width:160px;height:220px}.game-tile__glyph--top{font-size:3.2rem}.game-tile__glyph--bottom{font-size:2rem}.game-tile--domino{width:130px;height:220px}.win-card{padding:1.75rem 1.5rem 1.25rem;min-width:0;width:calc(100% - 2rem);max-width:320px}.win-card h2{font-size:2rem;margin-bottom:1.25rem}.win-stats{gap:1.5rem;margin-bottom:1.5rem}.win-stats span{font-size:1.25rem}}