:root{--color-bg-top:#18191d;--color-bg:#17181b;--color-bg-bottom:#131418;--color-surface:#1e1f24;--color-surface-raised:#25262c;--color-border:#2c2d33;--color-border-strong:#3a3b42;--color-text:#f5f5f0;--color-text-secondary:#a8aab2;--color-text-muted:#787a84;--color-text-on-yellow:#17181b;--uno-red:#d8232a;--uno-yellow:#f0b429;--uno-blue:#1e77b0;--uno-green:#2e9e52;--uno-black:#0a0a0a;--uno-back:#26272b;--uno-ink-on-face:#fff;--color-accent:var(--uno-red);--color-accent-hover:#c01f26;--color-accent-pressed:#8b1519;--color-accent-soft:#d8232a29;--color-highlight:var(--uno-yellow);--color-highlight-script:var(--uno-yellow);--color-info:var(--uno-blue);--color-success:var(--uno-green);--uno-red-soft:#d8232a24;--uno-yellow-soft:#f0b4291f;--uno-blue-soft:#1e77b024;--uno-green-soft:#2e9e5229;--uno-red-glow:#d8232a38;--uno-yellow-glow:#f0b4292e;--uno-blue-glow:#1e77b033;--uno-green-glow:#2e9e522e;--color-on-primary:var(--color-text);--color-primary:var(--color-accent);--color-primary-hover:var(--color-accent-hover);--color-primary-soft:var(--color-accent-soft);--color-danger:var(--color-accent);--color-decor-blue:var(--uno-blue);--color-decor-green:var(--uno-green);--color-scrim:#0f121c85;--color-shadow-ink:#0e0e10;--font-uno-face:"IBM Plex Sans", system-ui, sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-card:18px;--shadow-flat:5px 5px 0 var(--color-shadow-ink);--shadow-flat-sm:3px 3px 0 var(--color-shadow-ink);--shadow-paper:var(--shadow-flat);--shadow-paper-hover:6px 6px 0 var(--color-shadow-ink);--shadow-stamp:4px 4px 0 var(--color-shadow-ink);--shadow-stamp-active:1px 1px 0 var(--color-shadow-ink);--shadow-sm:var(--shadow-flat-sm);--shadow-md:var(--shadow-flat);--shadow-lg:6px 6px 0 var(--color-shadow-ink);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--font-display:"IBM Plex Sans", system-ui, sans-serif;--font-body:"IBM Plex Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--font-script:"Caveat", cursive;--sidebar-width:280px;--table-oval:#1a1b20;--table-oval-ring:#f0b42914;--seat-1:var(--uno-red);--seat-2:var(--uno-yellow);--seat-3:var(--uno-blue);--seat-4:var(--uno-green);--seat-5:var(--uno-red);--seat-6:var(--uno-blue);--seat-7:var(--uno-yellow);--seat-8:var(--uno-green);--deck-selected:var(--color-accent);--chrome-ambient:radial-gradient(ellipse 75% 55% at 12% 18%, var(--uno-red-glow) 0%, transparent 58%), radial-gradient(ellipse 65% 50% at 88% 12%, var(--uno-blue-glow) 0%, transparent 52%), radial-gradient(ellipse 60% 45% at 92% 88%, var(--uno-green-glow) 0%, transparent 50%), radial-gradient(ellipse 55% 40% at 8% 82%, var(--uno-yellow-glow) 0%, transparent 48%), linear-gradient(165deg, var(--color-bg-top) 0%, var(--color-bg) 42%, var(--color-bg-bottom) 100%);--chrome-ambient-subtle:radial-gradient(ellipse 80% 50% at 50% 100%, var(--uno-blue-soft) 0%, transparent 55%), linear-gradient(180deg, var(--color-bg-top) 0%, var(--color-bg-bottom) 100%)}.app-chrome{background-color:var(--color-bg);background-image:var(--chrome-ambient)}.app-chrome--subtle{background-color:var(--color-bg);background-image:var(--chrome-ambient-subtle)}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100dvh;margin:0;padding:0}html{font-family:var(--font-body);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}code,kbd,samp{font-family:var(--font-mono);color:var(--color-text)}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.45}h1,h2,h3,.join-title,.error-title,.confirm-dialog-title,.admin-nav h1,.backlog-header h2,.room-topbar__story h1,.explainer__title{font-family:var(--font-display);font-weight:600}button,input,select,textarea{color:inherit;font-family:inherit}.font-mono,.code,.join-input--mono,.error-meta__code,.sprint-table-points{font-family:var(--font-mono)}.app-root{flex-direction:column;min-height:100dvh;display:flex}.play-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-flat);position:relative;transform:rotate(-.6deg)}.play-card:before{display:none}.btn{justify-content:center;align-items:center;gap:var(--space-2);cursor:pointer;border:2px solid #0000;padding:10px 16px;font-size:14px;font-weight:600;transition:transform 80ms,box-shadow 80ms,background .12s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}input:not([type=checkbox]):not([type=radio]),select,textarea{accent-color:var(--color-accent)}.field-input,.join-input,.admin-form-grid input,.admin-form-grid textarea,.finish-select,.sprint-table-search,.story-form input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);width:100%;color:var(--color-text);padding:9px 11px;font-size:14px}.field-input:focus,.join-input:focus,.admin-form-grid input:focus,.admin-form-grid textarea:focus,.finish-select:focus,.sprint-table-search:focus,.story-form input:focus{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent-soft);outline:none}.btn-primary{background:var(--color-accent);color:var(--color-on-primary);border-color:var(--color-accent);box-shadow:var(--shadow-stamp);border-radius:10px 4px 8px 5px}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn-primary:active:not(:disabled){box-shadow:var(--shadow-stamp-active);transform:translate(2px,2px)}.btn-ghost{color:var(--color-text-secondary);border-color:var(--color-border);box-shadow:none;background:0 0;border-radius:8px 6px}.btn-ghost:hover:not(:disabled){color:var(--color-text);border-color:var(--color-border-strong)}.link-secondary{color:var(--color-text-secondary);text-underline-offset:3px;font-size:13px;font-weight:500;-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.link-secondary:hover{color:var(--color-accent)}.join-error{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--color-accent-soft);border:1px solid var(--color-border);color:var(--color-text);font-size:14px}.uno-card{cursor:default;font-family:var(--font-uno-face);color:var(--uno-ink-on-face);-webkit-user-select:none;user-select:none;vertical-align:middle;background:0 0;border:none;border-radius:16px;flex-shrink:0;padding:0;display:inline-flex;position:relative}button.uno-card{cursor:pointer;color:var(--uno-ink-on-face);appearance:none}button.uno-card:disabled{opacity:.45;cursor:not-allowed}.uno-card--deck{width:48px;height:72px}.uno-card--seat{border-radius:18px;width:56px;height:80px}.uno-card--hero{border-radius:20px;width:76px;height:112px}.uno-card--red{background:var(--uno-red)}.uno-card--yellow{background:var(--uno-yellow);color:var(--color-text-on-yellow)}.uno-card--blue{background:var(--uno-blue)}.uno-card--green{background:var(--uno-green)}.uno-card--black{background:var(--uno-black)}.uno-card--back{background:var(--uno-back);border:2px solid var(--color-border-strong)}.uno-card--selected{box-shadow:0 0 0 3px var(--color-accent)}.uno-card__inner{border-radius:inherit;width:100%;height:100%;position:relative;overflow:hidden}.uno-card__corner,.uno-card__center{color:inherit}.uno-card__corner{opacity:.95;font-weight:300;line-height:1;position:absolute}.uno-card__corner--tl{font-size:.72em;top:8%;left:10%}.uno-card__corner--br{font-size:.72em;bottom:8%;right:10%;transform:rotate(180deg)}.uno-card--seat .uno-card__corner--tl,.uno-card--seat .uno-card__corner--br{font-size:.78em}.uno-card--hero .uno-card__corner--tl,.uno-card--hero .uno-card__corner--br{font-size:.85em}.uno-card__center{letter-spacing:-.02em;font-size:1.65em;font-weight:300;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.uno-card--seat .uno-card__center{font-size:1.75em}.uno-card--hero .uno-card__center{font-size:2.4em}.uno-card__back-line{background:var(--color-border-strong);width:55%;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-35deg)}.uno-card__wild{color:#ffffff59;width:62%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.uno-card__wild-mini{color:#ffffff80;pointer-events:none;width:36%;height:auto;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.uno-card--black .uno-card__center{font-size:2em}.uno-card-art{gap:var(--space-3);pointer-events:none;justify-content:center;align-items:flex-end;display:flex}.uno-card-art .uno-card:first-child{transform:rotate(-8deg)}.uno-card-art .uno-card:nth-child(2){transform:rotate(4deg)translateY(-8px)}.uno-card-art .uno-card:nth-child(3){transform:rotate(-3deg)}.uno-card-art .uno-card:nth-child(4){transform:rotate(10deg)translateY(4px)}.uno-flat-art{pointer-events:none;z-index:0;opacity:.92;width:min(420px,92vw);height:auto;position:fixed;bottom:8%;left:50%;transform:translate(-50%)}@media (height<=700px){.uno-flat-art{display:none}}@media (width>=900px){.uno-flat-art{width:320px;bottom:12%;left:auto;right:4%;transform:none}}.join-stage{min-height:100dvh;max-height:100dvh;padding:var(--space-3) var(--space-4);background-color:var(--color-bg);background-image:var(--chrome-ambient);justify-content:center;align-items:center;display:flex;position:relative;overflow:auto}.join-stage__inner{z-index:1;width:100%;max-width:400px;position:relative}.join-card{width:100%;padding:var(--space-5) var(--space-5) var(--space-4)}.join-header{margin-bottom:var(--space-4);text-align:center;padding-left:var(--space-4)}.join-title{color:var(--color-text);margin:0;font-size:1.5rem}.join-subtitle{margin:var(--space-2) 0 0;color:var(--color-text-secondary);text-align:center;font-size:14px;line-height:1.45}.join-field{margin-bottom:var(--space-3)}.join-field--compact{margin-bottom:var(--space-2)}.join-label{color:var(--color-text-secondary);text-transform:none;letter-spacing:normal;margin-bottom:4px;font-size:13px;font-weight:500;display:block}.join-input--mono{font-variant-numeric:tabular-nums;letter-spacing:.04em}.join-tabs{margin:var(--space-3) 0 var(--space-2);background:var(--color-bg);border-radius:var(--radius-sm);border:1px solid var(--color-border);grid-template-columns:1fr 1fr;gap:2px;padding:3px;display:grid}.join-tab{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:5px;padding:7px 10px;font-size:13px;font-weight:600}.join-tab--active{background:var(--color-surface-raised);color:var(--color-accent);box-shadow:0 1px #00000059}.join-tab-panel{min-height:0}.join-details{margin-bottom:var(--space-2);font-size:13px}.join-details__summary{cursor:pointer;color:var(--color-text-secondary);margin-bottom:var(--space-2);text-underline-offset:3px;font-size:13px;font-weight:500;-webkit-text-decoration:underline dashed;text-decoration:underline dashed;list-style:none}.join-details__summary:hover{color:var(--color-accent)}.join-details__summary::-webkit-details-marker{display:none}.join-details[open] .join-details__summary{margin-bottom:var(--space-2)}.join-hint{color:var(--color-text-muted);margin:4px 0 0;font-size:11px}.join-actions{margin-top:var(--space-3)}.join-btn{cursor:pointer;border:2px solid #0000;width:100%;padding:11px 14px;font-size:14px;font-weight:600;transition:transform 80ms,box-shadow 80ms}.join-btn--primary{background:var(--color-accent);color:var(--color-text);border-color:var(--color-accent);box-shadow:var(--shadow-stamp);border-radius:10px 4px 8px 5px}.join-btn--primary:hover:not(:disabled){background:var(--color-accent-hover)}.join-btn--primary:active:not(:disabled){box-shadow:var(--shadow-stamp-active);transform:translate(2px,2px)}.join-btn--ghost{color:var(--color-text-secondary);border-color:var(--color-border);background:0 0}.join-btn:disabled{opacity:.5;cursor:not-allowed}.join-loading{text-align:center;color:var(--color-text-secondary);padding:var(--space-6)}.join-deck-options{gap:var(--space-2);flex-direction:column;display:flex}.join-check{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:12px;display:flex}.join-error--compact{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);font-size:13px}.join-footer-links{text-align:center;margin-top:var(--space-4);justify-content:center;align-items:center;gap:var(--space-3);color:var(--color-text-muted);font-size:13px;display:flex}.join-footer-links a{color:var(--color-text-secondary);text-underline-offset:3px;font-weight:500;-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.join-footer-links a:hover{color:var(--color-accent)}.room-shell{background-color:var(--color-bg);background-image:var(--chrome-ambient-subtle);min-height:100dvh;display:flex}.room-shell__backdrop{z-index:40;cursor:pointer;background:#0f121c66;border:none;position:fixed;inset:0}.room-sidebar{width:var(--sidebar-width);background:var(--color-surface);border-right:1px solid var(--color-border);z-index:50;flex-direction:column;flex-shrink:0;min-height:100dvh;display:flex}@media (width<=899px){.room-sidebar{box-shadow:var(--shadow-lg);transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.room-sidebar--open{transform:translate(0)}}.room-main{min-width:0;padding:var(--space-4) var(--space-5) var(--space-6);flex-direction:column;flex:1;display:flex}.backlog-header{padding:var(--space-5) var(--space-4);border-bottom:1px solid var(--color-border)}.backlog-header h2{margin:0;font-size:1rem;font-weight:700}.backlog-meta{margin:var(--space-1) 0 0;color:var(--color-text-secondary);font-size:13px}.backlog-body{padding:var(--space-3);flex:1;overflow-y:auto}.story-form{padding:var(--space-3) var(--space-4) var(--space-4);border-top:1px solid var(--color-border);gap:var(--space-2);flex-direction:column;display:flex}.story-form input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);padding:8px 10px;font-size:14px}.story-form input::placeholder{color:var(--color-text-muted)}.story-form button{border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-on-primary);cursor:pointer;border:none;padding:10px;font-weight:600}.story-card{align-items:flex-start;gap:var(--space-2);padding:var(--space-3);margin-bottom:var(--space-2);border-radius:var(--radius-sm);background:var(--color-bg);cursor:default;border:1px solid #0000;display:flex;position:relative}.story-card--active{background:var(--color-surface);border-color:var(--color-border-strong);border-left:4px solid var(--uno-red)}.story-card--clickable{cursor:pointer}.story-card--editing{cursor:default;flex-wrap:wrap}.story-card__icon{background:var(--color-border);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.story-card__icon--svg{color:var(--color-text-secondary);background:var(--color-border)}.story-card__body{flex:1;min-width:0}.story-card__title{word-break:break-word;font-size:14px;font-weight:600;line-height:1.35}.story-card__badge{margin-top:var(--space-1);background:var(--color-border);color:var(--color-text-secondary);border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700;display:inline-block}.story-card__link-preview{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.story-card__actions{flex-shrink:0;gap:2px;display:flex}.story-card__action{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.story-card__action:hover{background:var(--color-border);color:var(--color-text)}.story-card__action--danger:hover{color:var(--color-accent);background:var(--color-accent-soft)}.story-card__edit{gap:var(--space-2);flex-direction:column;flex:1;min-width:0;display:flex}.story-card__input{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;padding:6px 8px;font-size:13px}.story-card__edit-actions{gap:var(--space-2);display:flex}.story-card__btn{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;padding:6px 10px;font-size:12px;font-weight:600}.story-card__btn--primary{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.backlog-empty{padding:var(--space-4);color:var(--color-text-secondary);text-align:center;font-size:14px;line-height:1.45}.room-topbar{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.room-topbar__menu{display:none}@media (width<=899px){.room-topbar__menu{display:inline-flex}}.room-topbar__invite{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:inline-flex}.room-topbar__share{padding:6px 12px;font-size:13px}.code-pill{align-items:center;gap:var(--space-2);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.code-pill .code{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.05em;color:var(--color-accent)}.room-topbar__story{flex:1;min-width:200px}.room-topbar__story h1{margin:0;font-size:1.125rem;font-weight:700}.room-topbar__link{color:var(--color-text-secondary);text-underline-offset:3px;font-size:13px;font-weight:500;-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.room-topbar__link:hover{color:var(--color-accent)}.room-topbar__actions{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.room-topbar__avg{color:var(--color-text-secondary);font-size:14px}.room-topbar__avg strong{color:var(--color-text)}.room-topbar__leave{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;font-size:13px;text-decoration:underline}.estimation-area{justify-content:center;align-items:center;gap:var(--space-5);padding:var(--space-4) 0;flex-direction:column;flex:1;display:flex}.estimation-table{aspect-ratio:1.6;width:min(100%,640px);max-height:360px;position:relative}.estimation-table__oval{background:var(--table-oval);border:1px solid var(--table-oval-ring);box-shadow:inset 0 0 80px var(--uno-blue-soft);border-radius:24px;position:absolute;inset:14% 10%}.estimation-table__center{z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.estimation-table__seats{position:absolute;inset:0}.player-seat{text-align:center;width:88px;position:absolute;transform:translate(-50%,-50%)}.player-seat__uno{margin:0 auto var(--space-2);display:block}.player-seat__uno--empty{opacity:.35}.player-seat__name{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.player-seat__name--me{color:var(--color-text)}.deck-hint{color:var(--color-text-muted);text-align:center;font-size:13px}.voting-deck{justify-content:center;gap:var(--space-2);flex-wrap:wrap;max-width:720px;display:flex}.finish-select{width:auto}.room-view-toggle{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg);padding:2px;display:inline-flex}.room-view-toggle__btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600}.room-view-toggle__btn--active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-sm)}.sprint-table-panel{flex-direction:column;flex:1;width:100%;max-width:960px;min-height:0;margin:0 auto;display:flex}.sprint-table-toolbar{gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.sprint-table-filters{gap:var(--space-2);flex-wrap:wrap;flex:1;min-width:200px;display:flex}.sprint-table-search{flex:1;min-width:160px}.sprint-table-summary{margin:0 0 var(--space-3);color:var(--color-text-secondary);font-size:13px}.sprint-table-live{margin-bottom:var(--space-3);padding:var(--space-3);background:var(--color-primary-soft);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.sprint-table-live__label{margin-bottom:var(--space-2);color:var(--color-text);font-size:12px;font-weight:700;display:block}.sprint-table-live__votes{gap:var(--space-2);flex-wrap:wrap;display:flex}.sprint-table-live__chip{background:var(--color-surface);border-radius:var(--radius-sm);padding:4px 8px;font-size:13px}.sprint-table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);flex:1;overflow:auto}.sprint-table{border-collapse:collapse;width:100%;font-size:14px}.sprint-table th,.sprint-table td{text-align:left;padding:var(--space-3);border-bottom:1px solid var(--color-border)}.sprint-table th{background:var(--color-bg);color:var(--color-text-secondary);z-index:1;font-size:12px;font-weight:500;position:sticky;top:0}.sprint-table-row--active{background:var(--color-primary-soft)}.sprint-table-points{font-variant-numeric:tabular-nums;font-weight:700}.sprint-table-empty{text-align:center;color:var(--color-text-muted);padding:var(--space-6)!important}.sprint-table-status{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.sprint-table-status--concluida{background:var(--uno-green-soft);color:var(--color-success)}.sprint-table-status--pendente{background:var(--color-border);color:var(--color-text-secondary)}.sprint-table a{color:var(--color-text-secondary);text-underline-offset:2px;font-weight:500;-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.sprint-table a:hover{color:var(--color-accent)}.confirm-dialog{background:0 0;border:none;max-width:min(420px,100vw - 32px);padding:0}.confirm-dialog::backdrop{background:var(--color-scrim)}.confirm-dialog-panel{background:var(--color-surface);padding:var(--space-6);border:1px solid var(--color-border);box-shadow:var(--shadow-paper);transform:rotate(-.4deg)}.confirm-dialog-title{margin:0 0 var(--space-3);color:var(--color-text);font-size:1.125rem}.confirm-dialog-message{margin:0 0 var(--space-4);color:var(--color-text-secondary);font-size:14px;line-height:1.5}.confirm-dialog-highlight-row{gap:var(--space-2);margin-bottom:var(--space-5);align-items:center;display:flex}.confirm-dialog-highlight{padding:var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:13px;font-family:var(--font-mono);color:var(--color-text);word-break:break-all;flex:1}.confirm-dialog-actions{justify-content:flex-end;display:flex}.admin-shell{background-color:var(--color-bg);background-image:var(--chrome-ambient-subtle);min-height:100dvh}.admin-nav{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.admin-nav h1{flex:1;margin:0;font-size:1rem}.admin-nav a{color:var(--color-text-secondary);text-underline-offset:3px;font-size:14px;font-weight:500;-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.admin-nav a.active,.admin-nav a:hover{color:var(--color-accent)}.admin-main{max-width:1100px;padding:var(--space-5);margin:0 auto}.admin-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-5);max-width:400px;margin:var(--space-8) auto;box-shadow:var(--shadow-flat);transform:rotate(-.5deg)}.admin-card .admin-muted a{color:var(--color-text-secondary);text-underline-offset:3px;font-weight:500;-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.admin-card .admin-muted a:hover{color:var(--color-accent)}.admin-table{border-collapse:collapse;width:100%;font-size:14px}.admin-table th,.admin-table td{text-align:left;padding:var(--space-3);border-bottom:1px solid var(--color-border)}.admin-table th{color:var(--color-text-secondary);font-size:12px;font-weight:500}.admin-badge{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.admin-badge--online{background:var(--uno-green-soft);color:var(--color-success)}.admin-badge--idle{background:var(--color-border);color:var(--color-text-secondary)}.admin-section-title{margin:var(--space-6) 0 var(--space-3);font-size:1rem}.admin-row-actions{gap:var(--space-2);display:flex}.admin-form-grid{gap:var(--space-3);margin-bottom:var(--space-4);flex-direction:column;display:flex}.admin-muted{color:var(--color-text-muted);font-size:13px}.error-stage{min-height:100dvh;padding:var(--space-4);background-color:var(--color-bg);background-image:var(--chrome-ambient);justify-content:center;align-items:center;display:flex}.error-card{text-align:center;width:100%;max-width:400px;padding:var(--space-6) var(--space-5)}.error-card__uno{margin-bottom:var(--space-4);justify-content:center;display:flex}.error-title{margin:0 0 var(--space-2);font-size:1.25rem;font-weight:700}.error-message{margin:0 0 var(--space-4);color:var(--color-text-secondary);font-size:14px;line-height:1.5}.error-meta{margin:0 0 var(--space-5);color:var(--color-text-muted);font-size:13px}.error-meta__code{font-variant-numeric:tabular-nums;letter-spacing:.06em;color:var(--color-text);font-weight:700}.error-actions{gap:var(--space-3);flex-direction:column;align-items:center;display:flex}.error-link{color:var(--color-text-secondary);text-underline-offset:3px;font-size:13px;font-weight:500;-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.error-link:hover{color:var(--color-accent)}.explainer-page{min-height:100dvh;padding:var(--space-4);background-color:var(--color-bg);background-image:var(--chrome-ambient);flex-direction:column;align-items:center;display:flex}.explainer-page__top{width:100%;max-width:640px;margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.explainer-page__back{color:var(--color-text-secondary);text-underline-offset:3px;font-size:13px;font-weight:500;-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.explainer-page__back:hover{color:var(--color-accent)}.explainer-page__brand{color:var(--color-text-muted);font-size:13px;font-weight:600}.explainer{width:100%;max-width:640px;position:relative}.explainer__deck{z-index:1;display:none;position:absolute}@media (width>=560px){.explainer__deck{display:block}.explainer__deck--left{top:-12px;left:-8px;transform:rotate(-8deg)}.explainer__deck--right{top:-8px;right:-12px;transform:rotate(6deg)}}.explainer__frame{z-index:2;background:var(--color-surface);border-radius:var(--radius-card);border:2px solid var(--color-border);position:relative;overflow:hidden}.explainer__viewport{overflow:hidden}.explainer__track{transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex}@media (prefers-reduced-motion:reduce){.explainer__track{transition:none}}.explainer__slide{min-height:360px;padding:var(--space-5) var(--space-5) var(--space-4);box-sizing:border-box;flex-direction:column;flex:0 0 100%;display:flex}.explainer__step{margin:0 0 var(--space-2);font-family:var(--font-mono);color:var(--color-text-muted);font-size:12px;font-weight:400}.explainer__title{margin:0 0 var(--space-3);color:var(--color-text);font-size:1.35rem;font-weight:700;line-height:1.25}.explainer__text{margin:0 0 var(--space-2);color:var(--color-text-secondary);max-width:44ch;font-size:14px;line-height:1.55}.explainer__note{margin:var(--space-2) 0 0;color:var(--color-text-muted);max-width:44ch;font-size:13px;font-style:italic}.explainer__chip{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);border-radius:var(--radius-sm);background:var(--color-primary-soft);border:1px solid var(--color-border);color:var(--color-text);align-self:flex-start;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex}.explainer__cta{align-self:flex-start;margin-top:auto}.explainer__vote-row{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.explainer__table{gap:var(--space-4);margin-top:var(--space-4);flex-wrap:wrap;align-items:flex-end;display:flex}.explainer__player{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.explainer__player--outlier .uno-card{box-shadow:0 0 0 3px var(--uno-red)}.explainer__player-name{color:var(--color-text-secondary);font-size:12px;font-weight:600}.explainer__result{margin:var(--space-3) 0 0;color:var(--color-text-secondary);font-size:13px;line-height:1.45}.explainer__end-actions{gap:var(--space-2);flex-wrap:wrap;margin-top:auto;display:flex}.explainer__dots{justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-4) var(--space-2);display:flex}.explainer__dot{border:1.5px solid var(--color-border);background:var(--color-surface);width:24px;height:24px;color:var(--color-text-muted);cursor:pointer;font-variant-numeric:tabular-nums;border-radius:50%;font-size:11px;font-weight:700}.explainer__dot--active{background:var(--uno-red);border-color:var(--uno-red);color:var(--uno-ink-on-face)}.explainer__dot--done{border-color:var(--uno-blue);color:var(--uno-blue)}.explainer__dot:nth-child(4n+2).explainer__dot--active{background:var(--uno-yellow);border-color:var(--uno-yellow);color:var(--color-text-on-yellow)}.explainer__dot:nth-child(4n+3).explainer__dot--active{background:var(--uno-blue);border-color:var(--uno-blue);color:var(--uno-ink-on-face)}.explainer__dot:nth-child(4n).explainer__dot--active{background:var(--uno-green);border-color:var(--uno-green);color:var(--uno-ink-on-face)}.explainer__nav{padding:0 var(--space-5) var(--space-4);justify-content:space-between;display:flex}.explainer__nav-btn{color:var(--color-text-secondary);cursor:pointer;padding:var(--space-2);background:0 0;border:none;font-size:13px;font-weight:600}.explainer__nav-btn:hover:not(:disabled){color:var(--color-primary)}.explainer__nav-btn:disabled{opacity:.35;cursor:default}