:root{--pcf-amber:#f59e0b;--pcf-coral:#fb7185;--pcf-blue:#3b82f6;--pcf-white:#fff}.pcf-tile{text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:128px;padding:20px 24px;font-size:1rem;font-weight:600;transition:transform .2s,filter .12s,box-shadow .2s;display:flex;box-shadow:inset 1px 1px #fff3,inset -1px -1px #0000001f,0 3px 8px #00000026}.pcf-tile:focus{outline-offset:3px;outline:3px solid #0f172a99}.pcf-amber{background:var(--pcf-amber);color:var(--pcf-white)}.pcf-coral{background:var(--pcf-coral);color:var(--pcf-white)}.pcf-blue{background:var(--pcf-blue);color:var(--pcf-white)}.pcf-neutral{color:#0f172a;background:#fff7f2}.pcf-luki{color:#fff;background:#000}.pcf-tile:hover{filter:brightness(.96);transform:scale(1.05);box-shadow:inset 1px 1px #ffffff40,inset -1px -1px #0000001a,0 6px 14px #0003}.pcf-tile:active{filter:brightness(.92);transform:scale(1.02)}