@font-face{font-family:Fredoka;src:url(/assets/fredoka-600-Z_Ty-zQB.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}:root{--red:#d2321e;--green:#1e9e4a;--blue:#1565b8;--yellow:#f0b310;--bone:#f5f1e8;--ink:#14100e;--ground:#f2f4ef;--panel:#fff;--panel-edge:#d6dcd2;--felt:#1b3730;--felt-edge:#2c4d44;--text:#17211d;--text-dim:#566158;--accent:#1e9e4a;--step--1:.8125rem;--step-0:1rem;--step-1:1.3rem;--step-2:1.85rem;--step-3:2.6rem;--r-sm:6px;--r-md:12px;--r-lg:20px;--display:"Fredoka", system-ui, -apple-system, "Segoe UI", sans-serif;--body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--data:"SF Mono", SFMono-Regular, Menlo, Consolas, monospace}@media (prefers-color-scheme:dark){:root{--ground:#101a17;--panel:#172420;--panel-edge:#26372f;--text:#e6ece7;--text-dim:#93a29a;--accent:#3fc46b}}:root[data-theme=dark]{--ground:#101a17;--panel:#172420;--panel-edge:#26372f;--text:#e6ece7;--text-dim:#93a29a;--accent:#3fc46b}:root[data-theme=light]{--ground:#f2f4ef;--panel:#fff;--panel-edge:#d6dcd2;--text:#17211d;--text-dim:#566158;--accent:#1e9e4a}*,:before,:after{box-sizing:border-box}body{background:var(--ground);min-height:100dvh;color:var(--text);font-family:var(--body);font-size:var(--step-0);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}h1,h2,h3{font-family:var(--display);text-wrap:balance;margin:0;font-weight:600;line-height:1.15}#root{min-height:100dvh;padding:clamp(.75rem,3vw,1.5rem)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.btn{appearance:none;font:inherit;font-family:var(--display);border:1px solid var(--panel-edge);background:var(--panel);min-height:44px;color:var(--text);cursor:pointer;border-radius:999px;padding:.6rem 1.2rem;transition:background-color .18s,border-color .18s}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--green);color:var(--bone);border-color:#0000;font-weight:600}.btn-uno{background:var(--red);color:var(--bone);letter-spacing:.05em;border-color:#0000;font-weight:600}.icon-btn{appearance:none;color:inherit;cursor:pointer;border-radius:var(--r-sm);background:0 0;border:0;place-items:center;width:44px;height:44px;display:grid}.icon-btn:hover{background:#f5f1e81f}.stack{flex-direction:column;gap:.5rem;display:flex}.eyebrow{font-size:var(--step--1);letter-spacing:.09em;text-transform:uppercase;color:var(--text-dim);font-weight:600}.hint{font-size:var(--step--1);color:var(--text-dim);margin:0}.banner{border-radius:var(--r-md);font-size:var(--step--1);border-left:4px solid var(--accent);background:var(--panel);margin:0;padding:.7rem 1rem}.banner-bad{border-left-color:var(--red)}.code-display{font-family:var(--data);font-size:var(--step-2);letter-spacing:.22em;margin:0;font-weight:700}.copy-row{flex-wrap:wrap;gap:.5rem;margin-top:.35rem;display:flex}.copy-cell{flex-direction:column;gap:.3rem;display:inline-flex}.btn-copy{font-size:var(--step--1);align-items:center;gap:.45rem;padding:.5rem .95rem;transition:background-color .18s,border-color .18s,color .18s;display:inline-flex}.btn-copy.is-copied{border-color:var(--accent);color:var(--accent)}.copy-failed{font-size:var(--step--1);color:var(--text);font-weight:600}.card-button{appearance:none;cursor:pointer;background:0 0;border:0;border-radius:9px;width:100%;padding:0;transition:transform .18s,filter .18s;display:block}.card-button:hover:not(:disabled),.card-button:focus-visible:not(:disabled){filter:drop-shadow(0 10px 14px #00000059);transform:translateY(-8px)}.card-button:disabled{cursor:not-allowed;filter:grayscale(.65)brightness(.72)}.home{flex-direction:column;gap:1.25rem;max-width:26rem;margin:0 auto;padding:clamp(1rem,6vh,4rem) 0;display:flex}@media (width>=900px){.home{grid-template-columns:26rem minmax(0,1fr);align-items:start;column-gap:2.5rem;max-width:56rem;display:grid}}.home-column{flex-direction:column;gap:1.25rem;display:flex}.home-aside{flex-direction:column;gap:1.25rem;min-width:0;display:flex}.home h1{font-size:var(--step-3);letter-spacing:-.02em}.home-form{flex-direction:column;gap:.5rem;display:flex}.home-form label{font-size:var(--step--1);color:var(--text-dim);font-weight:600}.home-form input{font:inherit;border-radius:var(--r-md);border:1px solid var(--panel-edge);background:var(--panel);min-height:44px;color:var(--text);padding:.6rem .9rem}.code-input{font-family:var(--data);letter-spacing:.2em;text-transform:uppercase}.home-divider{color:var(--text-dim);font-size:var(--step--1);align-items:center;gap:.75rem;display:flex}.home-divider:before,.home-divider:after{content:"";background:var(--panel-edge);flex:1;height:1px}.lobby{flex-direction:column;gap:1.5rem;max-width:28rem;margin:0 auto;padding:clamp(1rem,5vh,3rem) 0;display:flex}@media (width>=900px){.lobby{grid-template-columns:26rem minmax(0,1fr);align-items:start;column-gap:2.5rem;max-width:58rem;display:grid}}.lobby-column,.lobby-aside{flex-direction:column;gap:1.25rem;min-width:0;display:flex}.rule{flex-direction:column;gap:.1rem;display:flex}.rule-state{min-height:32px;font-size:var(--step--1);align-items:baseline;gap:.6rem;margin:0;display:flex}.rule-state:before{content:"";border-bottom:1px dotted color-mix(in oklab, var(--text-dim) 55%, transparent);flex:1;order:1;transform:translateY(-.2em)}.rule-state strong{order:2;font-weight:600}.rule-why>summary{min-height:32px;font-size:var(--step--1);color:var(--text-dim);cursor:pointer;align-items:center;display:flex}.rule-why>summary:hover{color:var(--accent)}.lobby-values{border-radius:var(--r-md);max-height:40vh;overflow-y:auto}@media (width>=900px){.lobby-values{max-height:none;overflow-y:visible}}.roster{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.slot{border-radius:var(--r-md);border:1px solid var(--panel-edge);background:var(--panel);font-size:var(--step--1);align-items:center;gap:.75rem;padding:.6rem .8rem;display:flex}.slot-away{opacity:.6}.slot-empty{color:var(--text-dim);background:0 0;border-style:dashed}.slot-status{color:var(--text-dim);font-size:.72rem}.avatar{width:34px;height:34px;font-family:var(--display);color:var(--ink);border-radius:50%;flex:none;place-items:center;display:grid}.avatar-empty{background:var(--panel-edge);color:var(--text-dim)}.host-tag{letter-spacing:.08em;text-transform:uppercase;background:var(--yellow);color:var(--ink);border-radius:4px;margin-left:auto;padding:.16rem .45rem;font-size:.62rem;font-weight:700}.table-screen{flex-direction:column;gap:1rem;max-width:1500px;margin:0 auto;display:flex}@media (width>=1000px){.table-screen{flex-direction:row;align-items:stretch;min-height:calc(100dvh - 2*clamp(.75rem,3vw,1.5rem))}.table-screen>.table-surface>.table-grid{height:100%}.table-screen>.table-surface{flex:auto;min-width:0}.table-screen>.chat-panel{flex:0 0 clamp(280px,24vw,360px);min-height:0;max-height:calc(100dvh - 2*clamp(.75rem,3vw,1.5rem))}.table-screen>.chat-tab{flex:none;align-self:flex-start}}.table-surface{border-radius:var(--r-lg);border:1px solid var(--felt-edge);background:radial-gradient(ellipse 80% 60% at 50% 45%, var(--felt-edge), var(--felt) 70%);color:var(--bone);padding:clamp(1rem,3vw,1.75rem);position:relative}.table-grid{grid-template-columns:minmax(56px,.7fr) 1.6fr minmax(56px,.7fr);grid-template-areas:".north.""west centre east""south south south";place-items:center;gap:clamp(.5rem,2vw,1.25rem);min-height:clamp(380px,58vh,680px);display:grid}.area-north{grid-area:north}.area-west{grid-area:west}.area-east{grid-area:east}.area-centre{grid-area:centre}.area-south{flex-direction:column;grid-area:south;align-items:center;gap:.5rem;width:100%;display:flex}.controls{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.drawn-prompt{color:var(--accent);text-align:center;margin:0;font-size:.78rem;font-weight:600}.seat{flex-direction:column;align-items:center;gap:.5rem;display:flex}.fan{justify-content:center;display:flex}.fan-card{flex:none;width:42px}.fan-horizontal>.fan-card+.fan-card{margin-left:-26px}.fan-vertical{flex-direction:column;align-items:center}.fan-vertical>.fan-card+.fan-card{margin-top:-46px}.btn-liar{background:var(--red);color:var(--bone);letter-spacing:.04em;font-weight:600;font-size:var(--step--1);border-color:#0000;padding:.4rem .9rem}.plate{color:var(--bone);font-size:var(--step--1);white-space:nowrap;background:#00000052;border:1px solid #f5f1e829;border-radius:999px;align-items:center;gap:.4rem;margin:0;padding:.3rem .7rem;display:inline-flex}.plate-turn{background:var(--green);border-color:#0000;box-shadow:0 0 0 3px #1e9e4a47}.plate-count{font-family:var(--data);font-variant-numeric:tabular-nums;font-weight:700}.plate-note{opacity:.8;font-size:.68rem}.plate-note-jump{opacity:1;color:var(--accent);font-weight:700}.presence{border-radius:50%;flex:none;width:7px;height:7px}.presence-active{background:#7ee2a0}.presence-disconnected{background:#e0b64a}.presence-left{background:#b9564a}.centre-stack{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(.6rem,3vw,1.4rem);display:flex}.pile{width:84px}.pile-group{flex-direction:column;align-items:center;gap:.3rem;display:flex}.pile-label{letter-spacing:.08em;text-transform:uppercase;color:var(--bone);opacity:.75;text-align:center;margin:0;font-size:.6rem}.colour-orb{border:3px solid #f5f1e8d9;border-radius:50%;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 0 22px -2px}.dir-badge,.debt-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--bone);white-space:nowrap;border-radius:999px;align-items:center;gap:.4rem;margin:0;padding:.35rem .7rem;font-size:.7rem;font-weight:600;display:inline-flex}.dir-badge{background:#f5f1e81a;border:1px solid #f5f1e84d}.debt-badge{background:var(--red);font-variant-numeric:tabular-nums;border:1px solid #0000;font-weight:700}.hand{--card-w:clamp(76px, 7.5vw, 108px);flex-wrap:wrap;justify-content:center;row-gap:.5rem;padding-top:.5rem;display:flex}.hand-card{width:var(--card-w);flex:none}.hand-card+.hand-card{margin-left:calc(var(--card-w) * -.17)}.hand-card:hover,.hand-card:focus-within{z-index:1;position:relative}.picker-veil{z-index:30;background:#08120fb8;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.picker{border-radius:var(--r-md);background:var(--felt);border:1px solid var(--felt-edge);color:var(--bone);flex-direction:column;gap:.9rem;padding:1.25rem;display:flex}.picker-title{font-size:var(--step-1);margin:0}.picker-grid{grid-template-columns:repeat(2,1fr);gap:.65rem;display:grid}.swatch{appearance:none;border-radius:var(--r-sm);cursor:pointer;min-width:84px;min-height:84px;color:var(--bone);font-family:var(--display);font-size:var(--step--1);border:3px solid #0000;place-items:center;gap:.2rem;transition:transform .16s;display:grid}.swatch:hover{transform:translateY(-3px)}.swap-target{min-height:56px;font-size:var(--step--1);justify-content:center}.sort-control{background:#00000047;border:1px solid #f5f1e82e;border-radius:999px;gap:.2rem;padding:.2rem;display:inline-flex}.sort-btn{appearance:none;font:inherit;font-family:var(--display);letter-spacing:.02em;color:#f5f1e8b8;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;min-height:44px;padding:0 .75rem;font-size:.72rem;transition:background-color .16s,color .16s}.sort-btn:hover{color:var(--bone);background:#f5f1e81a}.sort-btn[aria-pressed=true]{color:var(--felt);background:#f5f1e8e6;font-weight:600}.chat-panel{border-radius:var(--r-md);background:var(--felt);border:1px solid var(--felt-edge);max-height:420px;color:var(--bone);flex-direction:column;display:flex;overflow:hidden}.chat-head{border-bottom:1px solid var(--felt-edge);font-family:var(--display);font-size:var(--step--1);align-items:center;gap:.5rem;padding:.7rem .9rem;display:flex}.chat-head>button{margin-left:auto}.chat-body{scrollbar-width:thin;scrollbar-color:#f5f1e847 transparent;min-height:0;font-size:var(--step--1);flex-direction:column;flex:auto;gap:.55rem;padding:.9rem;display:flex;overflow-y:auto}.chat-body>:first-child{margin-top:auto}.msg{display:flex}.msg-mine{flex-direction:row-reverse}.msg-bubble{background:#f5f1e81a;border-radius:12px 12px 12px 3px;max-width:82%;padding:.4rem .65rem}.msg-mine .msg-bubble{background:color-mix(in srgb, var(--green) 45%, transparent);border-radius:12px 12px 3px}.msg-who{margin-bottom:.1rem;font-size:.72rem;font-weight:700;display:block}.sys-line{opacity:.66;margin:0;font-size:.74rem}.chat-foot{border-top:1px solid var(--felt-edge);gap:.5rem;padding:.6rem;display:flex}.chat-foot input{min-width:0;font:inherit;font-size:var(--step--1);min-height:44px;color:var(--bone);background:#0000004d;border:1px solid #f5f1e838;border-radius:999px;flex:1;padding:.55rem .9rem}.chat-tab{background:var(--felt);border:1px solid var(--felt-edge);min-height:44px;color:var(--bone);font-family:var(--display);font-size:var(--step--1);cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;padding:.55rem 1rem;display:inline-flex}.unread{background:var(--red);min-width:20px;height:20px;color:var(--bone);font-family:var(--data);border-radius:999px;place-items:center;padding:0 .3rem;font-size:.68rem;font-weight:700;display:grid}.over-veil{z-index:20;border-radius:var(--r-lg);background:#08120fd1;place-items:center;padding:1rem;display:grid;position:absolute;inset:0}.over-card{text-align:center;border-radius:var(--r-md);background:var(--felt);border:1px solid var(--felt-edge);width:100%;max-width:380px;color:var(--bone);flex-direction:column;gap:1rem;padding:clamp(1.25rem,4vw,2rem);display:flex;box-shadow:0 24px 48px -12px #000000b3}.standings{text-align:left;flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.standing{border-radius:var(--r-sm);font-size:var(--step--1);background:#f5f1e80f;align-items:center;gap:.6rem;padding:.4rem .6rem;display:flex}.standing-won{background:color-mix(in srgb, var(--green) 30%, transparent);font-weight:600}.standing-count{font-family:var(--data);font-variant-numeric:tabular-nums;margin-left:auto;font-weight:700}.over-actions{flex-direction:column;gap:.6rem;display:flex}.toaster{z-index:40;flex-direction:column;gap:.5rem;max-width:min(360px,100vw - 2rem);display:flex;position:fixed;bottom:1rem;right:1rem}.toast{border-radius:var(--r-md);background:var(--panel);border:1px solid var(--panel-edge);border-left:4px solid var(--accent);font-size:var(--step--1);align-items:flex-start;gap:.5rem;padding:.7rem .5rem .7rem 1rem;display:flex}.toast b{font-family:var(--display);display:block}.toast-warn{border-left-color:var(--yellow)}.toast-bad{border-left-color:var(--red)}@media (width<=620px){.table-grid{grid-template-columns:1fr;grid-template-areas:"north""centre""south";min-height:0}.area-west,.area-east{grid-area:north}}.pile-discard{animation:.38s cubic-bezier(.2,.9,.3,1.2) fxCardDrop}@keyframes fxCardDrop{0%{opacity:0;transform:translateY(-22px)scale(.85)rotate(-6deg)}70%{opacity:1;transform:translateY(3px)scale(1.03)rotate(1deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}.pile-draw{animation:.42s ease-out fxDrawPulse;position:relative}.pile-draw:after{content:"";background:var(--bone);opacity:0;pointer-events:none;border-radius:9px;animation:.42s ease-out fxDrawGhost;position:absolute;inset:0}@keyframes fxDrawPulse{0%{transform:translateY(0)scale(1)}35%{transform:translateY(-9px)scale(1.06)}to{transform:translateY(0)scale(1)}}@keyframes fxDrawGhost{0%{opacity:.55;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-28px)scale(.9)}}.fx-layer{z-index:15;pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.fx-flash{opacity:0;animation-name:fxFlash;animation-timing-function:ease-out;animation-fill-mode:forwards;position:absolute;inset:0}.fx-label{font-family:var(--display);letter-spacing:.02em;-webkit-text-stroke:3px var(--bone);paint-order:stroke fill;text-shadow:0 6px 18px #00000073;font-size:clamp(2rem,8vw,4rem);font-weight:600;animation-name:fxBurst;animation-timing-function:cubic-bezier(.2,.8,.2,1);animation-fill-mode:forwards;position:absolute;top:50%;left:50%}@keyframes fxFlash{0%{opacity:0}18%{opacity:.85}to{opacity:0}}@keyframes fxBurst{0%{opacity:0;transform:translate(-50%,-50%)scale(.35)rotate(-10deg)}35%{opacity:1;transform:translate(-50%,-50%)scale(1.18)rotate(4deg)}60%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}to{opacity:0;transform:translate(-50%,-50%)scale(.9)rotate(0)}}.fx-label-uno{letter-spacing:.04em;font-size:clamp(2.4rem,10vw,5rem);animation-name:fxUnoPop;animation-timing-function:cubic-bezier(.34,1.56,.64,1)}@keyframes fxUnoPop{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)rotate(-14deg)}30%{opacity:1;transform:translate(-50%,-50%)scale(1.3)rotate(6deg)}48%{opacity:1;transform:translate(-50%,-50%)scale(.95)rotate(-3deg)}64%{opacity:1;transform:translate(-50%,-50%)scale(1.12)rotate(2deg)}80%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}to{opacity:0;transform:translate(-50%,-50%)scale(1.04)rotate(0)}}.fx-shake{animation:.5s fxShake}@keyframes fxShake{0%,to{transform:translate(0)}20%{transform:translate(-10px,2px)rotate(-.6deg)}40%{transform:translate(8px,-2px)rotate(.5deg)}60%{transform:translate(-6px,1px)rotate(-.4deg)}80%{transform:translate(4px,-1px)rotate(.2deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.card-button:hover:not(:disabled),.card-button:focus-visible:not(:disabled),.swatch:hover{transform:none}}.goal-picker{border:1px solid var(--panel-edge);border-radius:var(--r-md);flex-direction:column;gap:.6rem;margin:0;padding:.85rem;display:flex}.goal-picker legend{font-size:var(--step--1);color:var(--text-dim);padding:0 .4rem;font-weight:600}.segmented{background:color-mix(in oklab, var(--panel-edge) 45%, transparent);border-radius:999px;flex-wrap:wrap;gap:.3rem;padding:.25rem;display:flex}.seg{appearance:none;min-height:44px;color:var(--text-dim);font:inherit;font-family:var(--display);font-size:var(--step--1);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:auto;padding:.4rem .9rem;transition:background-color .18s,color .18s}.seg-on{background:var(--panel);color:var(--text);box-shadow:0 1px 3px #0000002e}.goal-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.goal-row label{font-size:var(--step--1);color:var(--text-dim)}.goal-row input{font-variant-numeric:tabular-nums;width:6rem}.preset-row{gap:.3rem;display:flex}.chip{appearance:none;border:1px solid var(--panel-edge);min-height:44px;color:var(--text);font:inherit;font-size:var(--step--1);cursor:pointer;background:0 0;border-radius:999px;padding:.35rem .7rem;transition:border-color .18s}.chip:hover{border-color:var(--accent)}.sound-toggle,.theme-cycler{z-index:3;appearance:none;width:44px;height:44px;color:var(--bone);cursor:pointer;opacity:.55;background:#14100e59;border:1px solid #f5f1e829;border-radius:999px;place-items:center;transition:opacity .18s,border-color .18s;display:grid;position:absolute;top:.6rem;right:.6rem}.sound-toggle:hover,.sound-toggle:focus-visible,.theme-cycler:hover,.theme-cycler:focus-visible{opacity:1;border-color:var(--accent)}.sound-toggle[aria-pressed=true]{opacity:1;color:var(--yellow)}.theme-cycler{right:3.5rem}.switch-row{cursor:pointer;min-height:44px;font-size:var(--step--1);align-items:center;gap:.55rem;display:flex}.switch-row input{width:20px;height:20px;accent-color:var(--accent);cursor:pointer}.turn-clock{color:var(--bone);justify-content:center;align-items:baseline;gap:.4rem;margin:.5rem 0 0;display:flex}.turn-clock-number{font-family:var(--data);font-size:var(--step-2);font-variant-numeric:tabular-nums;font-weight:700}.turn-clock-label{font-size:var(--step--1);opacity:.7}.turn-clock-urgent .turn-clock-number{color:var(--red);animation:1s ease-in-out infinite clock-pulse}@keyframes clock-pulse{50%{transform:scale(1.12)}}@media (prefers-reduced-motion:reduce){.turn-clock-urgent .turn-clock-number{animation:none}}.help{border:1px solid var(--panel-edge);border-radius:var(--r-md);background:var(--panel)}.help-title{font-size:var(--step--1);letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);margin:0;padding:.75rem .9rem 0;font-weight:600}.help-body{flex-direction:column;gap:.7rem;padding:.7rem .9rem .9rem;display:flex}.value-list{font-size:var(--step--1);flex-direction:column;gap:.3rem;margin:0;display:flex}.value-row{align-items:baseline;gap:.6rem;display:flex}.value-row dt{color:var(--text-dim)}.value-row:before{content:"";border-bottom:1px dotted color-mix(in oklab, var(--text-dim) 55%, transparent);flex:1;order:1;transform:translateY(-.2em)}.value-row dd{font-variant-numeric:tabular-nums;order:2;margin:0;font-weight:600}.awards{border-top:1px solid var(--panel-edge);font-size:var(--step--1);flex-direction:column;gap:.35rem;margin:0;padding:.75rem 0 0;list-style:none;display:flex}.award{align-items:baseline;gap:.6rem;display:flex}.award-title{color:var(--text-dim)}.award-holder{text-align:right;margin-left:auto;font-weight:600}.lang-row{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.chip-on{border-color:var(--accent);color:var(--accent);font-weight:600}.theme-swatch{appearance:none;border:1px solid var(--panel-edge);cursor:pointer;background:0 0;border-radius:9px;place-items:center;min-width:44px;min-height:44px;padding:3px;transition:border-color .18s,transform .18s;display:grid}.theme-swatch:hover,.theme-swatch:focus-visible{border-color:var(--accent);transform:translateY(-2px)}.theme-swatch-on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.theme-swatch-card{width:30px;display:block}@media (prefers-reduced-motion:reduce){.theme-swatch:hover,.theme-swatch:focus-visible{transform:none}}