:root{color-scheme:light;font-family:var(--font-sans);line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--font-sans: "Outfit", "Segoe UI", sans-serif;--font-serif: "Fraunces", "Times New Roman", serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--bg: #f5efe5;--bg-soft: #fdf7ef;--surface: #ffffff;--surface-strong: #f0e7d8;--border: rgba(120, 104, 83, .18);--text: #211d18;--muted: #6f6456;--accent: #d2783a;--accent-2: #238a84;--danger: #b9402b;--good: #1e8a5e;--shadow: 0 18px 40px rgba(42, 32, 17, .12);--radius: 18px}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 12% 8%,rgba(237,198,147,.35),transparent 52%),radial-gradient(circle at 85% 0%,rgba(115,174,165,.25),transparent 55%),linear-gradient(180deg,#f8f2e8,#f1e6d6 65%,#efe0cc)}a{color:inherit;text-decoration:none}#app{min-height:100vh}.page{position:relative;padding:28px clamp(18px,4vw,60px) 80px;max-width:1240px;margin:0 auto;z-index:1}.ambient{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.orb{position:absolute;border-radius:50%;opacity:.6;filter:blur(0px);animation:drift 16s ease-in-out infinite}.orb-1{width:420px;height:420px;top:-120px;left:-120px;background:radial-gradient(circle,rgba(210,120,58,.35),transparent 70%)}.orb-2{width:520px;height:520px;top:20%;right:-160px;background:radial-gradient(circle,rgba(35,138,132,.28),transparent 70%);animation-delay:3s}.orb-3{width:360px;height:360px;bottom:-140px;left:35%;background:radial-gradient(circle,rgba(150,130,90,.22),transparent 70%);animation-delay:6s}@keyframes drift{0%,to{transform:translateY(0)}50%{transform:translateY(26px)}}.reveal{opacity:0;transform:translateY(16px);animation:rise .8s ease forwards;animation-delay:var(--delay, 0s)}@keyframes rise{to{opacity:1;transform:translateY(0)}}h1,h2,h3,h4{font-family:var(--font-serif);margin:0}h1{font-size:clamp(2.2rem,3vw,3rem);line-height:1.1}h2{font-size:clamp(1.5rem,2.2vw,2.1rem)}h3{font-size:1.2rem}h4{font-size:1rem;letter-spacing:.02em;text-transform:uppercase}p{margin:0}label{font-size:.85rem;font-weight:600}.topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding-bottom:22px;border-bottom:1px solid var(--border);margin-bottom:28px}.brand{display:flex;align-items:center;gap:14px}.brand-mark{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#d2783a,#f0b04b);color:#2a1608;font-weight:700;display:grid;place-items:center;box-shadow:0 12px 24px #d2783a40}.brand-title{font-size:1.4rem;font-weight:600}.brand-sub{color:var(--muted);font-size:.85rem}.server-panel{display:grid;gap:10px;min-width:min(340px,100%)}.server-panel label{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.server-actions{display:flex;gap:10px;flex-wrap:wrap}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.panel.inset{background:var(--bg-soft);box-shadow:none}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.panel-sub{color:var(--muted);font-size:.85rem}.section-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.intro{display:grid;gap:20px}.intro-copy{max-width:640px}.intro-copy p{margin-top:12px;color:var(--muted)}.intro-cards{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.step{position:relative;overflow:hidden}.step-number{font-family:var(--font-serif);font-size:1.2rem;color:var(--accent);margin-bottom:8px}.chain-panel{margin-top:22px}.chain-grid{display:grid;gap:16px;grid-template-columns:minmax(320px,1fr) minmax(120px,160px)}.stat{display:grid;gap:8px}.stat.wide{grid-column:span 2}.label{text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;color:var(--muted)}.label .info-tip{position:relative;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:6px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:.6rem;font-weight:600;text-transform:none;letter-spacing:normal;cursor:help}.label .info-tip:after{content:attr(data-tip);position:absolute;left:50%;top:calc(100% + 10px);transform:translate(-50%) translateY(-4px);background:var(--text);color:var(--surface);padding:6px 8px;border-radius:8px;font-size:.65rem;line-height:1.3;width:max-content;max-width:240px;white-space:normal;text-transform:none;letter-spacing:normal;opacity:0;pointer-events:none;box-shadow:0 10px 20px #0000001f;transition:opacity .2s ease,transform .2s ease;z-index:4}.label .info-tip:before{content:"";position:absolute;left:50%;top:calc(100% + 4px);transform:translate(-50%) translateY(-4px);border:6px solid transparent;border-bottom-color:var(--text);opacity:0;transition:opacity .2s ease,transform .2s ease;z-index:3}.label .info-tip:hover:after,.label .info-tip:hover:before,.label .info-tip:focus-visible:after,.label .info-tip:focus-visible:before{opacity:1;transform:translate(-50%) translateY(0)}.value{font-size:1.2rem;font-weight:600}.games,.verify-section,.explain-section,.helix-section{margin-top:32px}.tabs{display:inline-flex;gap:8px;background:var(--surface-strong);padding:6px;border-radius:999px}.tabs.small{padding:4px}.tab{border:none;background:transparent;color:var(--muted);padding:8px 16px;border-radius:999px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.85rem}.tab.is-active{background:#fff;color:var(--text);box-shadow:0 8px 16px #1b120714}.tab:focus-visible{outline:2px solid rgba(35,138,132,.3);outline-offset:2px}.game-panels{display:grid;gap:20px}.bet-log-panel{margin-top:20px}.game-panel{display:grid}.game-panel[hidden]{display:none}.game-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.plinko-grid{display:grid;gap:20px;grid-template-columns:minmax(260px,320px) minmax(0,1fr)}@media(max-width:980px){.plinko-grid{grid-template-columns:1fr}}.plinko-controls .field{margin-bottom:16px}.plinko-board{display:grid;gap:18px}.plinko-stage{background:#f7efe4;border-radius:16px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:12px;border:1px dashed rgba(120,104,83,.22)}#plinko-canvas{max-width:100%}.plinko-buckets{display:flex;width:100%;gap:4px;margin:0 auto}.plinko-bucket{position:relative;border-radius:10px;padding:10px 6px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-weight:600;color:#fff;transition:transform .2s ease,box-shadow .2s ease}.plinko-bucket.is-hit{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 18px #25180a33}.plinko-bucket-hole{width:10px;height:10px;background:#fff9;border-radius:999px}.plinko-bucket-content{font-size:.75rem}.plinko-meta{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.plinko-drop-meta{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.drop-results{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-top:6px}.drop-pill{padding:4px 8px;border-radius:999px;font-size:.75rem;color:#fff;font-weight:600}.field{display:grid;gap:8px}.field-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.field-value{font-weight:600;font-size:.9rem}.field-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.input-row{display:flex;align-items:center;gap:10px}.input,textarea,select{width:100%;border-radius:12px;border:1px solid var(--border);padding:10px 12px;font-size:.95rem;background:#fff;color:var(--text);font-family:var(--font-sans);transition:border .2s ease,box-shadow .2s ease}textarea{resize:vertical}.input:focus,textarea:focus,select:focus{outline:2px solid rgba(210,120,58,.25);border-color:#d2783a8c;box-shadow:0 0 0 3px #d2783a1a}.input::placeholder,textarea::placeholder{color:#6f6456b3}.slider{width:100%;accent-color:var(--accent)}.unit{font-weight:600}.btn{border:none;border-radius:12px;padding:10px 14px;font-size:.85rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease;background:var(--surface-strong);color:var(--text)}.btn:hover{transform:translateY(-1px)}.btn:focus-visible{outline:3px solid rgba(35,138,132,.3);outline-offset:2px}.btn.primary{background:var(--accent);color:#fffaf3;box-shadow:0 10px 20px #d2783a40}.btn.secondary{background:var(--accent-2);color:#effaf8;box-shadow:0 10px 20px #238a8438}.btn.ghost{background:transparent;border:1px solid var(--border);color:var(--text)}.btn.full{width:100%}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.input:disabled,.input.is-locked,textarea:disabled,select:disabled{opacity:.6;cursor:not-allowed;background:#f3ede2}.btn.copy{padding:8px 12px;font-size:.75rem}.btn.is-loading{opacity:.7;pointer-events:none;position:relative}.btn.is-loading:after{content:"";width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.6);border-top-color:#ffffff1a;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.helper{font-size:.8rem;color:var(--muted)}.table-wrap{width:100%;overflow-x:auto}.result-table{width:100%;border-collapse:collapse;font-size:.9rem}.result-table th,.result-table td{padding:10px 8px;border-bottom:1px solid var(--border);text-align:left}.result-table th{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.result-table td.outcome-cell{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.bet-log-tip{position:relative;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:.6rem;font-weight:600;text-transform:none;letter-spacing:normal;cursor:help}.bet-log-tip:after{content:attr(data-tip);position:absolute;left:50%;top:calc(100% + 10px);transform:translate(-50%) translateY(-4px);background:var(--text);color:var(--surface);padding:6px 8px;border-radius:8px;font-size:.65rem;line-height:1.3;width:max-content;max-width:260px;white-space:normal;text-transform:none;letter-spacing:normal;opacity:0;pointer-events:none;box-shadow:0 10px 20px #0000001f;transition:opacity .2s ease,transform .2s ease;z-index:4}.bet-log-tip:before{content:"";position:absolute;left:50%;top:calc(100% + 4px);transform:translate(-50%) translateY(-4px);border:6px solid transparent;border-bottom-color:var(--text);opacity:0;transition:opacity .2s ease,transform .2s ease;z-index:3}.bet-log-tip:hover:after,.bet-log-tip:hover:before,.bet-log-tip:focus-visible:after,.bet-log-tip:focus-visible:before{opacity:1;transform:translate(-50%) translateY(0)}.result-table tr.is-latest{background:#d2783a14}.result-table tr[data-outcome=win] .result-cell{color:var(--good);font-weight:600}.result-table tr[data-outcome=lose] .result-cell{color:var(--danger);font-weight:600}.hash-cell{display:flex;align-items:center;gap:8px}.hash-cell .hash-input{flex:1 1 auto}.table-empty{text-align:center;color:var(--muted)}.hash-row{display:flex;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap}.hash-input{min-width:200px;border-radius:10px;border:1px solid var(--border);padding:8px 10px;background:#fff;font-size:.8rem}.single-line{resize:none;white-space:nowrap}.hash-value{padding:10px 12px;border-radius:12px;background:var(--surface-strong);max-width:100%;min-width:0;overflow-wrap:anywhere;word-break:break-all}.mono{font-family:var(--font-mono)}.verify-panels,.verify-stack{display:grid;gap:20px}.verify-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.result-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.verify-summary{font-size:.75rem;color:var(--muted);background:var(--bg-soft);border:1px dashed var(--border);padding:6px 12px;border-radius:999px;align-self:flex-start}.calc-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.calc-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#f0e7d899}.calc-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600}.calc-value{font-size:.8rem;text-align:right;word-break:break-all}.tech-code{margin-top:18px}.tech-code summary{cursor:pointer;font-weight:600;color:var(--accent-2)}.code-block{background:#1f1c17;color:#f4eee3;padding:16px;border-radius:14px;overflow-x:auto;font-size:.85rem;margin:12px 0 0}.code-block code{font-family:var(--font-mono);display:block}.explain-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.step-list{padding-left:18px;margin:10px 0 0;color:var(--muted)}.helix-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start}.check{display:flex;align-items:center;gap:10px;font-size:.85rem}.mode-panels{display:grid;gap:12px}canvas{max-width:100%;height:auto}.toast{position:fixed;bottom:32px;right:32px;padding:12px 16px;background:#1f1c17;color:#f4eee3;border-radius:12px;opacity:0;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease;z-index:20}.toast.show{opacity:1;transform:translateY(0)}.toast[data-tone=good]{background:#1f4f3a}.toast[data-tone=warn]{background:#8a5b1e}.toast[data-tone=bad]{background:#6b2a24}@media(max-width:700px){.chain-grid{grid-template-columns:1fr}.topbar{align-items:stretch}.brand,.server-panel{width:100%}.stat.wide{grid-column:span 1}}