@font-face{font-family:Fredoka;font-style:normal;font-weight:700;font-display:swap;src:url(./Fredoka-Bold-BOIZVyIN.woff2)format("woff2")}@font-face{font-family:Quicksand;font-style:normal;font-weight:700;font-display:swap;src:url(./Quicksand-Bold-Dpk7G9Y6.woff2)format("woff2")}@font-face{font-family:Quicksand;font-style:normal;font-weight:500;font-display:swap;src:url(./Quicksand-Variable-Buj9m_3d.woff2)format("woff2")}:root{--purple:#3c3c5a;--accent:#b44dff;--accent-dark:#8f2bd6;--accent-edge:#6f1fb3;--bg-grad:linear-gradient(160deg, #4a3f78, var(--purple) 55%, #2c2748);--table:#1d1838;--table-glow:#372c68;--table-mid:#231c45;--table-edge:#151029;--board-fill:#2f2859;--board-frame:#4a3d86;--board-frame-light:#7268a1;--board-frame-dark:#382e65;--board-shadow:#08051a;--piece-edge:#0c0a1e;--piece-shadow:#0c0a1e;--piece-highlight:.3;--piece-shade:.4;--surface-menu:#2a2350;--surface-card:#332a62;--surface-card-edge:#1b1535;--surface-control:#4d4189;--surface-control-edge:#2b2355;--surface-bar:#17112f;--surface-field:#1b1535;--surface-inset:#120c2c73;--track:#120c2c61;--track-on-bar:#ffffff14;--scrim:#14102c9e;--line:#ffffff24;--field-line:#6a5bb5;--check-line:#8a7bd0;--text:#fff;--text-soft:#ded6f7;--text-dim:#c4baea;--text-accent:#dcc4ff;--text-on-light:#2a1a55;--text-on-light-soft:#4a3a7a;--selected:#efe6ff;--selected-edge:#120c2c73;--play:#ffd23f;--play-edge:#c08400;--play-text:#3b2a00;--light-edge:#b3a2dd;--ok:#7be0a8;--warn:#ffb347;--update:#1f7fe6;--icon-tick:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232a1a55' stroke-width='3.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.6l4 4 8-8.6'/%3E%3C/svg%3E");--icon-update:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19V6M6.5 11.5L12 6l5.5 5.5'/%3E%3C/svg%3E");--font-ui:"Quicksand", sans-serif;--font-display:"Fredoka", sans-serif;--text-lift:0 3px 0 #0000004d;--radius-btn:18px;--radius-pill:22px;--radius-card:28px;--radius-menu:20px;--radius-row:14px;--radius-field:14px;--btn-h:52px;--btn-icon-size:48px;--btn-drop:0 10px 18px #0a061e59;--btn-drop-pressed:0 3px 8px #0a061e59;--btn-edge-h:4px;--btn-press:3px;--press-ms:90ms;--pill-ms:.28s;--ease-out:cubic-bezier(.2, .8, .2, 1);--card-drop:0 6px 0 var(--surface-card-edge), 0 26px 50px #08051699;--menu-drop:0 16px 32px #08051680;--toolbar-pad:10px;--toolbar-gap:10px;--toolbar-inset:0px;--toolbar-side:calc(var(--toolbar-pad) + var(--toolbar-inset));--toolbar-clear:calc(var(--toolbar-side) + var(--btn-icon-size) + var(--toolbar-gap));--menu-pad:8px;--menu-row-h:52px;--menu-icon-size:26px;--tab-pad:4px;--tab-gap:2px;--icon-size:24px;--corner-badge-size:22px;--corner-badge-offset:-5px;--avatar-inset:3px;--pulse-ms:.8s;--badge-size:40px;--win-medal-size:92px;--badge-bronze:#cd7f32;--badge-bronze-light:#eeab68;--badge-bronze-dark:#7a4212;--badge-bronze-inset:#a05a1b;--badge-silver:#c0c6cf;--badge-silver-light:#f1f4f8;--badge-silver-dark:#636c7a;--badge-silver-inset:#7c8696;--badge-gold:#f5c542;--badge-gold-light:#ffe88f;--badge-gold-dark:#a66c08;--badge-gold-inset:#cf8a0c;--badge-star:#fff;--badge-shadow:var(--piece-shadow);--badge-shadow-alpha:.4;--ribbon-teal:#2fd3c2;--ribbon-teal-dark:#149c98;--ribbon-pink:#ff5fa8;--ribbon-pink-dark:#d32f80;--ribbon-red:#ff5a5a;--ribbon-yellow:#ffd23f;--ribbon-green:#3ecf6e;--ribbon-blue:#3d9bff;--newgame-pad:16px;--newgame-title-size:32px;--chip-h:44px;--chip-font:17px;--chip-pad:14px;--sizes-pt:12px;--sizes-pb:16px;--newgame-clear:calc(var(--toolbar-clear) - var(--newgame-pad));--scrollbar-size:12px;--scrollbar-thumb:#ffffff73;--scrollbar-track:#0003;--slide-ms:.25s;--slide-dist:48px;--shadow-top:12px;--shadow-bottom:28px;--tile-border:2px solid var(--accent-dark);--z-hud:25}html,body{background-color:var(--table);background-image:radial-gradient(ellipse 70% 65% at 50% 46%, var(--table-glow) 0%, var(--table-mid) 55%, var(--table-edge) 100%);height:100%;font-family:var(--font-ui);-webkit-tap-highlight-color:transparent;touch-action:none;overscroll-behavior:none;overscroll-behavior-x:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0;overflow:hidden}button,input,textarea{font-family:inherit}canvas{touch-action:none;display:block}[hidden]{display:none!important}.icon{width:var(--icon-size);height:var(--icon-size);flex:none}.btn{--btn-face:var(--surface-control);--btn-edge:var(--surface-control-edge);--btn-shine:#ffffff2e;box-sizing:border-box;min-width:44px;min-height:var(--btn-h);border-radius:var(--radius-btn);font:700 20px/1 var(--font-ui);color:var(--text);background:var(--btn-face);box-shadow:inset 0 1px 0 var(--btn-shine), 0 var(--btn-edge-h) 0 var(--btn-edge), var(--btn-drop);touch-action:manipulation;cursor:pointer;transition:transform var(--press-ms) ease-out, box-shadow var(--press-ms) ease-out;border:0;justify-content:center;align-items:center;gap:10px;padding:0 26px;display:inline-flex}.btn:active{transform:translateY(var(--btn-press));box-shadow:inset 0 1px 0 var(--btn-shine), 0 calc(var(--btn-edge-h) - var(--btn-press)) 0 var(--btn-edge), var(--btn-drop-pressed)}.btn:focus-visible,.cb:focus-visible,.chip:focus-visible,.seg:focus-visible{outline:3px solid var(--text);outline-offset:3px}.btn:disabled{opacity:.45;cursor:default;transform:none}.btn-primary{--btn-face:var(--accent);--btn-edge:var(--accent-edge);--btn-shine:#ffffff4d}.btn-play{--btn-face:var(--play);--btn-edge:var(--play-edge);--btn-shine:#ffffff8c;--btn-edge-h:5px;--btn-press:4px;min-height:56px;font:700 26px/1 var(--font-display);color:var(--play-text);border-radius:20px;padding:0 40px}.btn-light{--btn-face:var(--selected);--btn-edge:var(--light-edge);--btn-shine:#fff9;color:var(--text-on-light)}.btn-ghost,.btn-ghost:active{background:0 0;box-shadow:inset 0 0 0 2px #fff6}.btn-ghost:active{background:#ffffff1a;transform:translateY(1px)}.btn-icon{width:var(--btn-icon-size);min-width:var(--btn-icon-size);min-height:var(--btn-icon-size);border-radius:50%;padding:0}.cb{appearance:none;width:var(--menu-icon-size);height:var(--menu-icon-size);background:var(--surface-field);box-shadow:inset 0 0 0 2px var(--check-line);cursor:pointer;border-radius:8px;flex:none;place-content:center;margin:0;display:grid}.cb:checked{background:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}.cb:checked:after{content:"";border-left:3px solid var(--text);border-bottom:3px solid var(--text);width:12px;height:6px;transform:translateY(-2px)rotate(-45deg)}#hud{z-index:var(--z-hud);align-items:flex-start;gap:var(--toolbar-gap);padding:var(--toolbar-pad);padding-left:var(--toolbar-side);pointer-events:none;flex-direction:column;display:flex;position:fixed;top:0;left:0}#hud-toggle,#hud-opts,#hud>.btn{pointer-events:auto}#hud-toggle{position:relative}#hud-panel{visibility:hidden;transition:grid-template-rows var(--slide-ms) ease-out, visibility 0s var(--slide-ms);grid-template-rows:0fr;display:grid}#hud.open #hud-panel{visibility:visible;grid-template-rows:1fr;transition-delay:0s}@media (height<=500px){:root{--toolbar-inset:10px}#hud{flex-direction:row}}#hud-body{background:var(--surface-menu);border-radius:var(--radius-menu);min-height:0;box-shadow:inset 0 0 0 1px var(--line), var(--menu-drop);flex-direction:column;justify-content:flex-end;align-items:stretch;display:flex;overflow:hidden}#hud-body>*{flex:none}#hud-opts{padding:var(--menu-pad);flex-direction:column;align-items:stretch;gap:2px;display:flex}#hud-text{margin:0 var(--menu-pad);border-top:1px solid var(--line);font:500 12px/1.6 var(--font-ui);color:var(--text-dim);pointer-events:none;white-space:pre;padding:10px 12px 12px}#hud-text:empty{display:none}@media (prefers-reduced-motion:reduce){#hud-panel{transition:none}}#presets{z-index:10;gap:var(--toolbar-gap);padding:var(--toolbar-pad) var(--toolbar-clear) var(--toolbar-pad) var(--toolbar-pad);display:flex;position:fixed;top:0;right:0}#account{z-index:var(--z-hud);padding:var(--toolbar-pad);padding-right:var(--toolbar-side);position:fixed;top:0;right:0}body.newgame-open #account{visibility:hidden}#account-btn{position:relative}.account-avatar{width:calc(100% - 2 * var(--avatar-inset));height:calc(100% - 2 * var(--avatar-inset));object-fit:cover;pointer-events:none;border-radius:50%}.menu-row{box-sizing:border-box;width:100%;min-height:var(--menu-row-h);border-radius:var(--radius-row);font:700 17px/1.2 var(--font-ui);color:var(--text);text-align:left;touch-action:manipulation;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:0 12px;display:flex}.menu-row:active{background:#ffffff14}.menu-icon{box-sizing:border-box;width:var(--menu-icon-size);height:var(--menu-icon-size);flex:none;place-items:center;display:grid}.menu-icon .icon{width:100%;height:100%}.menu-label{white-space:nowrap}#hud-toggle.update-pending:after,#account-btn:not([data-status=signed-out]):after{content:"";top:var(--corner-badge-offset);right:var(--corner-badge-offset);width:var(--corner-badge-size);height:var(--corner-badge-size);background:var(--update) var(--icon-update) center / 64% no-repeat;box-shadow:0 0 0 2px var(--table);border-radius:50%;position:absolute}#account-btn[data-status=signed-in]:after{background-color:var(--ok);background-image:var(--icon-tick)}#account-btn[data-status=syncing]:after{animation:badge-pulse var(--pulse-ms) ease-in-out infinite alternate;background-image:none}#account-btn[data-status=error]:after{background-color:var(--warn);background-image:none}@keyframes badge-pulse{to{opacity:.35}}@media (prefers-reduced-motion:reduce){#account-btn[data-status=syncing]:after{animation:none}}#version .menu-icon{color:var(--ok)}#version.update-pending .menu-icon{color:var(--text);background:var(--update);border-radius:50%}#version.update-pending .menu-icon .icon{width:64%;height:64%}#version.update-pending .menu-label{color:var(--text-accent)}.dialog{z-index:20;font-family:var(--font-ui);color:var(--text);background:var(--scrim);opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;inset:0}.dialog.show{opacity:1;pointer-events:auto}.card{box-sizing:border-box;text-align:center;background:var(--surface-card);border:1px solid var(--line);border-radius:var(--radius-card);width:min(540px,92vw);box-shadow:var(--card-drop);flex-direction:column;align-items:center;gap:14px;padding:32px 44px 36px;display:flex;position:relative;transform:scale(.6)}.dialog.show .card{animation:.6s cubic-bezier(.2,1.4,.4,1) forwards card-pop}.card h2{font:700 34px/1.2 var(--font-display);text-shadow:var(--text-lift);margin:0}.card p{font:500 22px/1.3 var(--font-ui);color:var(--text-soft);margin:0}.card-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:14px;display:flex}@keyframes card-pop{0%{transform:scale(.6)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.dialog.show .card{animation:none;transform:none}}.win-card h2{font-size:46px;line-height:1.1}.win-card.has-medal{padding-top:68px}.win-medal.badge{top:calc(var(--win-medal-size) * -.565);width:var(--win-medal-size);margin-left:calc(var(--win-medal-size) / -2);position:absolute;left:50%}.win-size{border-radius:var(--radius-btn);font:700 16px/1 var(--font-ui);color:var(--selected);background:var(--surface-inset);padding:8px 16px}.dialog.whatsnew{z-index:25}.whatsnew-card{gap:20px;width:min(620px,92vw);padding:28px 36px 32px}.whatsnew-card .card-actions{margin-top:0}.whatsnew-card .btn{min-width:160px}.whatsnew-list{box-sizing:border-box;text-align:left;background:var(--surface-inset);border-radius:var(--radius-btn);width:100%;max-height:50vh;font:500 17px/1.4 var(--font-ui);grid-template-columns:max-content 1fr;align-items:baseline;gap:12px 18px;margin:0;padding:18px 20px;list-style:none;display:grid;overflow-y:auto}.whatsnew-list li{display:contents}.whatsnew-list strong{font:700 15px/1.4 var(--font-ui);color:var(--text-accent);white-space:nowrap}.newgame{z-index:20;font-family:var(--font-ui);isolation:isolate;flex-direction:column;display:flex;position:fixed;inset:0}.newgame:before{content:"";z-index:-1;background:var(--bg-grad);position:fixed;inset:0}.newgame-scroll{min-height:0;padding:var(--newgame-pad) var(--newgame-pad) 0;touch-action:pan-y;flex-direction:column;flex:1;gap:20px;display:flex;overflow-y:auto}.newgame-scroll::-webkit-scrollbar{width:var(--scrollbar-size)}.newgame-scroll::-webkit-scrollbar-track{background:var(--scrollbar-track);margin-bottom:var(--shadow-bottom)}.newgame-scroll::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:calc(var(--scrollbar-size) / 2);background-clip:padding-box;border:2px solid #0000}@supports not selector(::-webkit-scrollbar){.newgame-scroll{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}}.newgame-head{grid-template-columns:auto 1fr minmax(var(--newgame-clear), auto);align-items:center;gap:16px;min-height:56px;display:grid}.newgame-head h1{margin:0 0 0 var(--newgame-clear);font:700 var(--newgame-title-size)/1.2 var(--font-display);color:var(--text);white-space:nowrap;text-shadow:var(--text-lift)}.newgame-head>.btn{grid-column:3;justify-self:end}.tabs{justify-self:center;gap:var(--tab-gap);padding:var(--tab-pad);border-radius:calc(var(--radius-pill) + var(--tab-pad));background:var(--track);grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:relative}.tabs-pill{top:var(--tab-pad);bottom:var(--tab-pad);left:var(--tab-pad);width:calc((100% - 2 * var(--tab-pad) - (var(--tabs,1) - 1) * var(--tab-gap)) / var(--tabs,1));border-radius:var(--radius-pill);background:var(--selected);box-shadow:0 2px 0 var(--selected-edge);transform:translateX(calc(var(--tab,0) * (100% + var(--tab-gap))));transition:transform var(--pill-ms) var(--ease-out);position:absolute}.chip{min-height:var(--chip-h);padding:0 var(--chip-pad);border-radius:var(--radius-pill);font:700 var(--chip-font)/1 var(--font-ui);color:var(--text-soft);white-space:nowrap;touch-action:manipulation;cursor:pointer;transition:color var(--pill-ms) var(--ease-out), transform var(--press-ms) ease-out;background:0 0;border:0;position:relative}.chip:active,.seg:active{transform:scale(.95)}.chip.on{color:var(--text-on-light)}@media (width<=1200px){.newgame-head{grid-template-columns:1fr minmax(var(--newgame-clear), auto)}.newgame-head>.btn{grid-area:1/2}.tabs{grid-area:2/1/auto/-1}}@media (width<=820px){.chip{min-height:40px;padding:0 8px;font-size:14px}}@media (height<=500px){:root{--newgame-title-size:24px;--chip-h:36px;--chip-font:13px;--chip-pad:6px;--sizes-pt:22px;--sizes-pb:6px}.newgame-head{grid-template-columns:auto 1fr minmax(var(--newgame-clear), auto);flex:none}.newgame-head>.btn{grid-column:3}.tabs{isolation:isolate;grid-area:auto;transform:translateZ(0)}.tabs-pill{will-change:transform;backface-visibility:hidden}.chip{min-height:var(--chip-h);padding:0 var(--chip-pad);font-size:var(--chip-font)}}.preview{z-index:20;font-family:var(--font-ui);background:var(--bg-grad);flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:16px;display:flex;position:fixed;inset:0}.preview img{object-fit:contain;border:var(--tile-border);border-radius:16px;max-width:100%;min-height:0}.preview .btn{flex:none}.newgame-viewport{margin:calc(-1 * var(--shadow-top)) calc(-1 * var(--newgame-pad)) calc(-1 * var(--shadow-bottom));flex:none;overflow:hidden}.newgame-track{will-change:transform;position:relative}.newgame-track.settling{transition:transform var(--slide-ms) ease-out}.newgame-grid{box-sizing:border-box;padding:var(--shadow-top) var(--newgame-pad) var(--shadow-bottom);grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.newgame-grid.peek-prev,.newgame-grid.peek-next{width:100%;position:absolute;top:0}.newgame-grid.peek-prev{left:-100%}.newgame-grid.peek-next{left:100%}.newgame-grid.slide-next{animation:newgame-slide-next var(--slide-ms) ease-out}.newgame-grid.slide-prev{animation:newgame-slide-prev var(--slide-ms) ease-out}@keyframes newgame-slide-next{0%{opacity:0;transform:translateX(var(--slide-dist))}}@keyframes newgame-slide-prev{0%{opacity:0;transform:translateX(calc(-1 * var(--slide-dist)))}}@media (prefers-reduced-motion:reduce){.newgame-grid.slide-next,.newgame-grid.slide-prev{animation:none}.newgame-track.settling,.tabs-pill,.chip{transition:none}}@media (width<=700px){.newgame-grid{grid-template-columns:repeat(2,1fr)}}.newgame-item{cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:16px;padding:0;text-decoration:none;transition:transform .15s;display:block;position:relative;box-shadow:0 8px 20px #00000080}.newgame-item:active{transform:scale(1.03)}.newgame-item.selected{outline:4px solid var(--accent);outline-offset:2px;box-shadow:0 0 18px var(--accent)}.newgame-item.current{outline:3px solid var(--accent);outline-offset:2px}.newgame-item img{aspect-ratio:16/10;object-fit:cover;border-radius:16px;width:100%;display:block}.badges{pointer-events:none;align-items:flex-end;gap:4px;display:flex;position:absolute;bottom:6px;right:8px}.badge{width:var(--badge-size);display:block}.badge svg{width:100%;height:auto;display:block}.badge-s{--b-face:var(--badge-bronze);--b-light:var(--badge-bronze-light);--b-dark:var(--badge-bronze-dark);--b-inset:var(--badge-bronze-inset);--b-ribbon-1:var(--ribbon-teal);--b-ribbon-2:var(--ribbon-teal-dark);--b-ribbon-3:var(--ribbon-teal);--b-ribbon-4:var(--ribbon-teal-dark)}.badge-m{--b-face:var(--badge-silver);--b-light:var(--badge-silver-light);--b-dark:var(--badge-silver-dark);--b-inset:var(--badge-silver-inset);--b-ribbon-1:var(--ribbon-pink);--b-ribbon-2:var(--ribbon-pink-dark);--b-ribbon-3:var(--ribbon-pink);--b-ribbon-4:var(--ribbon-pink-dark)}.badge-l{--b-face:var(--badge-gold);--b-light:var(--badge-gold-light);--b-dark:var(--badge-gold-dark);--b-inset:var(--badge-gold-inset);--b-ribbon-1:var(--ribbon-red);--b-ribbon-2:var(--ribbon-yellow);--b-ribbon-3:var(--ribbon-green);--b-ribbon-4:var(--ribbon-blue)}.badge-shadow,.badge-rim,.badge-shine,.badge-face,.badge-inset,.badge-star{fill:currentColor;stroke:currentColor;stroke-width:3px;stroke-linejoin:round}.badge-shadow{color:var(--badge-shadow);opacity:var(--badge-shadow-alpha)}.badge-rim{color:var(--b-dark)}.badge-shine{color:var(--b-light)}.badge-face{color:var(--b-face)}.badge-inset{color:var(--b-inset)}.badge-star{color:var(--badge-star);stroke-width:1px}.badge-ribbon-1{fill:var(--b-ribbon-1)}.badge-ribbon-2{fill:var(--b-ribbon-2)}.badge-ribbon-3{fill:var(--b-ribbon-3)}.badge-ribbon-4{fill:var(--b-ribbon-4)}.newgame-sizes{z-index:1;margin-top:calc(-1 * var(--shadow-bottom));padding:var(--sizes-pt) var(--newgame-pad) calc(var(--sizes-pb) + env(safe-area-inset-bottom,0px));background:var(--surface-bar);border-top:1px solid var(--line);font:700 18px/1 var(--font-ui);color:var(--text-soft);flex-wrap:wrap;flex:none;justify-content:center;align-items:center;gap:12px 20px;display:flex;position:relative;box-shadow:0 -10px 24px #0a061e59}.segs{gap:var(--tab-gap);padding:var(--tab-pad);border-radius:calc(var(--radius-pill) + var(--tab-pad));background:var(--track-on-bar);display:flex}.seg{border-radius:var(--radius-pill);min-width:116px;min-height:48px;font:700 17px/1 var(--font-ui);color:var(--text-soft);touch-action:manipulation;cursor:pointer;transition:transform var(--press-ms) ease-out;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:4px 16px;display:flex}.seg small{font:500 13px/1 var(--font-ui);color:var(--text-dim)}.seg.selected{color:var(--text-on-light);background:var(--selected);box-shadow:0 2px 0 var(--selected-edge)}.seg.selected small{color:var(--text-on-light-soft)}.newgame-sizes .btn-play{margin-left:12px}.rotate-prompt{z-index:30;text-align:center;font-family:var(--font-ui);color:var(--text);background:var(--bg-grad);flex-direction:column;justify-content:center;align-items:center;gap:40px;padding:48px;display:flex;position:fixed;inset:0}.rotate-prompt p{max-width:520px;font:700 34px/1.25 var(--font-display);text-shadow:var(--text-lift);margin:0}.rotate-icon{background:var(--track);border-radius:50%;justify-content:center;align-items:center;width:220px;height:220px;display:flex}.rotate-device{width:132px;height:132px;animation:2.4s ease-in-out infinite rotate-hint}.rotate-device-body{fill:var(--surface-control)}.rotate-device-piece{fill:var(--play)}@keyframes rotate-hint{0%,20%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}.feedback-card{text-align:left;align-items:stretch;gap:12px;width:min(560px,92vw);max-height:92vh;padding:28px 32px 32px;overflow-y:auto}.feedback-card h2{text-align:center;margin-bottom:4px;font-size:30px}.field{box-sizing:border-box;width:100%;font:500 18px/1.35 var(--font-ui);color:var(--text);background:var(--surface-field);border:2px solid var(--field-line);border-radius:var(--radius-field);resize:none;-webkit-user-select:text;user-select:text;touch-action:manipulation;outline:none;padding:12px 14px}.field::placeholder{color:var(--text-dim)}.field:focus{border-color:var(--accent)}.feedback-counter{font:500 14px/1 var(--font-ui);color:var(--text-soft);align-self:flex-end;margin-top:-4px}.feedback-opt{min-height:44px;font:700 18px/1.2 var(--font-ui);cursor:pointer;align-items:center;gap:12px;display:flex}.feedback-opt .icon{color:var(--text-soft)}.feedback-thumb{border:2px solid var(--field-line);border-radius:10px;align-self:center;max-width:100%;max-height:22vh}.card-status{text-align:center;min-height:1.3em;font:500 16px/1.3 var(--font-ui)}.card-status a{color:var(--selected);text-decoration:underline}