:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f6fb;--surface:#fff;--surface-2:#eef0f7;--border:#d9dcea;--text:#171a2c;--text-muted:#555b75;--primary:#4338ca;--primary-hover:#3730a3;--on-primary:#fff;--accent-soft:#e0e7ff;--accent-text:#312e81;--danger:#b42318;--danger-soft:#fdecea;--warning-soft:#fff4dc;--warning-border:#d99a00;--focus:#2563eb;--shadow:0 1px 2px #14183c0f, 0 8px 24px #14183c0f;--radius:14px;--radius-sm:10px;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1020;--surface:#171a2e;--surface-2:#20243b;--border:#2f3452;--text:#eceefa;--text-muted:#a6abc6;--primary:#8b93ff;--primary-hover:#a5abff;--on-primary:#0e1020;--accent-soft:#272c52;--accent-text:#d4d8ff;--danger:#ff8a80;--danger-soft:#3a1d22;--warning-soft:#3a3016;--warning-border:#e0b341;--focus:#93c5fd;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000040}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1020;--surface:#171a2e;--surface-2:#20243b;--border:#2f3452;--text:#eceefa;--text-muted:#a6abc6;--primary:#8b93ff;--primary-hover:#a5abff;--on-primary:#0e1020;--accent-soft:#272c52;--accent-text:#d4d8ff;--danger:#ff8a80;--danger-soft:#3a1d22;--warning-soft:#3a3016;--warning-border:#e0b341;--focus:#93c5fd;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000040}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font);flex-direction:column;margin:0;font-size:16px;line-height:1.5;display:flex}h1,h2,h3{margin:0;line-height:1.2}button,input,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}[hidden]{display:none!important}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:100;border-radius:var(--radius-sm);background:var(--primary);color:var(--on-primary);padding:10px 14px;font-weight:600;text-decoration:none;position:absolute;top:-60px;left:12px}.skip-link:focus{top:12px}.topbar{z-index:20;background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0}.brand{color:var(--text);white-space:nowrap;align-items:center;gap:10px;font-size:1.1rem;text-decoration:none;display:inline-flex}.brand-mark rect{fill:var(--primary)}.brand-mark circle{fill:var(--on-primary)}.preferences{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px;margin-left:auto;display:flex}.theme-switch{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;padding:3px;display:inline-flex}.theme-switch button{cursor:pointer;min-height:34px;color:var(--text-muted);background:0 0;border:0;border-radius:999px;padding:4px 14px;font-size:.9rem}.theme-switch button[aria-pressed=true]{background:var(--surface);color:var(--text);font-weight:600;box-shadow:0 1px 3px #00000026}.motion-toggle{color:var(--text-muted);cursor:pointer;align-items:center;gap:6px;font-size:.9rem;display:inline-flex}.motion-toggle input{width:18px;height:18px;accent-color:var(--primary)}.menu-toggle{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;align-items:center;gap:6px;min-height:40px;padding:6px 12px;display:none}.menu-toggle svg{stroke:currentColor;stroke-width:2px;stroke-linecap:round;fill:none}.layout{flex:1;grid-template-columns:240px minmax(0,1fr);width:100%;max-width:1280px;margin:0 auto;display:grid}.sidebar{padding:24px 12px}.sidebar ul{gap:4px;margin:0;padding:0;list-style:none;display:grid;position:sticky;top:84px}.sidebar a{border-radius:var(--radius-sm);color:var(--text-muted);padding:10px 14px;font-weight:500;text-decoration:none;display:block}.sidebar a:hover{background:var(--surface-2);color:var(--text)}.sidebar a[aria-current=page]{background:var(--accent-soft);color:var(--accent-text);box-shadow:inset 3px 0 0 var(--primary);font-weight:700}main{min-width:0;padding:28px 24px 40px}main:focus{outline:none}.view-header{margin-bottom:20px}.view-header h1{font-size:clamp(1.6rem,1.3rem + 1vw,2.1rem)}.view-header h1:focus{outline:none}.lead{color:var(--text-muted);max-width:62ch;margin:8px 0 0}.view-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:20px;display:grid}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.panel-title{margin-bottom:16px;font-size:1.05rem}.subtitle{color:var(--text-muted);margin:22px 0 10px;font-size:.95rem}.field-row{grid-template-columns:1fr 1fr;align-items:start;gap:14px;display:grid}.field{align-content:start;gap:6px;margin-bottom:14px;display:grid}.field label{font-size:.95rem;font-weight:600}.field input,.field textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);width:100%;min-height:46px;padding:10px 12px;font-size:1rem}.field textarea{resize:vertical;min-height:180px;line-height:1.45}.field input:hover,.field textarea:hover{border-color:var(--text-muted)}.field [aria-invalid=true]{border-color:var(--danger);border-width:2px}.field-error{color:var(--danger);margin:0;font-size:.9rem;font-weight:500}.field-error:empty{display:none}.field-error:before{content:"⚠ "}.field-info,.hint{color:var(--text-muted);margin:0;font-size:.9rem}.hint{margin:-4px 0 14px 32px}.check{align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.check input{width:22px;height:22px;accent-color:var(--primary);cursor:pointer;flex:none;margin:1px 0 0}.check label{cursor:pointer}.notice{border-left:4px solid var(--warning-border);background:var(--warning-soft);border-radius:6px;margin:0 0 14px;padding:10px 12px;font-size:.92rem}.form-message{border:1px solid var(--danger);border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--text);margin:0 0 14px;padding:10px 12px;font-size:.95rem}.form-message:before{content:"⚠ ";color:var(--danger);font-weight:700}.actions{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;min-height:46px;padding:10px 18px;font-weight:600;transition:background-color .15s,border-color .15s}.btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--text-muted)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn[aria-disabled=true]{opacity:.75;cursor:progress}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary);min-width:140px}.btn.primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.btn.ghost{background:0 0;border-style:dashed}.result-panel{position:sticky;top:84px}.result{border-radius:var(--radius-sm);background:var(--surface-2);border:1px dashed var(--border);place-items:center;min-height:160px;padding:18px;display:grid}.empty{color:var(--text-muted);text-align:center;margin:0}.result-list{flex-wrap:wrap;justify-content:center;gap:12px;max-height:360px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.result-item{border-radius:var(--radius);background:var(--primary);min-width:96px;color:var(--on-primary);text-align:center;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;padding:14px 20px;font-size:clamp(2rem,1.4rem + 2.5vw,3.2rem);font-weight:800;line-height:1.1;box-shadow:0 6px 18px #4338ca40}.result-list.is-text .result-item{font-size:clamp(1.4rem,1.1rem + 1.2vw,2rem);font-weight:700}.result-list.is-many .result-item{min-width:64px;padding:8px 14px;font-size:1.5rem}.result-list.is-lots{gap:6px}.result-list.is-lots .result-item{min-width:0;box-shadow:none;border-radius:8px;padding:4px 10px;font-size:1rem}.result-item.is-entering{animation:.35s cubic-bezier(.2,.9,.3,1.3) both pop-in;animation-delay:var(--delay,0s)}@keyframes pop-in{0%{opacity:0;transform:scale(.6)translateY(8px)}to{opacity:1;transform:none}}.countdown{text-align:center;place-items:center;gap:8px;display:grid}.countdown-number{color:var(--primary);font-variant-numeric:tabular-nums;font-size:clamp(4rem,3rem + 4vw,6rem);font-weight:800;line-height:1}.countdown-number.is-tick{animation:1s ease-out both count-pulse}.countdown-preview{background:var(--accent-soft);max-width:100%;min-height:1.6em;color:var(--accent-text);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;border-radius:999px;padding:2px 14px;font-size:1.25rem;font-weight:700}@keyframes count-pulse{0%{opacity:0;transform:scale(1.8)}25%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1)}to{opacity:.25;transform:scale(.7)}}.result.is-revealed{animation:.9s ease-out reveal-glow}@keyframes reveal-glow{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--primary) 55%, transparent)}to{box-shadow:0 0 0 18px #0000}}.status{color:var(--text-muted);margin:14px 0 0;font-size:.95rem}.status:empty{display:none}.chips{flex-wrap:wrap;gap:6px;max-height:200px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.chip{background:var(--accent-soft);color:var(--accent-text);font-variant-numeric:tabular-nums;border-radius:999px;padding:3px 10px;font-size:.9rem;font-weight:600}.chips-muted .chip{background:var(--surface-2);color:var(--text);border:1px solid var(--border);font-weight:500}.chip-empty{color:var(--text-muted);font-size:.9rem}.segmented-field{border:0;margin:0 0 14px;padding:0}.segmented-field legend{margin-bottom:6px;padding:0;font-size:.95rem;font-weight:600}.segmented{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.segmented input{opacity:0;pointer-events:none;position:absolute}.segmented label{min-height:38px;color:var(--text-muted);cursor:pointer;border-radius:8px;align-items:center;padding:6px 14px;font-weight:500;transition:background-color .15s,color .15s;display:inline-flex}.segmented input:checked+label{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #00000026, inset 0 -2px 0 var(--primary);font-weight:700}.segmented input:focus-visible+label{outline:3px solid var(--focus);outline-offset:1px}.copy-status{color:var(--text-muted);margin:10px 0 0;font-size:.9rem}.copy-status:empty{display:none}.team-color-0{--team:#4f46e5}.team-color-1{--team:#db2777}.team-color-2{--team:#059669}.team-color-3{--team:#d97706}.team-color-4{--team:#0284c7}.team-color-5{--team:#7c3aed}.team-color-6{--team:#dc2626}.team-color-7{--team:#0d9488}.teams-panel .status{margin:0 0 12px}.teams-result{place-items:normal;min-height:160px;max-height:none;display:block}.teams-result>.empty,.teams-result>.countdown{place-items:center;min-height:124px;display:grid}.teams-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;display:grid}.team-card{border:1px solid var(--border);border-top:6px solid var(--team);border-radius:var(--radius-sm);background:var(--surface);overflow:hidden}.team-card.is-entering{animation:.45s cubic-bezier(.2,.9,.3,1.2) both card-in;animation-delay:var(--delay,0s)}.team-header{background:color-mix(in srgb, var(--team) 12%, var(--surface));justify-content:space-between;align-items:baseline;gap:8px;padding:10px 12px 8px;display:flex}.team-header h3{overflow-wrap:anywhere;font-size:1rem}.team-count{color:var(--text-muted);flex:none;font-size:.8rem;font-weight:600}.team-members{gap:4px;margin:0;padding:8px 12px 12px 34px;display:grid}.team-members li{overflow-wrap:anywhere}.team-members li::marker{color:var(--team);font-weight:700}.team-members li.is-dealt{animation:.4s cubic-bezier(.2,.9,.3,1.25) both deal-in;animation-delay:var(--delay,0s)}@keyframes card-in{0%{opacity:0;transform:translateY(16px)scale(.92)}to{opacity:1;transform:none}}@keyframes deal-in{0%{opacity:0;transform:translate(-24px,-10px)rotate(-6deg)scale(.8)}to{opacity:1;transform:none}}.coin-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.coin-panel{text-align:center;justify-items:center;display:grid}.coin-panel .panel-title{justify-self:start}.coin-stage{perspective:900px;place-items:end center;width:100%;height:330px;padding-bottom:52px;display:grid;position:relative}.coin-toss{z-index:1;position:relative}.coin{--coin-size:clamp(150px, 30vw, 190px);width:var(--coin-size);height:var(--coin-size);transform-style:preserve-3d;position:relative}.coin-face{backface-visibility:hidden;text-align:center;overflow-wrap:anywhere;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:16%;font-weight:800;line-height:1.1;display:flex;position:absolute;inset:0}.coin-front{color:#5a3b00;background:radial-gradient(circle at 32% 28%,#fff4c2 0 12%,#0000 40%),radial-gradient(circle,#f7c948 0 58%,#e0a526 59% 64%,#f7c948 65% 100%);box-shadow:inset 0 0 0 6px #c98a12,inset 0 0 0 11px #f5d36b,inset 0 -8px 16px #78460059}.coin-back{color:#2b3445;background:radial-gradient(circle at 32% 28%,#fff 0 12%,#0000 40%),radial-gradient(circle,#d5dbe6 0 58%,#aab4c5 59% 64%,#d5dbe6 65% 100%);transform:rotateX(180deg);box-shadow:inset 0 0 0 6px #8792a6,inset 0 0 0 11px #e7ebf2,inset 0 -8px 16px #1e283c4d}.coin-icon{aspect-ratio:1;filter:drop-shadow(0 1px #ffffff8c);width:42%;display:block}.coin-icon svg{width:100%;height:100%;display:block}.coin-label{text-shadow:0 1px #ffffff8c;font-size:clamp(.95rem,.75rem + 1vw,1.3rem)}.coin-shadow{filter:blur(4px);background:#00000038;border-radius:50%;width:140px;height:18px;position:absolute;bottom:28px}.coin-toss.is-tossing{animation:coin-toss var(--flip-ms,1.8s) cubic-bezier(.3, 0, .3, 1) both}.coin-toss.is-landed{animation:.45s ease-out coin-land}.coin-shadow.is-tossing{animation:coin-shadow var(--flip-ms,1.8s) cubic-bezier(.3, 0, .3, 1) both}@keyframes coin-toss{0%{transform:translateY(0)scale(1)}45%{transform:translateY(-95px)scale(1.15)}85%{transform:translateY(4px)scale(1)}to{transform:translateY(0)scale(1)}}@keyframes coin-land{0%{transform:translateY(0)scale(1)}30%{transform:translateY(6px)scale(1.06,.94)}60%{transform:translateY(-8px)scale(.98,1.02)}to{transform:none}}@keyframes coin-shadow{0%,to{opacity:1;transform:scale(1)}45%{opacity:.35;transform:scale(.5)}}.coin-result{min-height:2.4rem;margin:4px 0 16px;font-size:clamp(1.4rem,1.1rem + 1.2vw,2rem);font-weight:800}.coin-result.is-shown{color:var(--primary);animation:.45s cubic-bezier(.2,.9,.3,1.4) both pop-in}.btn-big{border-radius:999px;min-width:220px;min-height:54px;font-size:1.1rem}.scoreboard{grid-template-columns:1fr 1fr;gap:10px;display:grid}.score{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);text-align:center;gap:2px;padding:12px;display:grid}.score-a{border-top:4px solid #e0a526}.score-b{border-top:4px solid #8792a6}.score-name{overflow-wrap:anywhere;justify-content:center;align-items:center;gap:6px;font-weight:600;display:inline-flex}.score-icon{flex:none;width:18px;height:18px}.score-a .score-icon{color:#b7800f}.score-b .score-icon{color:#6b778c}.score-icon svg{width:100%;height:100%;display:block}.score-value{font-variant-numeric:tabular-nums;font-size:2rem;font-weight:800;line-height:1.1}.score-percent{color:var(--text-muted);font-size:.85rem}.score-bar{background:#aab4c5;border-radius:999px;height:8px;margin-top:10px;overflow:hidden}.score-bar span{background:#e0a526;width:50%;height:100%;transition:width .4s;display:block}main>.panel{margin-bottom:20px}.eyebrow{color:var(--primary);letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:.85rem;font-weight:700}.banner{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);border-left-width:5px;margin:0 0 20px;padding:12px 16px}.banner-success{border-left-color:#16a34a}.banner-success:before{content:"✓ ";color:#16a34a;font-weight:800}.banner-error{border-left-color:var(--danger);background:var(--danger-soft)}.banner-error:before{content:"⚠ ";color:var(--danger);font-weight:800}.disclosure{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);margin:0 0 14px;padding:10px 14px}.disclosure summary{cursor:pointer;font-weight:600}.disclosure[open] summary{margin-bottom:10px}.disclosure .field{margin-bottom:4px}.steps{gap:10px;margin:0;padding-left:22px;display:grid}.plain-list{color:var(--text-muted);gap:6px;margin:0;padding-left:20px;display:grid}.panel-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.panel-heading .panel-title{margin-bottom:8px}.progress-text{color:var(--text-muted);margin:0;font-weight:600}.progress{background:var(--surface-2);accent-color:#16a34a;appearance:none;border:0;border-radius:999px;width:100%;height:10px;margin-bottom:16px;overflow:hidden}.progress::-webkit-progress-bar{background:var(--surface-2)}.progress::-webkit-progress-value{background:#16a34a;border-radius:999px}.progress::-moz-progress-bar{background:#16a34a}.hint-box{border-left:4px solid var(--warning-border);background:var(--warning-soft);border-radius:6px;margin:0 0 16px;padding:10px 12px;font-size:.92rem}.admin-link-panel{border-color:var(--warning-border)}.copy-row{flex-wrap:wrap;gap:8px;display:flex}.copy-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);min-width:0;min-height:42px;color:var(--text-muted);flex:220px;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem}.copy-row .btn{min-height:42px;padding:8px 14px}.btn-whatsapp{color:#fff;background:#128c4b;border-color:#128c4b;align-items:center;text-decoration:none;display:inline-flex}.btn-whatsapp:hover:not(:disabled){color:#fff;background:#0e7a40;border-color:#0e7a40}.btn-danger{color:var(--danger);border-color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger-soft);border-color:var(--danger)}.participant-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.participant-row{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);gap:8px;padding:12px;display:grid}.participant-info{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.participant-name{overflow-wrap:anywhere;font-weight:700}.status-chip{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:999px;padding:2px 10px;font-size:.82rem;font-weight:600}.status-chip.is-done{color:#15803d;border-color:#16a34a}:root[data-theme=dark] .status-chip.is-done{color:#4ade80}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .status-chip.is-done{color:#4ade80}}.details-list{grid-template-columns:auto 1fr;gap:6px 14px;margin:0;display:grid}.details-list dt{color:var(--text-muted)}.details-list dd{margin:0;font-weight:600}.organizer-message{border-radius:var(--radius-sm);background:var(--surface-2);white-space:pre-line;overflow-wrap:anywhere;margin:0;padding:10px 12px}.draw-panel{text-align:center;justify-items:center;display:grid}.draw-panel .panel-title,.draw-panel .notice{text-align:left;justify-self:stretch}.draw-stage{perspective:1000px;width:100%;height:360px;position:relative}.box{width:200px;height:150px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.box-body{z-index:4;background:linear-gradient(160deg,#f43f5e,#be123c);border-radius:10px;width:100%;height:118px;position:absolute;bottom:0;left:0;box-shadow:0 12px 24px #be123c40,inset 0 -10px #0000001a}.box-ribbon{background:linear-gradient(90deg,#f59e0b,#fbbf24,#f59e0b);width:28px;position:absolute;top:0;bottom:0;left:calc(50% - 14px)}.box-lid{z-index:5;transform-origin:10% 100%;background:linear-gradient(160deg,#fb7185,#e11d48);border-radius:8px;width:220px;height:36px;transition:transform .45s cubic-bezier(.3,1.4,.5,1);position:absolute;bottom:112px;left:-10px;box-shadow:0 4px 10px #00000026}.box-lid:before{content:"";background:linear-gradient(90deg,#f59e0b,#fbbf24,#f59e0b);width:32px;position:absolute;top:0;bottom:0;left:calc(50% - 16px)}.box-lid:after{content:"";border:7px solid #fbbf24;border-bottom:0;border-radius:26px 26px 0 0;width:52px;height:26px;position:absolute;top:-22px;left:calc(50% - 26px)}.box-papers{z-index:3;height:40px;position:absolute;bottom:96px;left:30px;right:30px}.box-papers span{background:#fffdf5;border-radius:4px;width:46px;height:34px;position:absolute;bottom:0;box-shadow:0 1px 3px #0003}.box-papers span:first-child{left:0;transform:rotate(-14deg)}.box-papers span:nth-child(2){left:32px;transform:rotate(8deg)}.box-papers span:nth-child(3){left:64px;transform:rotate(-6deg)}.box-papers span:nth-child(4){left:96px;transform:rotate(12deg)}.paper{z-index:2;opacity:0;width:250px;height:150px;margin-left:-125px;transition:transform .9s cubic-bezier(.2,.8,.25,1.15),opacity .3s;position:absolute;bottom:30px;left:50%;transform:translateY(0)scale(.6)}.paper-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.3,1.3,.5,1);position:relative}.paper-face{backface-visibility:hidden;color:#1f2937;background:repeating-linear-gradient(0deg,#0000 0 23px,#3b82f624 23px 24px),#fffdf5;border-radius:8px;place-content:center;gap:4px;padding:14px;display:grid;position:absolute;inset:0;box-shadow:0 10px 30px #00000038}.paper-front span{color:#be123c;font-size:3.4rem;font-weight:800}.paper-front:after{content:"";border-top:1px dashed #00000026;position:absolute;top:50%;left:0;right:0}.paper-back{transform:rotateY(180deg)}.paper-label{color:#6b7280;text-transform:uppercase;letter-spacing:.06em;font-size:.9rem;font-weight:600}.paper-name{color:#be123c;overflow-wrap:anywhere;font-size:clamp(1.5rem,1.2rem + 1.4vw,2.1rem);line-height:1.15}.draw-stage.is-shaking .box{animation:.6s ease-in-out box-shake}.draw-stage.is-open .box-lid{transform:translate(-40px,-30px)rotate(-28deg)}.draw-stage.is-risen .paper{opacity:1;transform:translateY(-160px)scale(1)}.draw-stage.is-flipped .paper-inner{transform:rotateY(180deg)}.draw-stage.is-name-hidden .paper-name{letter-spacing:.2em;color:#9ca3af}@keyframes box-shake{0%,to{transform:translate(-50%)rotate(0)}20%{transform:translate(calc(-50% - 6px))rotate(-4deg)}40%{transform:translate(calc(6px - 50%))rotate(4deg)}60%{transform:translate(calc(-50% - 4px))rotate(-3deg)}80%{transform:translate(calc(4px - 50%))rotate(2deg)}}.confetti{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:visible}.confetti-piece{opacity:0;width:9px;height:14px;animation:1.6s cubic-bezier(.15,.7,.35,1) both confetti-fly;animation-delay:var(--d,0s);border-radius:2px;position:absolute;top:38%;left:50%}.confetti-piece.c0{background:#f43f5e}.confetti-piece.c1{background:#fbbf24}.confetti-piece.c2{background:#22c55e}.confetti-piece.c3{background:#3b82f6}.confetti-piece.c4{background:#a855f7}.confetti-piece.c5{background:#f97316}@keyframes confetti-fly{0%{opacity:1;transform:translate(0)rotate(0)}80%{opacity:1}to{opacity:0;transform:translate(var(--x), calc(var(--y) + 120px)) rotate(var(--r))}}.draw-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.secret-hint{margin:12px 0 0;font-weight:700}.page-info{gap:20px;margin-top:28px;display:grid}.page-info .panel{margin:0}.faq{gap:8px;display:grid}.faq-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);padding:12px 14px}.faq-item summary{cursor:pointer;font-weight:600}.faq-item p{color:var(--text-muted);margin:8px 0 0}.other-links{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.other-links a{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);height:100%;color:var(--text);gap:4px;padding:12px 14px;text-decoration:none;display:grid}.other-links a:hover{border-color:var(--primary)}.other-links strong{color:var(--primary)}.other-links span{color:var(--text-muted);font-size:.88rem}.brand-logo{width:auto;max-height:34px;display:block}dialog{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:min(460px,100vw - 32px);color:var(--text);padding:24px;box-shadow:0 20px 60px #00000059}dialog::backdrop{background:#0a0c1e8c}dialog h2{font-size:1.2rem}dialog p{color:var(--text-muted)}dialog .actions{justify-content:flex-end}.footer{border-top:1px solid var(--border);color:var(--text-muted);text-align:center;padding:18px 24px 28px;font-size:.85rem}.footer p{max-width:70ch;margin:0 auto}@media (width<=1000px){.view-grid,.coin-grid{grid-template-columns:1fr}.result-panel{position:static}}@media (width<=860px){.menu-toggle{display:inline-flex}.layout{grid-template-columns:1fr}.sidebar{background:var(--surface);border-bottom:1px solid var(--border);padding:8px 16px 12px;display:none}.sidebar.is-open{display:block}.sidebar ul{position:static}main{padding:20px 16px 32px}}@media (width<=560px){.topbar{flex-wrap:wrap}.brand{font-size:1rem}.preferences{justify-content:space-between;width:100%}.panel{padding:16px}.field-row{grid-template-columns:1fr;gap:0}.actions .btn{flex:auto}}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) *,:root:not([data-motion=full]) :before,:root:not([data-motion=full]) :after{transition:none!important;animation:none!important}}:root[data-motion=reduce] *,:root[data-motion=reduce] :before,:root[data-motion=reduce] :after{transition:none!important;animation:none!important}
