:root{--bg: #0e1412;--panel: #151d19;--panel-2: #1a2420;--felt-1: #20312a;--felt-2: #131d18;--wood-1: #3d3125;--wood-2: #261d15;--ivory: #efe6d0;--ivory-dim: #b9b0a0;--gold: #c9a86a;--gold-soft: rgba(201, 168, 106, .45);--verm: #c2543a;--text: #e6ded0;--muted: #97a099;--shadow: 0 10px 30px rgba(0, 0, 0, .55)}*{box-sizing:border-box}html,body{height:100%;margin:0;touch-action:manipulation}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,#version-badge,.card .version-line,#settings .card,#history-bar .replay-pos{-webkit-user-select:text;user-select:text}#app{height:100dvh;display:flex;flex-direction:column}#topbar{display:flex;align-items:center;gap:16px;padding:8px 16px;padding-top:calc(8px + env(safe-area-inset-top,0px));padding-left:calc(16px + env(safe-area-inset-left,0px));padding-right:calc(16px + env(safe-area-inset-right,0px));background:linear-gradient(180deg,#1b2520,#141c18);border-bottom:1px solid rgba(201,168,106,.18);min-height:52px;z-index:5}.brand{display:flex;align-items:baseline;gap:10px;white-space:nowrap}.brand-name{font-family:Georgia,Times New Roman,serif;font-size:22px;letter-spacing:.12em;color:var(--ivory)}.brand-name:first-letter{color:var(--gold)}.logo{display:inline-block;vertical-align:middle;flex:0 0 auto}.brand-logo{align-self:center}h1.title-with-logo{display:flex;align-items:center;gap:12px}.ask-logo{display:block;margin:0 auto 10px}.round-chip{font-size:12px;color:var(--muted);letter-spacing:.06em}.status{flex:1;min-width:0;text-align:center}.status-event{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-prompt{font-size:14px;color:var(--ivory);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.status-prompt b{color:var(--gold);font-weight:600}.topbar-right{display:flex;align-items:center;gap:8px;white-space:nowrap}.icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;background:var(--panel-2);color:var(--ivory-dim);border:1px solid rgba(201,168,106,.25);border-radius:8px;width:34px;height:34px;font-size:17px;line-height:1;cursor:pointer;transition:all .15s ease}.icon-btn:hover{color:var(--gold);border-color:var(--gold)}.icon-btn svg{display:block;margin:auto;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.btn-ico{width:1.15em;height:1.15em;margin-right:.45em;vertical-align:-.2em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.lang-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--panel-2);color:var(--ivory-dim);border:1px solid rgba(201,168,106,.25);border-radius:8px;height:34px;padding:0 8px;font-size:16px;cursor:pointer}.lang-select:hover{color:var(--gold);border-color:var(--gold)}.opp-select{border-color:var(--gold);background:linear-gradient(180deg,#c9a86a38,#c9a86a1a);color:var(--ivory);transition:all .15s ease}.opp-select:hover{color:var(--ivory);background:linear-gradient(180deg,#c9a86a57,#c9a86a29);box-shadow:0 0 14px #c9a86a40}.lang-corner{position:absolute;top:18px;right:18px}.icon-btn.active{color:var(--gold);border-color:var(--gold);background:#c9a86a1f}.hand{display:flex;align-items:center;justify-content:center;gap:18px;padding:8px 16px;background:linear-gradient(180deg,#16201b,#121a16);min-height:96px;border-top:1px solid rgba(0,0,0,.35);border-bottom:1px solid rgba(0,0,0,.35);transition:box-shadow .3s ease,background .3s ease;z-index:4}#hand-bottom{padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}.hand.active{background:linear-gradient(180deg,#223429,#192720);box-shadow:inset 0 0 0 1px #c9a86a99,inset 0 0 48px #c9a86a29}.hand-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:130px}.hand-name{font-family:Georgia,serif;font-size:16px;color:var(--ivory-dim);display:flex;align-items:center;gap:8px}.hand.active .hand-name{color:var(--ivory)}.first-chip{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold-soft);padding:1.5px 7px;border-radius:999px}.total-chip{background:var(--panel-2);border:1px solid rgba(201,168,106,.35);border-radius:999px;padding:1.5px 10px;font-size:13px;font-weight:600;color:var(--ivory);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.total-goal{font-weight:400;color:var(--ivory-dim)}.hand-sum{font-size:12px;color:var(--muted)}.hand-tiles{display:flex;align-items:center;gap:7px;flex-wrap:nowrap;overflow-x:auto;padding:10px 4px 6px;scrollbar-width:thin}.hand-tile{flex:0 0 auto;transition:transform .16s ease,filter .16s ease,opacity .2s ease;transform:translateY(0);border-radius:8px}.hand-tile.dimmed{opacity:.42;filter:saturate(.7)}.hand-tile.playable{cursor:pointer;transform:translateY(-4px)}.hand-tile.playable:hover{transform:translateY(-9px);filter:drop-shadow(0 6px 10px rgba(0,0,0,.55))}.hand-tile.selected{transform:translateY(-11px);filter:drop-shadow(0 0 7px rgba(201,168,106,.8))}.hand-tile.must{animation:must-pulse 1.4s ease-in-out infinite}.hand-tile.incoming{visibility:hidden}@keyframes must-pulse{0%,to{filter:drop-shadow(0 0 4px rgba(201,168,106,.5))}50%{filter:drop-shadow(0 0 11px rgba(201,168,106,.95))}}.hand-tile.wiggle{animation:wiggle .3s ease}.turn-mark{color:var(--gold);font-size:24px;line-height:1;display:inline-block;animation:nudge 1.5s ease-in-out infinite;text-shadow:0 0 8px rgba(201,168,106,.6)}@keyframes nudge{0%,to{transform:translate(0)}50%{transform:translate(5px)}}#history-bar{position:absolute;top:10px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;background:#101613f0;border:1px solid rgba(201,168,106,.4);border-radius:12px;padding:8px 12px;z-index:15;box-shadow:var(--shadow);max-width:96%}#history-bar[hidden]{display:none}#history-bar select{background:#0f1613;color:var(--ivory);border:1px solid rgba(201,168,106,.3);border-radius:8px;padding:6px 8px;font-size:16px;max-width:260px}#replay-slider{width:170px;accent-color:var(--gold)}.replay-pos{font-size:13px;color:var(--muted);min-width:70px;text-align:center;white-space:nowrap}@keyframes wiggle{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}#table{position:relative;flex:1;min-height:0;background:radial-gradient(120% 90% at 50% 35%,var(--felt-1),var(--felt-2) 78%),#101814;box-shadow:inset 0 0 90px #0000008c}#board{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none;cursor:grab}#board:active{cursor:grabbing}.pip{fill:#322d24}.just-placed{transform-box:fill-box;transform-origin:center;animation:settle .34s cubic-bezier(.2,.9,.3,1.15)}@keyframes settle{0%{transform:scale(1.12);opacity:.2}to{transform:scale(1);opacity:1}}.end-ring{fill:#0a100d8c;stroke:#e9e0cb66;stroke-width:1.4}.end-marker.fresh .end-ring{stroke-dasharray:3.5 3}.end-marker.dead .end-ring{stroke:#c2543a8c}.end-x{stroke:#c2543acc;stroke-width:2;stroke-linecap:round}.ghost{cursor:pointer}.ghost-body{fill:#efe6d01a;stroke:#efe6d08c;stroke-width:1.4;stroke-dasharray:7 5;transition:fill .12s ease,stroke .12s ease}.ghost-divider{stroke:#efe6d059;stroke-width:1}.ghost-pip{fill:#efe6d080}.ghost:hover .ghost-body{fill:#c9a86a47;stroke:var(--gold);stroke-dasharray:none}.ghost:hover .ghost-pip{fill:#efe6d0e6}.ghost-cross .ghost-body{stroke:#c2543acc}.ghost-cross:hover .ghost-body{stroke:#d96a4e;fill:#c2543a40}#boneyard{position:absolute;right:14px;bottom:14px;width:300px;height:230px;pointer-events:none;z-index:3}.pile-tile{position:absolute;pointer-events:auto;cursor:pointer;transition:transform .18s ease,filter .18s ease;filter:drop-shadow(0 3px 4px rgba(0,0,0,.5))}#boneyard.can-draw .pile-tile{animation:pile-glow 1.8s ease-in-out infinite}#boneyard.can-draw .pile-tile:hover{transform:translateY(-5px) scale(1.05) rotate(var(--rot))!important}@keyframes pile-glow{0%,to{filter:drop-shadow(0 3px 4px rgba(0,0,0,.5))}50%{filter:drop-shadow(0 3px 4px rgba(0,0,0,.5)) drop-shadow(0 0 9px rgba(201,168,106,.7))}}#boneyard.shake{animation:wiggle .3s ease}.pile-count{position:absolute;right:8px;bottom:4px;font-size:12px;letter-spacing:.05em;color:var(--muted);background:#0e1412bf;border:1px solid rgba(201,168,106,.25);border-radius:999px;padding:3px 10px;pointer-events:none}.flying-tile{position:fixed;z-index:60;pointer-events:none;transition:transform .42s cubic-bezier(.3,.8,.4,1),opacity .42s ease;filter:drop-shadow(0 8px 14px rgba(0,0,0,.6))}#toast{position:absolute;top:14px;left:50%;transform:translate(-50%);background:#101613eb;color:var(--ivory);border:1px solid rgba(201,168,106,.35);border-radius:10px;padding:9px 18px;font-size:14px;z-index:20;box-shadow:var(--shadow);animation:toast-in .25s ease;max-width:74%;text-align:center}#toast.warn{border-color:#c2543a99}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}#overlay[hidden],#settings[hidden],#toast[hidden]{display:none}#settings{position:fixed;top:0;right:0;bottom:0;left:0;background:#080c0ab8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;z-index:70;animation:fade-in .3s ease;overflow-y:auto;padding:24px}#settings .card{margin:auto}#settings .field label{width:auto}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#080c0aa8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;z-index:50;animation:fade-in .3s ease;overflow-y:auto;overflow-x:hidden;padding:24px}@keyframes fade-in{0%{opacity:0}}.card{position:relative;background:linear-gradient(160deg,#1b2621,#141d18);border:1px solid rgba(201,168,106,.3);border-radius:16px;box-shadow:var(--shadow);padding:28px 32px;width:min(560px,100%);margin:auto;animation:card-in .3s cubic-bezier(.2,.9,.3,1.1)}@keyframes card-in{0%{opacity:0;transform:translateY(14px) scale(.98)}}.card h1,.card h2{font-family:Georgia,Times New Roman,serif;color:var(--ivory);margin:0 0 6px;letter-spacing:.05em;font-weight:500}.card h1{font-size:30px;letter-spacing:.12em}.card h1 .gold{color:var(--gold)}.card .sub{color:var(--muted);font-size:13.5px;margin:0 0 18px;line-height:1.45}.card .links-line{margin-top:-12px}.card .links-line a{color:var(--gold);text-decoration:none;border-bottom:1px dotted var(--gold-soft);white-space:nowrap}.card .privacy-line{margin:14px 0 0}.card .privacy-line a,.card .action-line a{color:var(--gold);text-decoration:none;border-bottom:1px dotted var(--gold-soft)}.card .action-line{margin:14px 0 0}.btn-row.action-row>.btn{flex:1 1 auto}.btn-row.start-row>.btn{flex:1 1 auto}.btn-row.review-row{flex-wrap:nowrap}.btn-row.review-row>.btn{flex:1 1 0;min-width:0;padding-left:10px;padding-right:10px;white-space:nowrap}@media(max-width:430px){.btn-row.review-row>.btn{font-size:12px;letter-spacing:.02em;padding-left:8px;padding-right:8px}}.card .version-line{margin:16px 0 0;font-size:10.5px;letter-spacing:.03em;color:#97a09999;text-align:center}.card .version-line a{color:var(--gold);text-decoration:none;border-bottom:1px dotted var(--gold-soft)}.field{display:flex;align-items:center;gap:12px;margin:10px 0}.field label{width:130px;color:var(--ivory-dim);font-size:14px}.target-opts{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px}.target-opts .check{margin:0;white-space:nowrap;width:auto}.field input[type=text]{flex:1;background:#0f1613;color:var(--ivory);border:1px solid rgba(201,168,106,.3);border-radius:8px;padding:9px 12px;font-size:16px;outline:none}.field input[type=text]:focus{border-color:var(--gold)}.check{display:flex;gap:10px;align-items:flex-start;margin:14px 0;color:var(--ivory-dim);font-size:13.5px;line-height:1.4;cursor:pointer}.check input{margin-top:2px;accent-color:var(--gold)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--gold);background:linear-gradient(180deg,#c9a86a38,#c9a86a1a);color:var(--ivory);font-size:15px;border-radius:10px;padding:11px 22px;cursor:pointer;letter-spacing:.04em;transition:all .15s ease}.btn:hover:not(:disabled){background:linear-gradient(180deg,#c9a86a57,#c9a86a29);box-shadow:0 0 14px #c9a86a40}.btn:disabled{opacity:.4;cursor:default}.btn.ghost-btn{border-color:#c9a86a4d;background:transparent;color:var(--ivory-dim)}.btn.ghost-btn:hover{color:var(--ivory);border-color:var(--gold)}.btn-row{display:flex;gap:12px;margin-top:20px;align-items:center;flex-wrap:wrap}@media(max-width:430px){.btn{font-size:14px;padding:10px 14px}.btn-row{gap:10px}#overlay{padding-left:12px;padding-right:12px}.card{padding-left:18px;padding-right:18px}}.lot-row{display:flex;gap:24px;justify-content:center;align-items:center;margin:18px 0 6px;min-height:84px}.lot-row:empty{min-height:0;margin:0}@media(max-height:760px){#overlay{padding-top:6px;padding-bottom:6px}.card{padding-top:10px;padding-bottom:10px}.lot-row{margin:4px 0 0;min-height:0}.lot-row svg{height:36px;width:auto}.lot-side{gap:4px;font-size:12px}.sep{margin:6px 0}.btn-row{margin-top:8px}.version-line{margin-top:4px}}.lot-side{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.lot-side.win{color:var(--gold)}.lot-tile{transition:transform .4s ease}.lot-result{text-align:center;min-height:22px;color:var(--ivory);font-size:15px;margin-bottom:4px}.lot-result b{color:var(--gold)}.result-grid{display:grid;grid-template-columns:1fr auto;gap:6px 18px;margin:14px 0;align-items:center}.result-name{font-family:Georgia,serif;font-size:16px;color:var(--ivory)}.result-tiles{display:flex;gap:4px;flex-wrap:wrap;margin:2px 0 10px;grid-column:1 / -1}.result-pts{font-size:15px;color:var(--ivory-dim);text-align:right;white-space:nowrap}.result-pts b{color:var(--ivory);font-size:18px}.result-pts .plus{color:var(--verm);font-weight:600}.result-pts .zero{color:#7fae8e;font-weight:600}.result-note{font-size:12.5px;color:var(--muted);margin:8px 0 0;line-height:1.45}.match-round{text-align:center;color:var(--muted);font-size:12.5px;letter-spacing:.08em;margin:14px 0 0}.match-score{text-align:center;font-family:Georgia,serif;font-size:22px;color:var(--ivory);margin:2px 0 4px;letter-spacing:.06em}hr.sep{border:none;border-top:1px solid rgba(201,168,106,.18);margin:16px 0}#version-badge{position:fixed;right:calc(10px + env(safe-area-inset-right,0px));bottom:calc(4px + env(safe-area-inset-bottom,0px));z-index:30;font-size:10.5px;letter-spacing:.03em;color:var(--muted);opacity:.6;transition:opacity .2s ease;pointer-events:auto}#version-badge:hover{opacity:1}#version-badge a{color:var(--gold);text-decoration:none;border-bottom:1px dotted var(--gold-soft)}[data-tip]{position:relative}[data-tip]:hover:after{content:attr(data-tip);position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%);background:#0e1411f7;color:var(--ivory);border:1px solid rgba(201,168,106,.45);border-radius:8px;padding:6px 11px;font-size:12.5px;line-height:1.35;max-width:min(320px,calc(100vw - 24px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));white-space:normal;width:max-content;text-align:center;z-index:120;box-shadow:var(--shadow);pointer-events:none;animation:fade-in .15s ease}#topbar [data-tip]:hover:after{left:auto;right:0;transform:none}@media(max-width:700px){#topbar{position:relative;z-index:22}.hand{position:relative;z-index:21}#topbar [data-tip],#history-bar [data-tip],.hand [data-tip]{position:static}#topbar [data-tip]:hover:after,#history-bar [data-tip]:hover:after,.hand [data-tip]:hover:after{left:50%;right:auto;transform:translate(-50%);max-width:calc(100vw - 20px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px))}#hand-bottom [data-tip]:hover:after{top:auto;bottom:calc(100% + 9px)}}@media(max-width:700px){#topbar{flex-wrap:wrap;gap:6px 10px;padding:6px 10px;padding-top:calc(6px + env(safe-area-inset-top,0px));padding-left:calc(10px + env(safe-area-inset-left,0px));padding-right:calc(10px + env(safe-area-inset-right,0px));min-height:0}.brand-name{font-size:17px}.round-chip{display:none}.status{order:3;flex-basis:100%}.status-event{display:none}.status-prompt{font-size:13px;white-space:normal;-webkit-line-clamp:3}.topbar-right{margin-left:auto;gap:5px}.icon-btn{width:30px;height:30px;font-size:15px}.lang-select{height:30px;font-size:16px;padding:0 4px}.hand{flex-direction:column;align-items:stretch;gap:2px;min-height:0;padding:5px 10px 7px}#hand-bottom{padding-bottom:calc(7px + env(safe-area-inset-bottom,0px))}.hand-meta{flex-direction:row;align-items:baseline;justify-content:space-between;min-width:0;gap:8px}.hand-name{font-size:14px;gap:6px}.turn-mark{font-size:19px}.first-chip{font-size:9px;padding:1px 5px;letter-spacing:.05em}.total-chip{font-size:11px;padding:1px 7px}.hand-sum{font-size:11px;white-space:nowrap}.hand-tiles{gap:5px;padding:6px 2px 2px}#boneyard{right:4px;bottom:4px;transform:scale(.6);transform-origin:100% 100%}#history-bar{top:6px;padding:6px 8px;gap:6px}#replay-slider{width:110px}.card{padding:18px 16px}.field label{width:105px;font-size:13px}#version-badge{font-size:9px;right:calc(6px + env(safe-area-inset-right,0px));bottom:calc(2px + env(safe-area-inset-bottom,0px))}}#tutor-bar{position:absolute;top:10px;left:50%;transform:translate(-50%);width:max-content;max-width:min(720px,94%);background:#101613b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(201,168,106,.4);border-radius:12px;padding:8px 14px;z-index:14;box-shadow:var(--shadow);font-size:13px;line-height:1.45;color:#efe6d0eb;pointer-events:none}#tutor-bar .tutor-toggle{display:flex;align-items:center;gap:6px;margin-top:6px;color:var(--muted);pointer-events:auto;cursor:pointer;width:max-content}#tutor-bar .tutor-toggle input{accent-color:var(--gold);margin:0}#tutor-bar[hidden]{display:none}#confirm-bar{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;background:#101613f0;border:1px solid var(--gold-soft);border-radius:12px;padding:8px 12px;z-index:15;box-shadow:var(--shadow);max-width:94%}#confirm-bar[hidden]{display:none}.confirm-q{font-size:14px;color:#efe6d0f2}.confirm-btn{border:1px solid var(--gold-soft);background:#c9a86a1f;color:var(--gold);border-radius:9px;padding:6px 14px;font:inherit;font-size:13px;cursor:pointer}.confirm-btn.yes{background:#c9a86a47;border-color:var(--gold)}.confirm-btn:hover{background:#c9a86a59}.ghost.pending .ghost-body{fill:#c9a86a4d;stroke:var(--gold);stroke-dasharray:none;stroke-width:2}.ghost.pending .ghost-pip{fill:#efe6d0d9}@media(max-width:700px){#tutor-bar{top:6px;font-size:12px;padding:6px 10px}#confirm-bar{bottom:8px;padding:6px 8px;gap:6px}.confirm-q{font-size:13px}}.card .tutor-hint{margin:2px 0 10px;padding:8px 12px;border-left:2px solid var(--gold-soft);background:#c9a86a12;border-radius:0 8px 8px 0}.end-marker.root-dead{opacity:.75}.end-marker.root-dead .end-ring{stroke-dasharray:4 4}.placed.incoming{visibility:hidden}.last-ring{fill:none;stroke:var(--gold-soft);stroke-width:2;pointer-events:none;animation:last-ring-in .5s ease}@keyframes last-ring-in{0%{stroke:var(--gold);stroke-width:3.5}}.flying-tile.fly-place{transition:none;transform-origin:44px 22px}input[type=text],select{font-size:16px}.btn.waiting:disabled{opacity:.7}.btn.waiting:after{content:"";display:inline-block;width:1.1em;text-align:left;animation:wait-dots 1.2s steps(1,end) infinite}@keyframes wait-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.btn.peer-ready{border-color:var(--gold, #d9b56a);box-shadow:0 0 0 2px #d9b56a40}#howto{position:fixed;top:0;right:0;bottom:0;left:0;background:#080c0ab8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;z-index:68;animation:fade-in .3s ease;overflow-y:auto;padding:16px}#howto .howto-card{width:min(440px,100%);padding:20px 22px 18px;position:relative}.howto-close{position:absolute;top:8px;right:10px;width:36px;height:36px;border:none;background:none;color:var(--muted);font-size:26px;line-height:36px;cursor:pointer;padding:0}.howto-close:hover{color:var(--text)}#howto-ask{position:fixed;top:0;right:0;bottom:0;left:0;background:#080c0a8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:68;animation:fade-in .3s ease;padding:16px}#howto-ask .howto-ask{width:min(360px,100%);padding:20px 22px 16px;text-align:center}#howto-ask p{margin:0 0 14px;font-size:18px}.howto-ask-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.howto-ask-row .btn{flex:1 1 0}#howto h1{font-size:24px;margin-bottom:4px}.howto-kicker{color:var(--muted);font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px}.howto-scene{background:var(--bg);border-radius:12px;padding:6px;margin:6px 0 14px}.howto-svg{display:block}#howto p{margin:0 0 8px;line-height:1.4}.howto-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}.howto-dots span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold-soft);margin-right:6px}.howto-dots span.on{background:var(--gold)}.howto-ghost{background:none;border:none;color:var(--muted);font-size:13px;padding:6px 0;cursor:pointer}.howto-next{border-color:var(--gold);box-shadow:0 0 0 2px #c9a86a33}.card .links-line a.howto-link{cursor:pointer}#howto a{color:var(--gold);text-decoration:underline dotted;text-underline-offset:3px}