:root{--bg:#0a0d0b;--panel:#10140f;--panel2:#141a14;--line:#1f2a20;--cream:#ece7d9;--muted:#8a9183;--gold:#c9a24a;--emerald:#4cc38a;--red:#e0795f;--emeraldDim:#2c6b4f}:root[data-theme=light]{--bg:#f4f1e8;--panel:#fbf9f2;--panel2:#efeadd;--line:#e2ddcd;--cream:#1d2620;--muted:#6f7568;--gold:#9c7d2c;--emerald:#1f8a5b;--red:#bb4f35;--emeraldDim:#4a9b76}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);margin:0}*{transition:background-color .15s,border-color .15s,color .15s}.tile{text-align:left;border:1px solid var(--line);background:var(--panel);color:var(--cream);font:inherit;cursor:pointer;border-radius:16px;flex-direction:column;gap:12px;padding:22px;transition:transform .16s,border-color .16s,box-shadow .16s,background-color .16s;display:flex;position:relative;overflow:hidden}.tile:after{content:"";background:radial-gradient(420px 160px at 100% 0%, var(--tile-accent,transparent), transparent 70%);opacity:0;pointer-events:none;transition:opacity .18s;position:absolute;inset:0}.tile:hover,.tile:focus-visible{border-color:var(--tile-border,var(--line));outline:none;transform:translateY(-2px);box-shadow:0 10px 30px -18px #000000a6}.tile:hover:after,.tile:focus-visible:after{opacity:.16}.tile:hover .tile-go{opacity:1;transform:translate(3px)}.tile-go{opacity:.75;transition:transform .16s,opacity .16s}@media (prefers-reduced-motion:reduce){.tile,.tile-go,.tile:after{transition:none}.tile:hover{transform:none}}