.web-game .game-hero { background: linear-gradient(135deg, #0d2b1e, #127a52 55%, #f2a922); }
.wf-side { background: radial-gradient(circle at top, #1b4d3a, #0b1f17); color: #fff; text-align: center; }
.wf-side .buddy p { color: #12124a; }
.wf-browser { border-radius: 14px; overflow: hidden; background: #fff; box-shadow: 0 10px 28px rgba(0,0,0,.35); text-align: left; }
.wf-bar { display: flex; align-items: center; gap: 6px; padding: 8px 10px; background: #e7ebf0; }
.wf-bar span { width: 11px; height: 11px; border-radius: 50%; background: #ee4266; }
.wf-bar span:nth-child(2) { background: #ffd23f; }
.wf-bar span:nth-child(3) { background: #0ead69; }
.wf-bar em { flex: 1; margin-left: 8px; padding: 2px 10px; border-radius: 999px; background: #fff; color: #556; font-size: .78rem; font-style: normal; }
#wfPreview { display: block; width: 100%; height: 240px; border: 0; background: #fff; }
.wf-status { font-weight: 700; font-size: .9rem; }
.wf-editor { margin: 0; padding: 10px 0; list-style: none; border-radius: 14px; background: #1e1e2e; counter-reset: none; }
.wf-line { display: flex; width: 100%; gap: 12px; padding: 4px 14px; border: 0; border-left: 4px solid transparent; background: none; color: #cdd6f4; text-align: left; cursor: pointer; }
.wf-line:hover { background: #2a2a3d; }
.wf-line.picked { background: #3b2a12; border-left-color: #ffd23f; }
.wf-line:focus-visible { outline: 2px solid #ffd23f; outline-offset: -2px; }
.wf-num { flex: none; width: 1.6em; color: #6c7086; text-align: right; user-select: none; }
.wf-line code, .wf-fix code, .wf-card-code { color: inherit; font-family: ui-monospace, 'Cascadia Code', monospace; font-size: .92rem; white-space: pre-wrap; word-break: break-word; }
.wf-step { margin: 12px 0 6px; font-weight: 800; }
.wf-fixes { display: grid; gap: 8px; }
.wf-fix { padding: 10px 14px; border: 3px solid #d7deea; border-radius: 12px; background: #f7f9ff; color: #1e1e2e; text-align: left; cursor: pointer; transition: border-color .15s, transform .1s; }
.wf-fix:hover:not(:disabled) { border-color: #127a52; transform: translateY(-1px); }
.wf-fix.picked { border-color: #127a52; background: #e3f8ee; }
.wf-fix:disabled { opacity: .5; cursor: default; }
.wf-card-code { color: #1e1e2e; }