:root{--app-font-sans: "Clear Sans", "Helvetica Neue", Arial, sans-serif;--app-page-bg: #faf8ef;--app-surface-light: #f9f6f2;--app-surface-soft: #eee4da;--app-surface-control: #fffdf9;--app-surface-modal: #fffdf9;--app-surface-popover: #fffdfa;--app-surface-overlay: rgba(0, 0, 0, .5);--app-text-strong: #776e65;--app-text: #776e65;--app-text-muted: #8e857a;--app-text-subtle: var(--app-text-muted);--app-text-hover: var(--app-text-strong);--app-text-on-strong: #f9f6f2;--app-text-on-action: #f9f6f2;--app-text-on-board-muted: #eee4da;--app-border-control: #d8d4d0;--app-border-muted: #e2dbce;--app-border-structure: rgba(143, 122, 102, .26);--app-accent: #8f7a66;--app-accent-soft: rgba(143, 122, 102, .1);--app-link: #8f7a66;--app-link-hover: #6f665d;--app-milestone: #edc22e;--app-success: #3a7a46;--app-success-soft: rgba(58, 122, 70, .09);--app-danger: #a7463b;--app-danger-soft: #fff9f6;--app-action-bg: #8f7a66;--app-action-muted-bg: #b8aca1;--app-action-muted-hover-bg: #a69689;--app-surface-board: #bbada0;--app-surface-tile: var(--app-text-on-board-muted);--app-surface-empty-tile: rgba(238, 228, 218, .35);--app-radius-tile: 3px;--app-radius-control: var(--app-radius-tile);--app-radius-board: 6px;--app-radius-panel: var(--app-radius-board);--app-radius-dialog: 8px;--app-radius-pill: 999px;--app-focus-ring-control: rgba(143, 122, 102, .35);--app-focus-ring-warm: rgba(242, 177, 121, .38);--app-shadow-dialog: 0 24px 54px rgba(82, 72, 63, .3), inset 0 1px 0 rgba(255, 255, 255, .75);--app-logo-width: 234px;--app-logo-offset-inline: -25px}html[data-theme=classic][data-night-background="1"]{--app-page-bg: #0a1220;--app-surface-light: #182338;--app-surface-soft: #22314a;--app-surface-control: #2f445c;--app-surface-modal: #182338;--app-surface-popover: #182338;--app-surface-overlay: rgba(6, 10, 18, .76);--app-text-strong: #ece2d3;--app-text: #c8bcaa;--app-text-muted: #97a7bc;--app-text-on-strong: #f6efe3;--app-text-on-action: #f6efe3;--app-text-on-board-muted: #97a7bc;--app-border-control: rgba(207, 222, 241, .24);--app-border-muted: rgba(181, 198, 221, .16);--app-border-structure: rgba(181, 198, 221, .16);--app-accent: #d5a86a;--app-accent-soft: rgba(213, 168, 106, .13);--app-link: #f0dcc0;--app-link-hover: #edc37b;--app-milestone: #d5a86a;--app-success: #8fb99b;--app-success-soft: rgba(143, 185, 155, .13);--app-danger: #e49a90;--app-danger-soft: #3a2927;--app-action-bg: #436282;--app-action-muted-bg: #2b3c53;--app-action-muted-hover-bg: #354b68;--app-surface-board: #1b273d;--app-surface-empty-tile: rgba(176, 192, 214, .12);--app-focus-ring-control: rgba(213, 168, 106, .4);--app-focus-ring-warm: rgba(237, 195, 123, .38);--app-shadow-dialog: 0 24px 54px rgba(1, 4, 12, .46), inset 0 1px 0 rgba(255, 255, 255, .05)}html[data-theme=mist_cyan]{--app-page-bg: #f3f6f5;--app-surface-light: #fbfdfc;--app-surface-soft: #edf3f2;--app-surface-control: #fffef9;--app-surface-modal: var(--app-surface-light);--app-surface-popover: var(--app-surface-light);--app-text-strong: #3d4f52;--app-text: #56686a;--app-text-muted: #637476;--app-text-on-strong: #f9f6f2;--app-text-on-action: #fffdf6;--app-border-control: #b7c7c5;--app-border-muted: #d3dedc;--app-border-structure: rgba(47, 92, 99, .26);--app-accent: #2f86a0;--app-accent-soft: rgba(47, 134, 160, .1);--app-link: #256b7d;--app-link-hover: #1b5262;--app-milestone: #d79b32;--app-success: #3a7a46;--app-success-soft: rgba(58, 122, 70, .09);--app-danger: #a7463b;--app-danger-soft: #fff9f6;--app-action-bg: #20383d;--app-action-muted-bg: #63787a;--app-action-muted-hover-bg: #536a6c;--app-surface-board: #b8c9c7;--app-surface-empty-tile: #dce7e5;--app-focus-ring-control: rgba(47, 134, 160, .38);--app-focus-ring-warm: rgba(215, 155, 50, .34);--app-shadow-dialog: 0 24px 54px rgba(34, 51, 50, .24), inset 0 1px 0 rgba(255, 255, 255, .72)}html[data-theme=mist_cyan][data-night-background="1"]{--app-page-bg: #18201f;--app-surface-light: #232e2c;--app-surface-soft: #2b3734;--app-surface-control: #202b30;--app-surface-overlay: rgba(7, 12, 11, .7);--app-text-strong: #edf2ed;--app-text: #ccd7d1;--app-text-muted: #a8b7b0;--app-text-on-strong: #f9f6f2;--app-text-on-action: #fffdf6;--app-border-control: #58706c;--app-border-muted: #3b4d49;--app-border-structure: rgba(151, 185, 176, .26);--app-accent: #63aaa6;--app-accent-soft: rgba(99, 170, 166, .14);--app-link: #9ed0cc;--app-link-hover: #c4e5e1;--app-milestone: #d5aa55;--app-success: #8fc69a;--app-success-soft: rgba(143, 198, 154, .12);--app-danger: #f1a79e;--app-danger-soft: #3a2927;--app-action-bg: #142a30;--app-action-muted-bg: #354946;--app-action-muted-hover-bg: #435b57;--app-surface-board: #435450;--app-surface-empty-tile: #5b6b67}.is-hidden,[hidden],[class].is-hidden,[class][hidden]{display:none!important}@font-face{font-family:Clear Sans;font-display:swap;src:url(./ClearSans-Light-webfont-CXhSe3W8.eot);src:url(./ClearSans-Light-webfont-CXhSe3W8.eot?#iefix) format("embedded-opentype"),url(./ClearSans-Light-webfont-CGIh6Rmw.svg#clear_sans_lightregular) format("svg"),url(./ClearSans-Light-webfont-D-fBsO37.woff) format("woff");font-weight:200;font-style:normal}@font-face{font-family:Clear Sans;font-display:swap;src:url(./ClearSans-Regular-webfont-B0zMM_QR.eot);src:url(./ClearSans-Regular-webfont-B0zMM_QR.eot?#iefix) format("embedded-opentype"),url(./ClearSans-Regular-webfont-DS1TOs1A.svg#clear_sansregular) format("svg"),url(./ClearSans-Regular-webfont-AndVGWF5.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Clear Sans;font-display:swap;src:url(./ClearSans-Bold-webfont-DbCvvRfy.eot);src:url(./ClearSans-Bold-webfont-DbCvvRfy.eot?#iefix) format("embedded-opentype"),url(./ClearSans-Bold-webfont-C3DmuDqY.svg#clear_sansbold) format("svg"),url(./ClearSans-Bold-webfont-CsJVQqIs.woff) format("woff");font-weight:700;font-style:normal}.site-logo-link{display:inline-flex;align-items:center}.site-logo{display:block;width:var(--app-logo-width);height:auto;margin-left:var(--app-logo-offset-inline);max-width:none}@media screen and (max-width:980px){body[data-page=game] .site-logo{display:none!important}}.page-title-visually-hidden.page-title-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.page-back-button.page-back-button{position:relative;display:inline-flex;flex:0 0 44px;align-items:center;justify-content:center;box-sizing:border-box;width:44px;min-width:44px;height:44px;min-height:44px;margin:0;padding:0;overflow:hidden;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--app-text-strong);font-size:0;line-height:0;text-decoration:none;text-indent:-9999px;cursor:pointer;transition:color .14s ease,transform .14s ease}.page-back-button:before,.page-back-button:after{position:absolute;display:block;content:""}.page-back-button:before{left:11px;top:21px;width:22px;height:2px;background:currentColor}.page-back-button:after{left:11px;top:16px;width:10px;height:10px;border-bottom:2px solid currentColor;border-left:2px solid currentColor;transform:rotate(45deg)}.page-back-button:hover{color:var(--app-link-hover);transform:translate(-2px)}.page-back-button:focus-visible{color:var(--app-link-hover);outline:2px solid var(--app-focus-ring-control);outline-offset:0}.page-back-button:active{transform:translate(-3px)}@media(prefers-reduced-motion:reduce){.page-back-button.page-back-button{transition:none}}html,body{margin:0;padding:0;background:var(--app-page-bg);color:var(--app-text);font-family:var(--app-font-sans);font-size:18px}body{margin:80px 0}html[data-mobile-page-scroll-lock="1"],html[data-mobile-page-scroll-lock="1"] body{overflow:hidden;overscroll-behavior:none}.site-record-footer{width:500px;margin:24px auto 0;padding-top:14px;border-top:1px solid var(--app-border-muted);text-align:center}.site-record-footer p{margin:6px 0;font-size:13px;line-height:1.6;color:var(--app-text-muted)}.site-record-footer a{color:inherit;text-decoration:none}.site-record-footer a:hover{color:var(--app-text-hover);text-decoration:underline}@media screen and (max-width:520px){.site-record-footer{width:calc(100% - 24px)}.site-record-footer p{font-size:12px}}.heading:after{content:"";display:block;clear:both}h1.title{font-size:50px;font-weight:700;margin:0;display:block;float:left}h1.title a{color:inherit;text-decoration:none}.home-user-display{position:absolute;top:-56px;left:0;width:max-content;max-width:none;box-sizing:border-box;margin:0;color:var(--app-text);font-size:25px;height:50px;line-height:50px;font-weight:700;text-align:left;white-space:nowrap;overflow:visible;text-decoration:none;cursor:pointer}.home-user-display--global{position:fixed;top:22px;left:24px;z-index:40;max-width:min(240px,calc(100vw - 48px));height:34px;line-height:34px;padding:0;font-size:25px;overflow:hidden;text-overflow:ellipsis}body[data-page=game] h1.title{margin-top:8px}.heading{width:500px;float:left;margin-bottom:15px;position:relative}@-webkit-keyframes move-up{0%{top:25px;opacity:1}to{top:-50px;opacity:0}}@-moz-keyframes move-up{0%{top:25px;opacity:1}to{top:-50px;opacity:0}}@keyframes move-up{0%{top:25px;opacity:1}to{top:-50px;opacity:0}}.scores-container{float:right;text-align:right}.score-container,.best-container{position:relative;display:inline-flex;align-items:flex-end;justify-content:center;background:var(--app-surface-board);padding:18px 10px 1px;font-size:25px;height:55px;line-height:1.05;font-weight:700;border-radius:var(--app-radius-tile);color:#fff;margin-top:8px;text-align:center;box-sizing:border-box;flex:0 0 129.375px;width:129.375px;max-width:129.375px;min-width:129.375px;overflow:visible;white-space:nowrap}.score-container:after,.best-container:after{position:absolute;width:100%;top:10px;left:0;text-transform:uppercase;font-size:13px;line-height:16px;text-align:center;color:var(--app-text-on-board-muted)}.score-container .score-addition,.best-container .score-addition{position:absolute;right:30px;color:red;font-size:25px;line-height:25px;font-weight:700;color:#776e65e6;z-index:100;-webkit-animation:move-up .6s ease-in;-moz-animation:move-up .6s ease-in;animation:move-up .6s ease-in;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}.score-container:after{content:"分数"}.best-container:after{content:"最佳"}.score-container.score-value-compact,.best-container.score-value-compact{font-size:22px}.score-container.score-value-tiny,.best-container.score-value-tiny{font-size:19px}#timer{float:left;width:185px;text-align:center;margin-left:15px;margin-bottom:5px;position:relative;display:inline-block;background:var(--app-surface-board);padding:15px 25px;font-size:22px;height:25px;line-height:47px;font-weight:700;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;border-radius:var(--app-radius-tile);color:#fff;margin-top:8px}#timer:after{content:"时间";position:absolute;width:100%;top:10px;left:0;text-transform:uppercase;font-size:13px;line-height:13px;text-align:center;color:var(--app-text-on-board-muted)}#timerbox{float:right;width:250px;text-align:center;margin-bottom:45px;--timerbox-left-offset: 15px;--timerbox-rank-tile-width: 42px;--timerbox-tile-gap: 6px;--timerbox-main-tile-width: 187px;--timerbox-summary-padding-x: 25px;--leaderboard-rank-bg: #b9aea2;--leaderboard-rank-text: #fffaf2;--leaderboard-rank-top-1-bg: #f3cd6f;--leaderboard-rank-top-1-text: #fffaf2;--leaderboard-rank-top-2-bg: #7099b6;--leaderboard-rank-top-2-text: #fffaf2;--leaderboard-rank-top-3-bg: #729b8b;--leaderboard-rank-top-3-text: #fffaf2;--leaderboard-rank-self-bg: #b27f58;--leaderboard-rank-self-text: #fffaf2;--leaderboard-rank-shadow: 0 5px 12px rgba(119, 110, 101, .18), inset 0 1px 0 rgba(255, 255, 255, .28);--leaderboard-rank-top-shadow: none;--leaderboard-rank-self-shadow: none;--leaderboard-rank-font-weight: 620}html[data-theme=mist_cyan] #timerbox{--leaderboard-rank-bg: var(--app-surface-board);--leaderboard-rank-text: var(--app-text-strong);--leaderboard-rank-self-bg: var(--app-link);--leaderboard-rank-self-text: var(--app-page-bg);--leaderboard-rank-shadow: none}.timer-scroll-btn{display:inline-flex;align-items:center;justify-content:center;flex:1 1 0;min-width:0;background:var(--app-surface-tile);border-radius:var(--app-radius-tile);padding:0;text-decoration:none;color:var(--app-text);height:32px;line-height:1;font-size:0;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none;font-family:Clear Sans,Helvetica Neue,Arial,sans-serif;transition:background-color .15s ease,color .15s ease}.timer-scroll-btn:hover{background:var(--app-surface-tile);color:var(--app-text)}.timer-scroll-btn svg{width:18px;height:18px;stroke:currentColor;stroke-width:2.6;fill:none;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;transition:transform .15s ease}.timer-scroll-btn[data-scroll-dir="-1"]:hover svg{transform:translateY(-1px)}.timer-scroll-btn[data-scroll-dir="1"]:hover svg{transform:translateY(1px)}#timer-scroll-controls{display:none;width:235px;margin:14px 0 0 15px;text-align:center;clear:both;padding-top:0;gap:6px;align-items:center;justify-content:center}@media screen and (max-width:980px){body[data-page=game] #timerbox #timer-scroll-controls,body[data-page=practice] #timerbox #timer-scroll-controls{width:calc(100% - 30px);max-width:250px;margin:14px auto 0!important;box-sizing:border-box;padding-left:15px;padding-right:0}body[data-page=game] #timerbox #timer-leaderboard-panel,body[data-page=practice] #timerbox #timer-leaderboard-panel{width:min(100%,250px);margin:0 auto}body[data-page=game] #timerbox .timer-leaderboard-list,body[data-page=practice] #timerbox .timer-leaderboard-list{max-width:250px;margin:0 auto;padding:0}body[data-page=game] #timerbox .timer-leaderboard-row,body[data-page=practice] #timerbox .timer-leaderboard-row{margin-left:auto;margin-right:auto}body[data-page=game] #timerbox.is-mobile-expanded #timer-scroll-controls,body[data-page=practice] #timerbox.is-mobile-expanded #timer-scroll-controls{margin:14px auto 0!important}}#timerbox.timerbox-hidden-mode{position:relative}#timerbox.timerbox-hidden-mode>*{visibility:hidden!important}html[data-initial-timer-leaderboard="1"] #timerbox>*{display:none!important;visibility:hidden!important}#timerbox.timerbox-hidden-mode.timerbox-leaderboard-mode>#timer-leaderboard-panel{visibility:visible!important}html[data-initial-timer-leaderboard="1"] #timerbox>#timer-leaderboard-panel{display:block!important;visibility:visible!important}#timerbox.timerbox-leaderboard-mode>*{display:none!important}#timerbox.timerbox-leaderboard-mode>#timer-leaderboard-panel{display:block!important}#timer-leaderboard-panel{display:none;box-sizing:border-box;min-height:560px;overflow:visible}.timer-leaderboard-summary{float:left;width:calc(var(--timerbox-rank-tile-width) + var(--timerbox-tile-gap) + var(--timerbox-main-tile-width) - (var(--timerbox-summary-padding-x) * 2));text-align:center;margin-left:var(--timerbox-left-offset);margin-bottom:5px;position:relative;display:inline-block;background:var(--app-surface-board);padding:15px var(--timerbox-summary-padding-x);font-size:25px;height:25px;line-height:47px;font-weight:700;border-radius:var(--app-radius-tile);color:#fff;margin-top:8px;cursor:pointer!important;-webkit-user-select:none;user-select:none}.timer-leaderboard-summary:after{content:attr(data-label);position:absolute;width:100%;top:10px;left:0;text-transform:uppercase;font-size:14px;line-height:13px;text-align:center;color:var(--app-text-on-board-muted);cursor:pointer!important}.timer-leaderboard-summary.is-period-leaderboard{font-size:22px}.timer-leaderboard-summary:focus-visible{outline:2px solid rgba(255,255,255,.9);outline-offset:3px}.timer-leaderboard-list{clear:both;padding:0}.timer-leaderboard-row{position:relative;width:calc(var(--timerbox-left-offset) + var(--timerbox-rank-tile-width) + var(--timerbox-tile-gap) + var(--timerbox-main-tile-width));max-width:100%}#timer-leaderboard-panel.is-loading .timer-leaderboard-row{animation:leaderboard-loading-pulse .7s ease-in-out infinite alternate}@keyframes leaderboard-loading-pulse{0%{opacity:.48}to{opacity:.92}}@media(prefers-reduced-motion:reduce){#timer-leaderboard-panel.is-loading .timer-leaderboard-row{animation-duration:1.4s}}.timer-leaderboard-row:after{content:"";display:block;clear:both}.timertile.timer-leaderboard-rank-tile{background:var(--leaderboard-rank-bg);color:var(--leaderboard-rank-text);font-weight:var(--leaderboard-rank-font-weight);box-shadow:var(--leaderboard-rank-shadow)}.timer-leaderboard-rank-tile.is-top-1{background:var(--leaderboard-rank-top-1-bg);color:var(--leaderboard-rank-top-1-text);box-shadow:var(--leaderboard-rank-top-shadow)}.timer-leaderboard-rank-tile.is-top-2{background:var(--leaderboard-rank-top-2-bg);color:var(--leaderboard-rank-top-2-text);box-shadow:var(--leaderboard-rank-top-shadow)}.timer-leaderboard-rank-tile.is-top-3{background:var(--leaderboard-rank-top-3-bg);color:var(--leaderboard-rank-top-3-text);box-shadow:var(--leaderboard-rank-top-shadow)}.timer-leaderboard-row.is-self .timer-leaderboard-rank-tile{background:var(--leaderboard-rank-self-bg);color:var(--leaderboard-rank-self-text);box-shadow:var(--leaderboard-rank-self-shadow);cursor:pointer;-webkit-user-select:none;user-select:none}.timer-leaderboard-row .timer-leaderboard-name-tile{display:flex;align-items:center;justify-content:center;width:var(--timerbox-main-tile-width);min-width:var(--timerbox-main-tile-width);max-width:var(--timerbox-main-tile-width);margin-left:var(--timerbox-tile-gap);padding:0 6px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--app-surface-tile);color:var(--app-text);font-size:16px;letter-spacing:-.2px;font-weight:600;box-sizing:border-box}.timer-leaderboard-nickname{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timer-leaderboard-separator,.timer-leaderboard-score{flex:0 0 auto}.timer-leaderboard-row .timer-leaderboard-name-tile.is-user-link{cursor:pointer;text-decoration:none}.timer-leaderboard-row .timer-leaderboard-name-tile.is-user-link:focus-visible{outline:2px solid rgba(119,110,101,.5);outline-offset:1px}.timer-leaderboard-row.is-empty .timer-leaderboard-name-tile{color:#b3a79d}.timer-leaderboard-row.is-self .timer-leaderboard-name-tile{background:#f4eadf;color:var(--app-text)}#timerbox [id^=timer-row-]:after{content:"";display:block;clear:both}#timerbox>br{display:none!important}#timerbox [id^=timer-row-]>br{display:none}.timertile{display:flex;align-items:center;justify-content:center;box-sizing:border-box;box-shadow:0 0 30px 10px #f3d77400,inset 0 0 0 1px #fff0;border-radius:var(--app-radius-tile);text-align:center;font-weight:700;z-index:10;width:42px;height:42px;line-height:1;color:var(--app-text);background:var(--app-surface-tile);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;float:left;margin-left:15px;margin-top:9px;font-size:19px}.timer-legend-32,.timer-legend-64{font-size:22px}.timer-legend-128,.timer-legend-256,.timer-legend-512{font-size:18px}.timer-legend-1024,.timer-legend-2048,.timer-legend-4096,.timer-legend-8192{font-size:14px}.timer-legend-16384,.timer-legend-32768,.timer-legend-65536{font-size:11px}.timer-progress-cell{width:var(--timerbox-main-tile-width);margin-left:var(--timerbox-tile-gap)}.above-game{width:500px;float:left}.above-game:after{content:"";display:block;clear:both}.game-intro{float:left;line-height:42px;margin-bottom:0}#play-mode-intro{max-width:380px;white-space:nowrap;overflow:hidden;text-overflow:clip;font-size:18px}.restart-button{display:inline-block;background:var(--app-action-bg);border-radius:var(--app-radius-control);padding:0 20px;text-decoration:none;color:var(--app-text-on-strong);height:40px;line-height:42px;display:block;text-align:center;float:right}.timer-container:after{position:absolute;width:100%;top:10px;left:0;text-transform:uppercase;font-size:13px;line-height:13px;text-align:center;color:var(--app-text-on-board-muted);content:"时间"}html[data-ui-lang=en] .score-container:after{content:"SCORE"}html[data-ui-lang=en] .best-container:after{content:"BEST"}html[data-ui-lang=en] #timer:after,html[data-ui-lang=en] .timer-container:after{content:"TIME"}p{margin-top:0;margin-bottom:10px;line-height:1.65}a{color:var(--app-text);font-weight:700;text-decoration:underline;cursor:pointer}strong.important{text-transform:uppercase}hr{border:none;border-bottom:1px solid var(--app-border-control);margin-top:20px;margin-bottom:30px}.container{width:750px;margin:0 auto}body[data-page=game]>.container{display:flow-root}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@-moz-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.game-container{float:left;margin-top:10px;position:relative;padding:15px;cursor:default;-webkit-touch-callout:none;-ms-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-ms-touch-action:none;touch-action:none;background:var(--app-surface-board);border-radius:var(--app-radius-board);width:500px;height:500px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@media screen and (min-width:981px){body[data-page=game]{margin:99px 0 56px}body[data-page=game] .stats-left,body[data-page=game] .stats-right{display:none}body[data-page=game] .heading{margin-bottom:8px}body[data-page=game] .top-action-buttons{position:absolute;top:-56px;right:-250px;width:auto;margin:0;justify-content:flex-start}body[data-page=game] .above-game{padding-top:8px!important}body[data-page=game] .game-container{margin-top:3px}}.game-container.game-container-replay{margin-left:114px}body[data-page=replay] .replay-heading{float:none;margin:0 auto;width:min(100%,740px)}body[data-page=replay] .replay-hidden-scoreboard{display:none}body[data-page=replay] .replay-stats-strip{width:min(100%,740px);margin:16px auto 12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}body[data-page=replay] .replay-stat-card{background:#b7aba0;color:#f8f4ed;border-radius:2px;min-height:72px;display:flex;align-items:center;justify-content:flex-start;gap:6px;padding:0 16px;box-sizing:border-box}body[data-page=replay] .replay-stat-label,body[data-page=replay] .replay-stat-value{font-size:18px;font-weight:700;letter-spacing:.1px}body[data-page=replay] .replay-stat-card-step .replay-stat-value{font-family:Clear Sans,Helvetica Neue,Arial,sans-serif}body[data-page=replay] .game-container.game-container-replay{float:none;margin:12px auto 0;box-shadow:0 0 0 6px #f5d6c147}html[data-ui-lang=en] body[data-page=replay] .replay-stat-label,html[data-ui-lang=en] body[data-page=replay] .replay-stat-value{font-size:16px}.game-container .game-message{display:none;position:absolute;inset:0;background:#eee4da80;z-index:100;text-align:center;flex-direction:column;align-items:center;justify-content:center;padding:18px 16px 0;-webkit-animation:fade-in .8s ease 1.2s;-moz-animation:fade-in .8s ease 1.2s;animation:fade-in .8s ease 1.2s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}.game-container .game-message p{font-size:60px;font-weight:700;height:auto;line-height:1.05;margin:0}.game-container .game-message .lower{display:flex;justify-content:center;align-items:center;gap:9px;margin-top:28px;width:min(320px,82%)}.game-container .game-message.game-over .lower.has-undo-controls{justify-content:space-between;gap:9px;width:min(214px,54%)}.game-container .game-message.game-over .lower.has-undo-controls>a.undo-button,.game-container .game-message.game-over .lower.has-undo-controls>a.retry-button{flex:0 1 calc(50% - 4.5px);min-width:63px;max-width:91px}.game-container .game-message a{display:inline-block;background:var(--app-action-bg);border-radius:var(--app-radius-tile);padding:0 20px;text-decoration:none;color:var(--app-text-on-strong);height:40px;line-height:42px;margin-left:0;text-align:center}.game-container .game-message a.keep-playing-button{display:none}html[data-theme=classic] .game-container .game-message a.retry-button{color:#fff!important}.game-container .game-message.game-won{background:#edc22e80;color:var(--app-text-on-strong)}.game-container .game-message.game-won a.keep-playing-button{display:inline-block}.game-container .game-message.game-won,.game-container .game-message.game-over{display:flex}.game-container .game-message.game-won.game-message-temporarily-hidden,.game-container .game-message.game-over.game-message-temporarily-hidden{display:none!important;pointer-events:none}.game-container .game-message.game-over p{transform:translate(20px)}.grid-container{position:absolute;z-index:1}.grid-row{margin-bottom:15px}.grid-row:last-child{margin-bottom:0}.grid-row:after{content:"";display:block;clear:both}.grid-cell{width:106.25px;height:106.25px;margin-right:15px;float:left;box-sizing:border-box;border-radius:var(--app-radius-tile);background:var(--app-surface-empty-tile)}.grid-cell.grid-cell-obstacle{background:repeating-linear-gradient(135deg,#4a1f1f 0 9px,#b93838 9px 18px)!important;box-shadow:inset 0 0 0 2px #fff5e6cc,0 0 0 1px #280808cc!important;border:1px solid rgba(255,234,200,.9)!important}.grid-cell:last-child{margin-right:0}.tile-container{position:absolute;z-index:2}.tile,.tile .tile-inner{width:107px;height:107px;line-height:116.25px}.tile.tile-position-1-1{-webkit-transform:translate(0px,0px);-moz-transform:translate(0px,0px);transform:translate(0)}.tile.tile-position-1-2{-webkit-transform:translate(0px,121px);-moz-transform:translate(0px,121px);transform:translateY(121px)}.tile.tile-position-1-3{-webkit-transform:translate(0px,242px);-moz-transform:translate(0px,242px);transform:translateY(242px)}.tile.tile-position-1-4{-webkit-transform:translate(0px,363px);-moz-transform:translate(0px,363px);transform:translateY(363px)}.tile.tile-position-2-1{-webkit-transform:translate(121px,0px);-moz-transform:translate(121px,0px);transform:translate(121px)}.tile.tile-position-2-2{-webkit-transform:translate(121px,121px);-moz-transform:translate(121px,121px);transform:translate(121px,121px)}.tile.tile-position-2-3{-webkit-transform:translate(121px,242px);-moz-transform:translate(121px,242px);transform:translate(121px,242px)}.tile.tile-position-2-4{-webkit-transform:translate(121px,363px);-moz-transform:translate(121px,363px);transform:translate(121px,363px)}.tile.tile-position-3-1{-webkit-transform:translate(242px,0px);-moz-transform:translate(242px,0px);transform:translate(242px)}.tile.tile-position-3-2{-webkit-transform:translate(242px,121px);-moz-transform:translate(242px,121px);transform:translate(242px,121px)}.tile.tile-position-3-3{-webkit-transform:translate(242px,242px);-moz-transform:translate(242px,242px);transform:translate(242px,242px)}.tile.tile-position-3-4{-webkit-transform:translate(242px,363px);-moz-transform:translate(242px,363px);transform:translate(242px,363px)}.tile.tile-position-4-1{-webkit-transform:translate(363px,0px);-moz-transform:translate(363px,0px);transform:translate(363px)}.tile.tile-position-4-2{-webkit-transform:translate(363px,121px);-moz-transform:translate(363px,121px);transform:translate(363px,121px)}.tile.tile-position-4-3{-webkit-transform:translate(363px,242px);-moz-transform:translate(363px,242px);transform:translate(363px,242px)}.tile.tile-position-4-4{-webkit-transform:translate(363px,363px);-moz-transform:translate(363px,363px);transform:translate(363px,363px)}.tile{position:absolute;-webkit-transition:.1s ease-in-out;-moz-transition:.1s ease-in-out;transition:.1s ease-in-out;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform}.tile .tile-inner{display:flex;align-items:center;justify-content:center;border-radius:var(--app-radius-tile);background:var(--app-surface-tile);text-align:center;font-weight:700;z-index:10;font-size:55px;line-height:1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}body.board-low-perf .tile{-webkit-transition:none!important;-moz-transition:none!important;transition:none!important}body.board-low-perf .tile .tile-inner,body.board-low-perf .tile.tile-new .tile-inner,body.board-low-perf .tile.tile-merged .tile-inner{-webkit-animation:none!important;-moz-animation:none!important;animation:none!important;box-shadow:none!important;background-image:none!important;text-shadow:none!important}body.board-low-perf .tile .tile-inner:after{display:none!important}.tile.tile-2 .tile-inner{background:var(--app-surface-tile);box-shadow:0 0 30px 10px #f3d77400,inset 0 0 0 1px #fff0}.tile.tile-4 .tile-inner{background:#ede0c8;box-shadow:0 0 30px 10px #f3d77400,inset 0 0 0 1px #fff0}.tile.tile-8 .tile-inner{color:var(--app-text-on-strong);background:#f2b179}.tile.tile-16 .tile-inner{color:var(--app-text-on-strong);background:#f59563}.tile.tile-32 .tile-inner{color:var(--app-text-on-strong);background:#f67c5f}.tile.tile-64 .tile-inner{color:var(--app-text-on-strong);background:#f65e3b}.tile.tile-128 .tile-inner{color:var(--app-text-on-strong);background:#edcf72;box-shadow:0 0 30px 10px #f3d7743d,inset 0 0 0 1px #ffffff24;font-size:45px}@media screen and (max-width:520px){.tile.tile-128 .tile-inner{font-size:25px}}.tile.tile-256 .tile-inner{color:var(--app-text-on-strong);background:#edcc61;box-shadow:0 0 30px 10px #f3d77451,inset 0 0 0 1px #ffffff31;font-size:45px}@media screen and (max-width:520px){.tile.tile-256 .tile-inner{font-size:25px}}.tile.tile-512 .tile-inner{color:var(--app-text-on-strong);background:#edc850;box-shadow:0 0 30px 10px #f3d77465,inset 0 0 0 1px #ffffff3d;font-size:45px}@media screen and (max-width:520px){.tile.tile-512 .tile-inner{font-size:25px}}.tile.tile-1024 .tile-inner{color:var(--app-text-on-strong);background:#edc53f;box-shadow:0 0 30px 10px #f3d77479,inset 0 0 0 1px #ffffff49;font-size:35px}@media screen and (max-width:520px){.tile.tile-1024 .tile-inner{font-size:15px}}.tile.tile-2048 .tile-inner{color:var(--app-text-on-strong);background:#edc22e;box-shadow:0 0 30px 10px #f3d7748e,inset 0 0 0 1px #fff5;font-size:35px}@media screen and (max-width:520px){.tile.tile-2048 .tile-inner{font-size:15px}}.tile.tile-super .tile-inner{color:var(--app-text-on-strong);background:#3c3a32;font-size:30px}.tile.tile-stone .tile-inner{background:repeating-linear-gradient(135deg,#4a1f1f 0 10px,#b93838 10px 20px)!important;box-shadow:inset 0 0 0 2px #fff5e6d9,0 0 0 1px #280808d9!important;border:1px solid rgba(255,234,200,.9)!important}@media screen and (max-width:520px){.tile.tile-super .tile-inner{font-size:10px}}@-webkit-keyframes appear{0%{opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}@-moz-keyframes appear{0%{opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}@keyframes appear{0%{opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}.tile-new .tile-inner{-webkit-animation:appear .2s ease .1s;-moz-animation:appear .2s ease .1s;animation:appear .2s ease .1s;-webkit-animation-fill-mode:backwards;-moz-animation-fill-mode:backwards;animation-fill-mode:backwards}@-webkit-keyframes pop{0%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}@-moz-keyframes pop{0%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}@keyframes pop{0%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}.tile-merged .tile-inner{z-index:20;-webkit-animation:pop .2s ease .1s;-moz-animation:pop .2s ease .1s;animation:pop .2s ease .1s;-webkit-animation-fill-mode:backwards;-moz-animation-fill-mode:backwards;animation-fill-mode:backwards}.game-intro{margin-bottom:0}.game-explanation{margin-top:50px}@media screen and (max-width:1200px){body[data-page=game] .mobile-hide-project-copy{display:none!important}}@media screen and (max-width:520px){html,body{font-size:15px}body{margin:20px 0;padding:0 20px}h1.title{font-size:27px;margin-top:15px}.container{width:280px;margin:0 auto}.score-container,.best-container,.timer-container{margin-top:0;padding:15px 10px;min-width:40px}.stats-left{float:left;font-weight:700;color:var(--app-text);margin-top:10px}.stats-right{float:right;font-weight:700;color:var(--app-text);margin-top:10px}.heading{margin-bottom:10px}}@media screen and (max-width:520px){.game-container{margin-top:40px;position:relative;padding:10px;cursor:default;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;background:var(--app-surface-board);border-radius:var(--app-radius-board);width:280px;height:280px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}}@media screen and (max-width:520px){.game-container .game-message{display:none;position:absolute;inset:0;background:#eee4da80;z-index:100;text-align:center;flex-direction:column;align-items:center;justify-content:center;padding:18px 16px 0;-webkit-animation:fade-in .8s ease 1.2s;-moz-animation:fade-in .8s ease 1.2s;animation:fade-in .8s ease 1.2s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}.game-container .game-message p{font-size:60px;font-weight:700;height:auto;line-height:1.05;margin:0}.game-container .game-message .lower{display:flex;justify-content:center;align-items:center;gap:9px;margin-top:28px;width:min(320px,82%)}.game-container .game-message.game-over .lower.has-undo-controls{justify-content:space-between;gap:9px;width:min(214px,54%)}.game-container .game-message.game-over .lower.has-undo-controls>a.undo-button,.game-container .game-message.game-over .lower.has-undo-controls>a.retry-button{flex:0 1 calc(50% - 4.5px);min-width:63px;max-width:91px}.game-container .game-message a{display:inline-block;background:var(--app-action-bg);border-radius:var(--app-radius-control);padding:0 20px;text-decoration:none;color:var(--app-text-on-strong);height:40px;line-height:42px;margin-left:0;text-align:center}.game-container .game-message a.keep-playing-button{display:none}.game-container .game-message.game-won{background:#edc22e80;color:var(--app-text-on-strong)}.game-container .game-message.game-won a.keep-playing-button{display:inline-block}.game-container .game-message.game-won,.game-container .game-message.game-over{display:flex}.game-container .game-message.game-over p{transform:translate(20px)}}@media screen and (max-width:520px){.grid-container{position:absolute;z-index:1}.grid-row{margin-bottom:10px}.grid-row:last-child{margin-bottom:0}.grid-row:after{content:"";display:block;clear:both}.grid-cell{width:57.5px;height:57.5px;margin-right:10px;float:left;border-radius:var(--app-radius-tile);background:var(--app-surface-empty-tile)}.grid-cell:last-child{margin-right:0}.tile-container{position:absolute;z-index:2}}@media screen and (max-width:520px){.tile,.tile .tile-inner{width:58px;height:58px;line-height:67.5px}.tile.tile-position-1-1{-webkit-transform:translate(0px,0px);-moz-transform:translate(0px,0px);transform:translate(0)}.tile.tile-position-1-2{-webkit-transform:translate(0px,67px);-moz-transform:translate(0px,67px);transform:translateY(67px)}.tile.tile-position-1-3{-webkit-transform:translate(0px,135px);-moz-transform:translate(0px,135px);transform:translateY(135px)}.tile.tile-position-1-4{-webkit-transform:translate(0px,202px);-moz-transform:translate(0px,202px);transform:translateY(202px)}.tile.tile-position-2-1{-webkit-transform:translate(67px,0px);-moz-transform:translate(67px,0px);transform:translate(67px)}.tile.tile-position-2-2{-webkit-transform:translate(67px,67px);-moz-transform:translate(67px,67px);transform:translate(67px,67px)}.tile.tile-position-2-3{-webkit-transform:translate(67px,135px);-moz-transform:translate(67px,135px);transform:translate(67px,135px)}.tile.tile-position-2-4{-webkit-transform:translate(67px,202px);-moz-transform:translate(67px,202px);transform:translate(67px,202px)}.tile.tile-position-3-1{-webkit-transform:translate(135px,0px);-moz-transform:translate(135px,0px);transform:translate(135px)}.tile.tile-position-3-2{-webkit-transform:translate(135px,67px);-moz-transform:translate(135px,67px);transform:translate(135px,67px)}.tile.tile-position-3-3{-webkit-transform:translate(135px,135px);-moz-transform:translate(135px,135px);transform:translate(135px,135px)}.tile.tile-position-3-4{-webkit-transform:translate(135px,202px);-moz-transform:translate(135px,202px);transform:translate(135px,202px)}.tile.tile-position-4-1{-webkit-transform:translate(202px,0px);-moz-transform:translate(202px,0px);transform:translate(202px)}.tile.tile-position-4-2{-webkit-transform:translate(202px,67px);-moz-transform:translate(202px,67px);transform:translate(202px,67px)}.tile.tile-position-4-3{-webkit-transform:translate(202px,135px);-moz-transform:translate(202px,135px);transform:translate(202px,135px)}.tile.tile-position-4-4{-webkit-transform:translate(202px,202px);-moz-transform:translate(202px,202px);transform:translate(202px,202px)}}@media screen and (max-width:520px){.game-intro{width:55%;display:block;box-sizing:border-box;line-height:1.65}#play-mode-intro{white-space:nowrap;overflow:hidden;text-overflow:clip;line-height:1.65;font-size:13px}.restart-button{width:42%;padding:0;display:block;box-sizing:border-box;margin-top:2px}.game-container{margin-top:17px}.tile .tile-inner{font-size:35px;line-height:1}.game-message p{font-size:30px!important;height:auto!important;line-height:1.1!important;margin:0!important}.game-message .lower{margin-top:20px!important;width:min(240px,88%)!important}.game-message.game-over .lower.has-undo-controls{width:min(179px,60%)!important;gap:6px!important}.game-message.game-over .lower.has-undo-controls>a.undo-button,.game-message.game-over .lower.has-undo-controls>a.retry-button{max-width:80px!important;min-width:57px!important}}@media screen and (max-width:520px){#milestones-container{display:none;margin-top:10px;background:var(--app-page-bg);padding:10px;border-radius:var(--app-radius-panel)}#milestones-container.expanded{display:block;-webkit-animation:fade-in .4s ease;-moz-animation:fade-in .4s ease;animation:fade-in .4s ease}}.game-container .game-message a.export-replay-button,.game-container .game-message a.import-replay-button,.game-container .game-message a.undo-button{display:inline-block;background:var(--app-action-bg);border-radius:var(--app-radius-tile);padding:0 20px;text-decoration:none;color:var(--app-text-on-strong);height:40px;line-height:42px;margin-left:0;cursor:pointer}.replay-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--app-surface-overlay);display:flex;align-items:center;justify-content:center;z-index:4000}.replay-controls-panel{width:min(100%,540px);margin:16px auto 0;padding:8px 8px 0;box-sizing:border-box}.replay-progress-container{margin-bottom:12px}.replay-progress-container #replay-progress{width:100%;cursor:pointer}.replay-diagnostics-panel{margin-top:10px;padding:10px 12px;border:1px dashed var(--app-border-control);border-radius:8px;background:#fffdf9f2;text-align:left}.replay-diagnostics-summary{font-size:12px;line-height:1.45;color:var(--app-text-subtle);word-break:break-word}.replay-diagnostics-samples{margin-top:4px;font-size:12px;line-height:1.45;color:#9a8f84;word-break:break-word}.replay-control-btn{background:var(--app-action-muted-bg);border-radius:var(--app-radius-control);padding:0 12px;color:var(--app-text-on-strong);min-height:36px;line-height:36px;cursor:pointer;border:none;font-weight:700;font-size:26px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.replay-control-btn:hover{background:var(--app-action-muted-hover-bg)}.replay-buttons-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;align-items:center}.replay-actions-row{margin-top:10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.replay-meta-btn,.import-replay-button{min-height:40px;line-height:40px;font-size:18px}.import-replay-button{background:var(--app-action-muted-bg);color:var(--app-text-on-strong);border-radius:var(--app-radius-control);padding:0 12px;text-decoration:none;cursor:pointer}.import-replay-button:hover{background:var(--app-action-muted-hover-bg)}.replay-meta-btn.is-active{background:var(--app-action-bg)}.replay-speed-settings{margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.replay-speed-item{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--app-text-subtle)}#replay-playback-mode,#replay-speed{min-width:112px;height:36px;border-radius:var(--app-radius-control);border:1px solid var(--app-border-control);background:var(--app-page-bg);color:var(--app-text);font-weight:700;cursor:pointer;padding:0 10px}#replay-speed.is-disabled{opacity:.55;cursor:not-allowed}input[type=range]{-webkit-appearance:none;background:transparent}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:20px;width:20px;border-radius:10px;background:var(--app-accent);cursor:pointer;margin-top:-8px}input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;background:var(--app-border-control);border-radius:2px}.replay-modal-content{background:var(--app-page-bg);padding:20px;border-radius:var(--app-radius-panel);width:90%;max-width:500px;box-sizing:border-box;box-shadow:0 4px 6px #0000001a;text-align:center}.replay-modal-content h3{color:var(--app-text);margin-top:0}.mobile-hint-modal-content{max-width:560px;text-align:left}.mobile-hint-modal-content h3{text-align:center}.mobile-hint-body{border:1px solid var(--app-border-control);border-radius:var(--app-radius-panel);background:#fffdfa;color:var(--app-text);line-height:1.6;font-size:15px;padding:10px 12px;max-height:58vh;overflow-y:auto;white-space:pre-wrap}.mobile-hint-body p{margin:0 0 10px}.mobile-hint-body p:last-child{margin-bottom:0}.mode-intro-desc{color:var(--app-text);line-height:1.6;font-size:15px;white-space:pre-line;text-align:left;margin-bottom:14px}.mode-intro-leaderboard-wrap{border:1px solid var(--app-border-control);border-radius:var(--app-radius-panel);background:var(--app-surface-popover);padding:10px;margin-bottom:14px}.mode-intro-leaderboard-title{color:var(--app-text);font-weight:700;margin-bottom:8px}.mode-intro-leaderboard{min-height:90px;color:var(--app-text-subtle);line-height:1.5;font-size:14px}.replay-textarea{width:100%;max-width:100%;height:100px;margin:15px 0;padding:10px;border:1px solid var(--app-border-control);border-radius:var(--app-radius-control);font-family:monospace;resize:vertical;box-sizing:border-box;display:block}.replay-modal-content>.replay-textarea{width:100%;max-width:100%;box-sizing:border-box}.replay-modal-actions .replay-button{display:inline-block;background:var(--app-action-bg);border-radius:var(--app-radius-tile);padding:0 20px;text-decoration:none;color:var(--app-text-on-strong);height:40px;line-height:42px;margin:0 5px;cursor:pointer;border:none;font-size:16px;font-weight:700}.replay-button{display:inline-block;background:var(--app-action-bg);border-radius:var(--app-radius-tile);padding:0 20px;text-decoration:none;color:var(--app-text-on-strong);height:40px;line-height:40px;cursor:pointer;border:none;font-size:14px;font-weight:700}.top-action-buttons{position:absolute;top:-56px;right:-250px;display:flex;gap:8px;z-index:20}.top-action-btn{display:inline-block;position:relative;background:var(--app-action-bg);border-radius:var(--app-radius-tile);padding:0 14px;text-decoration:none;color:var(--app-text-on-strong);height:34px;line-height:34px;font-size:14px;font-weight:700;cursor:pointer}body:not([data-top-button-style=text]) .top-action-btn{display:inline-flex!important;align-items:center;justify-content:center;width:50px!important;min-width:50px!important;height:50px!important;padding:0!important;border-radius:12px!important}body:not([data-top-button-style=text]) .top-action-btn svg{width:28px;height:28px;vertical-align:middle}body .top-action-btn[hidden]{display:none!important}.top-action-btn.has-unread:after{content:"";position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:#ff3b30;box-shadow:0 0 0 1px #ffffffbf}.top-action-btn:hover{background:#7f6a56}.top-action-btn svg,.restart-button svg{transition:transform .2s ease;transform-origin:center center}.top-action-btn:hover svg,.top-action-btn:focus-visible svg,.restart-button:hover svg,.restart-button:focus-visible svg{transform:scale(1.18)}@media(prefers-reduced-motion:reduce){.top-action-btn svg,.restart-button svg{transition:none}}body[data-page=game] .top-action-btn.announcement-btn svg,body[data-page=practice] .top-action-btn.announcement-btn svg,body[data-page=game] .top-action-btn.stats-btn svg,body[data-page=practice] .top-action-btn.stats-btn svg,body[data-page=game] .top-action-btn.export-btn svg,body[data-page=practice] .top-action-btn.export-btn svg,body[data-page=game] .top-action-btn.practice-btn svg,body[data-page=practice] .top-action-btn.practice-btn svg,body[data-page=game] .top-action-btn.mode-btn svg,body[data-page=practice] .top-action-btn.mode-btn svg,body[data-page=game] .top-action-btn.history-btn svg,body[data-page=practice] .top-action-btn.history-btn svg,body[data-page=game] .top-action-btn.profile-btn svg,body[data-page=practice] .top-action-btn.profile-btn svg,body[data-page=game] .top-action-btn.settings-btn svg,body[data-page=practice] .top-action-btn.settings-btn svg,body[data-page=game] .restart-button.reset-btn svg,body[data-page=practice] .restart-button.reset-btn svg,body[data-page=game] .top-action-btn.reset-btn svg,body[data-page=practice] .top-action-btn.reset-btn svg{transform:none}body[data-page=game] .top-action-btn.announcement-btn:hover svg,body[data-page=practice] .top-action-btn.announcement-btn:hover svg,body[data-page=game] .top-action-btn.announcement-btn:focus-visible svg,body[data-page=practice] .top-action-btn.announcement-btn:focus-visible svg,body[data-page=game] .top-action-btn.stats-btn:hover svg,body[data-page=practice] .top-action-btn.stats-btn:hover svg,body[data-page=game] .top-action-btn.stats-btn:focus-visible svg,body[data-page=practice] .top-action-btn.stats-btn:focus-visible svg,body[data-page=game] .top-action-btn.export-btn:hover svg,body[data-page=practice] .top-action-btn.export-btn:hover svg,body[data-page=game] .top-action-btn.export-btn:focus-visible svg,body[data-page=practice] .top-action-btn.export-btn:focus-visible svg,body[data-page=game] .top-action-btn.practice-btn:hover svg,body[data-page=practice] .top-action-btn.practice-btn:hover svg,body[data-page=game] .top-action-btn.practice-btn:focus-visible svg,body[data-page=practice] .top-action-btn.practice-btn:focus-visible svg,body[data-page=game] .top-action-btn.mode-btn:hover svg,body[data-page=practice] .top-action-btn.mode-btn:hover svg,body[data-page=game] .top-action-btn.mode-btn:focus-visible svg,body[data-page=practice] .top-action-btn.mode-btn:focus-visible svg,body[data-page=game] .top-action-btn.history-btn:hover svg,body[data-page=practice] .top-action-btn.history-btn:hover svg,body[data-page=game] .top-action-btn.history-btn:focus-visible svg,body[data-page=practice] .top-action-btn.history-btn:focus-visible svg,body[data-page=game] .top-action-btn.profile-btn:hover svg,body[data-page=practice] .top-action-btn.profile-btn:hover svg,body[data-page=game] .top-action-btn.profile-btn:focus-visible svg,body[data-page=practice] .top-action-btn.profile-btn:focus-visible svg,body[data-page=game] .top-action-btn.settings-btn:hover svg,body[data-page=practice] .top-action-btn.settings-btn:hover svg,body[data-page=game] .top-action-btn.settings-btn:focus-visible svg,body[data-page=practice] .top-action-btn.settings-btn:focus-visible svg,body[data-page=game] .restart-button.reset-btn:hover svg,body[data-page=practice] .restart-button.reset-btn:hover svg,body[data-page=game] .restart-button.reset-btn:focus-visible svg,body[data-page=practice] .restart-button.reset-btn:focus-visible svg,body[data-page=game] .top-action-btn.reset-btn:hover svg,body[data-page=practice] .top-action-btn.reset-btn:hover svg,body[data-page=game] .top-action-btn.reset-btn:focus-visible svg,body[data-page=practice] .top-action-btn.reset-btn:focus-visible svg{transform:none}body[data-page=game] .top-action-btn.profile-btn svg,body[data-page=practice] .top-action-btn.profile-btn svg{width:34px!important;height:34px!important}body[data-page=game] .top-action-btn.profile-btn .profile-line,body[data-page=practice] .top-action-btn.profile-btn .profile-line{stroke-width:1.65;stroke-dasharray:1;stroke-dashoffset:0}body[data-page=game] .top-action-btn.profile-btn .profile-origin,body[data-page=practice] .top-action-btn.profile-btn .profile-origin{opacity:0}body[data-page=game] .top-action-btn.profile-btn:hover .profile-line,body[data-page=practice] .top-action-btn.profile-btn:hover .profile-line,body[data-page=game] .top-action-btn.profile-btn:focus-visible .profile-line,body[data-page=practice] .top-action-btn.profile-btn:focus-visible .profile-line{animation:profile-line-draw .44s linear both}body[data-page=game] .top-action-btn.profile-btn:hover .profile-origin,body[data-page=practice] .top-action-btn.profile-btn:hover .profile-origin,body[data-page=game] .top-action-btn.profile-btn:focus-visible .profile-origin,body[data-page=practice] .top-action-btn.profile-btn:focus-visible .profile-origin{animation:profile-origin-fade .44s linear both}@keyframes profile-line-draw{0%{stroke-dashoffset:1}83.333%{stroke-dashoffset:0}to{stroke-dashoffset:0}}@keyframes profile-origin-fade{0%{opacity:1}45%{opacity:1}83.333%{opacity:0}to{opacity:0}}body[data-page=game] .top-action-btn.announcement-btn .announce-speaker,body[data-page=practice] .top-action-btn.announcement-btn .announce-speaker{transform-origin:9px 12px;transition:transform .34s cubic-bezier(.2,.8,.2,1);transform:scale(1)}body[data-page=game] .top-action-btn.announcement-btn .announce-wave,body[data-page=practice] .top-action-btn.announcement-btn .announce-wave{transform-origin:16px 12px;opacity:1;transform:scale(1)}body[data-page=game] .top-action-btn.announcement-btn:hover .announce-speaker,body[data-page=practice] .top-action-btn.announcement-btn:hover .announce-speaker,body[data-page=game] .top-action-btn.announcement-btn:focus-visible .announce-speaker,body[data-page=practice] .top-action-btn.announcement-btn:focus-visible .announce-speaker{transform:scale(1.26)}body[data-page=game] .top-action-btn.announcement-btn:hover .announce-wave,body[data-page=practice] .top-action-btn.announcement-btn:hover .announce-wave,body[data-page=game] .top-action-btn.announcement-btn:focus-visible .announce-wave,body[data-page=practice] .top-action-btn.announcement-btn:focus-visible .announce-wave{opacity:0;animation-name:announcement-wave-in;animation-duration:.34s;animation-timing-function:ease;animation-fill-mode:forwards}body[data-page=game] .top-action-btn.announcement-btn:hover .announce-wave-1,body[data-page=practice] .top-action-btn.announcement-btn:hover .announce-wave-1,body[data-page=game] .top-action-btn.announcement-btn:focus-visible .announce-wave-1,body[data-page=practice] .top-action-btn.announcement-btn:focus-visible .announce-wave-1{animation-delay:.08s}body[data-page=game] .top-action-btn.announcement-btn:hover .announce-wave-2,body[data-page=practice] .top-action-btn.announcement-btn:hover .announce-wave-2,body[data-page=game] .top-action-btn.announcement-btn:focus-visible .announce-wave-2,body[data-page=practice] .top-action-btn.announcement-btn:focus-visible .announce-wave-2{animation-delay:.16s}@keyframes announcement-wave-in{0%{opacity:0;transform:translate(-1px) scale(.72)}to{opacity:1;transform:translate(0) scale(1)}}body[data-page=game] .top-action-btn.history-btn .history-hand,body[data-page=practice] .top-action-btn.history-btn .history-hand{transform-box:view-box;transform-origin:12px 12px;opacity:1}body[data-page=game] .top-action-btn.history-btn .history-hand-long,body[data-page=practice] .top-action-btn.history-btn .history-hand-long{transform:rotate(0)}body[data-page=game] .top-action-btn.history-btn .history-hand-short,body[data-page=practice] .top-action-btn.history-btn .history-hand-short{transform:rotate(118deg)}body[data-page=game] .top-action-btn.history-btn:hover .history-hand-long,body[data-page=practice] .top-action-btn.history-btn:hover .history-hand-long,body[data-page=game] .top-action-btn.history-btn:focus-visible .history-hand-long,body[data-page=practice] .top-action-btn.history-btn:focus-visible .history-hand-long{animation:history-long-spin .3s linear forwards}body[data-page=game] .top-action-btn.history-btn:hover .history-hand-short,body[data-page=practice] .top-action-btn.history-btn:hover .history-hand-short,body[data-page=game] .top-action-btn.history-btn:focus-visible .history-hand-short,body[data-page=practice] .top-action-btn.history-btn:focus-visible .history-hand-short{animation:history-short-sweep .3s cubic-bezier(.2,.8,.2,1) forwards}@keyframes history-long-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes history-short-sweep{0%{transform:rotate(0)}to{transform:rotate(118deg)}}body[data-page=game] .top-action-btn.mode-btn .mode-quad,body[data-page=practice] .top-action-btn.mode-btn .mode-quad{transform:none;opacity:1;clip-path:inset(0 0 0 0)}body[data-page=game] .top-action-btn.mode-btn:hover .mode-quad-tl,body[data-page=practice] .top-action-btn.mode-btn:hover .mode-quad-tl,body[data-page=game] .top-action-btn.mode-btn:focus-visible .mode-quad-tl,body[data-page=practice] .top-action-btn.mode-btn:focus-visible .mode-quad-tl{animation:mode-quad-out-tl .44s cubic-bezier(.2,.8,.2,1) forwards}body[data-page=game] .top-action-btn.mode-btn:hover .mode-quad-tr,body[data-page=practice] .top-action-btn.mode-btn:hover .mode-quad-tr,body[data-page=game] .top-action-btn.mode-btn:focus-visible .mode-quad-tr,body[data-page=practice] .top-action-btn.mode-btn:focus-visible .mode-quad-tr{animation:mode-quad-out-tr .44s cubic-bezier(.2,.8,.2,1) forwards}body[data-page=game] .top-action-btn.mode-btn:hover .mode-quad-br,body[data-page=practice] .top-action-btn.mode-btn:hover .mode-quad-br,body[data-page=game] .top-action-btn.mode-btn:focus-visible .mode-quad-br,body[data-page=practice] .top-action-btn.mode-btn:focus-visible .mode-quad-br{animation:mode-quad-out-br .44s cubic-bezier(.2,.8,.2,1) forwards}body[data-page=game] .top-action-btn.mode-btn:hover .mode-quad-bl,body[data-page=practice] .top-action-btn.mode-btn:hover .mode-quad-bl,body[data-page=game] .top-action-btn.mode-btn:focus-visible .mode-quad-bl,body[data-page=practice] .top-action-btn.mode-btn:focus-visible .mode-quad-bl{animation:mode-quad-out-bl .44s cubic-bezier(.2,.8,.2,1) forwards}@keyframes mode-quad-out-tl{0%{opacity:0;clip-path:inset(100% 0 0 100%)}20%{opacity:0;clip-path:inset(100% 0 0 100%)}to{opacity:1;clip-path:inset(0 0 0 0)}}@keyframes mode-quad-out-tr{0%{opacity:0;clip-path:inset(100% 100% 0 0)}20%{opacity:0;clip-path:inset(100% 100% 0 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}@keyframes mode-quad-out-br{0%{opacity:0;clip-path:inset(0 100% 100% 0)}20%{opacity:0;clip-path:inset(0 100% 100% 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}@keyframes mode-quad-out-bl{0%{opacity:0;clip-path:inset(0 0 100% 100%)}20%{opacity:0;clip-path:inset(0 0 100% 100%)}to{opacity:1;clip-path:inset(0 0 0 0)}}body[data-page=game] .top-action-btn.settings-btn svg,body[data-page=practice] .top-action-btn.settings-btn svg{transform:rotate(0);transform-origin:center;transform-box:view-box}body[data-page=game] .top-action-btn.settings-btn:hover svg,body[data-page=practice] .top-action-btn.settings-btn:hover svg,body[data-page=game] .top-action-btn.settings-btn:focus-visible svg,body[data-page=practice] .top-action-btn.settings-btn:focus-visible svg{animation:settings-spin-once .56s linear forwards}@keyframes settings-spin-once{0%{transform:rotate(0)}to{transform:rotate(180deg)}}body[data-page=game] .top-action-btn.stats-btn .stats-line,body[data-page=practice] .top-action-btn.stats-btn .stats-line{transform-box:fill-box;transform-origin:center bottom;opacity:1;transform:scaleY(1)}body[data-page=game] .top-action-btn.stats-btn:hover .stats-line,body[data-page=practice] .top-action-btn.stats-btn:hover .stats-line,body[data-page=game] .top-action-btn.stats-btn:focus-visible .stats-line,body[data-page=practice] .top-action-btn.stats-btn:focus-visible .stats-line{opacity:0;animation-name:stats-line-rise-in;animation-duration:.36s;animation-timing-function:cubic-bezier(.2,.8,.2,1);animation-fill-mode:forwards}body[data-page=game] .top-action-btn.stats-btn:hover .stats-line-left,body[data-page=practice] .top-action-btn.stats-btn:hover .stats-line-left,body[data-page=game] .top-action-btn.stats-btn:focus-visible .stats-line-left,body[data-page=practice] .top-action-btn.stats-btn:focus-visible .stats-line-left{animation-delay:.05s}body[data-page=game] .top-action-btn.stats-btn:hover .stats-line-right,body[data-page=practice] .top-action-btn.stats-btn:hover .stats-line-right,body[data-page=game] .top-action-btn.stats-btn:focus-visible .stats-line-right,body[data-page=practice] .top-action-btn.stats-btn:focus-visible .stats-line-right{animation-delay:.14s}body[data-page=game] .top-action-btn.stats-btn:hover .stats-line-mid,body[data-page=practice] .top-action-btn.stats-btn:hover .stats-line-mid,body[data-page=game] .top-action-btn.stats-btn:focus-visible .stats-line-mid,body[data-page=practice] .top-action-btn.stats-btn:focus-visible .stats-line-mid{animation-delay:.23s}@keyframes stats-line-rise-in{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}body[data-page=game] .top-action-btn.export-btn .export-arrow-static,body[data-page=practice] .top-action-btn.export-btn .export-arrow-static{opacity:1}body[data-page=game] .top-action-btn.export-btn .export-arrow-trace,body[data-page=practice] .top-action-btn.export-btn .export-arrow-trace{opacity:0;stroke-linecap:round;stroke-dasharray:0;stroke-dashoffset:0}body[data-page=game] .top-action-btn.export-btn .export-arrow-mover,body[data-page=practice] .top-action-btn.export-btn .export-arrow-mover{opacity:0;pointer-events:none;offset-distance:0%;offset-rotate:auto;offset-path:path("M12 3 L12 15")}body[data-page=game] .top-action-btn.export-btn .export-arrow-mover line,body[data-page=practice] .top-action-btn.export-btn .export-arrow-mover line,body[data-page=game] .top-action-btn.export-btn .export-arrow-mover polyline,body[data-page=practice] .top-action-btn.export-btn .export-arrow-mover polyline{stroke-linecap:round;stroke-linejoin:round}body[data-page=game] .top-action-btn.export-btn .export-base-group,body[data-page=practice] .top-action-btn.export-btn .export-base-group{opacity:1;transform-box:fill-box;transform-origin:center bottom;transform:scaleY(1)}body[data-page=game] .top-action-btn.export-btn:hover .export-base-group,body[data-page=practice] .top-action-btn.export-btn:hover .export-base-group,body[data-page=game] .top-action-btn.export-btn:focus-visible .export-base-group,body[data-page=practice] .top-action-btn.export-btn:focus-visible .export-base-group{opacity:0;animation:export-base-rise-in .33s cubic-bezier(.2,.8,.2,1) .105s forwards}@keyframes export-base-rise-in{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}body[data-page=game] .top-action-btn.practice-btn .practice-arrow-static,body[data-page=practice] .top-action-btn.practice-btn .practice-arrow-static{opacity:1}body[data-page=game] .top-action-btn.practice-btn .practice-arrow-trace,body[data-page=practice] .top-action-btn.practice-btn .practice-arrow-trace{opacity:0;stroke-linecap:round;stroke-dasharray:0;stroke-dashoffset:0}body[data-page=game] .top-action-btn.practice-btn .practice-arrow-mover,body[data-page=practice] .top-action-btn.practice-btn .practice-arrow-mover{opacity:0;pointer-events:none;offset-distance:0%;offset-rotate:auto;offset-path:path("M11 13 L21 3")}body[data-page=game] .top-action-btn.practice-btn .practice-arrow-mover line,body[data-page=practice] .top-action-btn.practice-btn .practice-arrow-mover line,body[data-page=game] .top-action-btn.practice-btn .practice-arrow-mover polyline,body[data-page=practice] .top-action-btn.practice-btn .practice-arrow-mover polyline{stroke-linecap:round;stroke-linejoin:round}body[data-page=game] .top-action-btn.practice-btn .practice-frame-group,body[data-page=practice] .top-action-btn.practice-btn .practice-frame-group{opacity:1;clip-path:inset(0 0 0 0)}body[data-page=game] .top-action-btn.practice-btn:hover .practice-frame-group,body[data-page=practice] .top-action-btn.practice-btn:hover .practice-frame-group,body[data-page=game] .top-action-btn.practice-btn:focus-visible .practice-frame-group,body[data-page=practice] .top-action-btn.practice-btn:focus-visible .practice-frame-group{opacity:0;animation:practice-frame-btt-in .307s cubic-bezier(.2,.8,.2,1) .102s forwards}@keyframes practice-frame-btt-in{0%{opacity:0;clip-path:inset(100% 0 0 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}body[data-page=game] .restart-button.reset-btn .reset-top-static,body[data-page=practice] .restart-button.reset-btn .reset-top-static,body[data-page=game] .restart-button.reset-btn .reset-bottom-static,body[data-page=practice] .restart-button.reset-btn .reset-bottom-static,body[data-page=game] .top-action-btn.reset-btn .reset-top-static,body[data-page=practice] .top-action-btn.reset-btn .reset-top-static,body[data-page=game] .top-action-btn.reset-btn .reset-bottom-static,body[data-page=practice] .top-action-btn.reset-btn .reset-bottom-static{opacity:1}body[data-page=game] .restart-button.reset-btn .reset-top-trace,body[data-page=practice] .restart-button.reset-btn .reset-top-trace,body[data-page=game] .restart-button.reset-btn .reset-bottom-trace,body[data-page=practice] .restart-button.reset-btn .reset-bottom-trace,body[data-page=game] .top-action-btn.reset-btn .reset-top-trace,body[data-page=practice] .top-action-btn.reset-btn .reset-top-trace,body[data-page=game] .top-action-btn.reset-btn .reset-bottom-trace,body[data-page=practice] .top-action-btn.reset-btn .reset-bottom-trace{opacity:0;stroke-linecap:round;stroke-dasharray:0;stroke-dashoffset:0}body[data-page=game] .restart-button.reset-btn .reset-top-mover,body[data-page=practice] .restart-button.reset-btn .reset-top-mover,body[data-page=game] .restart-button.reset-btn .reset-bottom-mover,body[data-page=practice] .restart-button.reset-btn .reset-bottom-mover,body[data-page=game] .top-action-btn.reset-btn .reset-top-mover,body[data-page=practice] .top-action-btn.reset-btn .reset-top-mover,body[data-page=game] .top-action-btn.reset-btn .reset-bottom-mover,body[data-page=practice] .top-action-btn.reset-btn .reset-bottom-mover{opacity:0;pointer-events:none;offset-distance:0%;offset-rotate:auto}body[data-page=game] .restart-button.reset-btn .reset-top-mover line,body[data-page=practice] .restart-button.reset-btn .reset-top-mover line,body[data-page=game] .restart-button.reset-btn .reset-bottom-mover line,body[data-page=practice] .restart-button.reset-btn .reset-bottom-mover line,body[data-page=game] .restart-button.reset-btn .reset-top-mover polyline,body[data-page=practice] .restart-button.reset-btn .reset-top-mover polyline,body[data-page=game] .restart-button.reset-btn .reset-bottom-mover polyline,body[data-page=practice] .restart-button.reset-btn .reset-bottom-mover polyline,body[data-page=game] .top-action-btn.reset-btn .reset-top-mover line,body[data-page=practice] .top-action-btn.reset-btn .reset-top-mover line,body[data-page=game] .top-action-btn.reset-btn .reset-bottom-mover line,body[data-page=practice] .top-action-btn.reset-btn .reset-bottom-mover line,body[data-page=game] .top-action-btn.reset-btn .reset-top-mover polyline,body[data-page=practice] .top-action-btn.reset-btn .reset-top-mover polyline,body[data-page=game] .top-action-btn.reset-btn .reset-bottom-mover polyline,body[data-page=practice] .top-action-btn.reset-btn .reset-bottom-mover polyline{stroke-linecap:round;stroke-linejoin:round}body[data-page=game] .restart-button.reset-btn .reset-top-mover,body[data-page=practice] .restart-button.reset-btn .reset-top-mover,body[data-page=game] .top-action-btn.reset-btn .reset-top-mover,body[data-page=practice] .top-action-btn.reset-btn .reset-top-mover{offset-path:path("M3.51 9 A9 9 0 0 1 18.36 5.64 L23 10")}body[data-page=game] .restart-button.reset-btn .reset-bottom-mover,body[data-page=practice] .restart-button.reset-btn .reset-bottom-mover,body[data-page=game] .top-action-btn.reset-btn .reset-bottom-mover,body[data-page=practice] .top-action-btn.reset-btn .reset-bottom-mover{offset-path:path("M20.49 15 A9 9 0 0 1 5.64 18.36 L1 14")}@media(prefers-reduced-motion:reduce){body[data-page=game] .top-action-btn.announcement-btn .announce-speaker,body[data-page=practice] .top-action-btn.announcement-btn .announce-speaker{transition:none}body[data-page=game] .top-action-btn.announcement-btn:hover .announce-wave,body[data-page=practice] .top-action-btn.announcement-btn:hover .announce-wave,body[data-page=game] .top-action-btn.announcement-btn:focus-visible .announce-wave,body[data-page=practice] .top-action-btn.announcement-btn:focus-visible .announce-wave{animation:none;opacity:1}body[data-page=game] .top-action-btn.history-btn:hover .history-hand-long,body[data-page=practice] .top-action-btn.history-btn:hover .history-hand-long,body[data-page=game] .top-action-btn.history-btn:focus-visible .history-hand-long,body[data-page=practice] .top-action-btn.history-btn:focus-visible .history-hand-long{animation:none;transform:rotate(0)}body[data-page=game] .top-action-btn.history-btn:hover .history-hand-short,body[data-page=practice] .top-action-btn.history-btn:hover .history-hand-short,body[data-page=game] .top-action-btn.history-btn:focus-visible .history-hand-short,body[data-page=practice] .top-action-btn.history-btn:focus-visible .history-hand-short{animation:none;transform:rotate(118deg)}body[data-page=game] .top-action-btn.mode-btn:hover .mode-quad,body[data-page=practice] .top-action-btn.mode-btn:hover .mode-quad,body[data-page=game] .top-action-btn.mode-btn:focus-visible .mode-quad,body[data-page=practice] .top-action-btn.mode-btn:focus-visible .mode-quad{animation:none;opacity:1;clip-path:inset(0 0 0 0)}body[data-page=game] .top-action-btn.profile-btn:hover .profile-line,body[data-page=practice] .top-action-btn.profile-btn:hover .profile-line,body[data-page=game] .top-action-btn.profile-btn:focus-visible .profile-line,body[data-page=practice] .top-action-btn.profile-btn:focus-visible .profile-line{animation:none;stroke-dashoffset:0}body[data-page=game] .top-action-btn.profile-btn:hover .profile-origin,body[data-page=practice] .top-action-btn.profile-btn:hover .profile-origin,body[data-page=game] .top-action-btn.profile-btn:focus-visible .profile-origin,body[data-page=practice] .top-action-btn.profile-btn:focus-visible .profile-origin{animation:none;opacity:0}body[data-page=game] .top-action-btn.settings-btn:hover svg,body[data-page=practice] .top-action-btn.settings-btn:hover svg,body[data-page=game] .top-action-btn.settings-btn:focus-visible svg,body[data-page=practice] .top-action-btn.settings-btn:focus-visible svg{animation:none;transform:rotate(0)}body[data-page=game] .top-action-btn.stats-btn:hover .stats-line,body[data-page=practice] .top-action-btn.stats-btn:hover .stats-line,body[data-page=game] .top-action-btn.stats-btn:focus-visible .stats-line,body[data-page=practice] .top-action-btn.stats-btn:focus-visible .stats-line{animation:none;opacity:1;transform:scaleY(1)}body[data-page=game] .top-action-btn.export-btn:hover .export-base-group,body[data-page=practice] .top-action-btn.export-btn:hover .export-base-group,body[data-page=game] .top-action-btn.export-btn:focus-visible .export-base-group,body[data-page=practice] .top-action-btn.export-btn:focus-visible .export-base-group{animation:none;opacity:1;transform:scaleY(1)}body[data-page=game] .top-action-btn.export-btn .export-arrow-static,body[data-page=practice] .top-action-btn.export-btn .export-arrow-static,body[data-page=game] .top-action-btn.practice-btn .practice-arrow-static,body[data-page=practice] .top-action-btn.practice-btn .practice-arrow-static{opacity:1}body[data-page=game] .top-action-btn.export-btn .export-arrow-trace,body[data-page=practice] .top-action-btn.export-btn .export-arrow-trace,body[data-page=game] .top-action-btn.export-btn .export-arrow-mover,body[data-page=practice] .top-action-btn.export-btn .export-arrow-mover,body[data-page=game] .top-action-btn.practice-btn .practice-arrow-trace,body[data-page=practice] .top-action-btn.practice-btn .practice-arrow-trace,body[data-page=game] .top-action-btn.practice-btn .practice-arrow-mover,body[data-page=practice] .top-action-btn.practice-btn .practice-arrow-mover{opacity:0}body[data-page=game] .top-action-btn.practice-btn:hover .practice-frame-group,body[data-page=practice] .top-action-btn.practice-btn:hover .practice-frame-group,body[data-page=game] .top-action-btn.practice-btn:focus-visible .practice-frame-group,body[data-page=practice] .top-action-btn.practice-btn:focus-visible .practice-frame-group{animation:none;opacity:1;clip-path:inset(0 0 0 0)}}.floating-settings-btn{position:fixed;top:8px;right:8px;z-index:1001}.stats-panel-toggle{border:none}.stats-panel-toggle.is-floating{position:fixed;top:8px;right:86px;z-index:1001}.stats-panel-toggle:hover{background:#7f6a56}.stats-panel-content{max-width:360px}.stats-panel-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid #e1dbd3;color:var(--app-text);font-weight:700}.stats-panel-row:last-of-type{border-bottom:none}.settings-modal-content{max-width:540px;padding-bottom:40px;text-align:left;display:flex;flex-wrap:wrap;gap:14px;align-items:stretch}.announcement-modal-content{max-width:640px;text-align:left}.settings-modal-content>h3{order:0}.settings-modal-content>.settings-row:not(.toolkit-entry-row){order:10}.settings-modal-content>h3,.settings-modal-content>.theme-settings-row,.settings-modal-content>.toolkit-entry-row,.settings-modal-content>.replay-modal-actions,.settings-modal-content>.settings-row:not(.settings-toggle-row){width:100%}.settings-modal-content>.settings-row:empty{display:none}.announcement-list{max-height:420px;overflow-y:auto;margin:10px 0 16px;padding-right:4px}.announcement-item{border:1px solid #dfd8cf;border-radius:var(--app-radius-panel);padding:10px 12px;margin-bottom:10px;background:var(--app-surface-modal)}.announcement-item-head{display:flex;justify-content:flex-start;align-items:center;gap:10px;margin-bottom:6px;flex-wrap:wrap}.announcement-pin-badge{display:inline-flex;align-items:center;justify-content:center;height:20px;padding:0 8px;border-radius:var(--app-radius-pill);background:#f3d7bc;color:#7b4d22;font-size:12px;line-height:1;font-weight:700}.announcement-version{color:var(--app-action-bg);font-weight:700}.announcement-date{color:#9f978d;font-size:12px;margin-left:2px}.announcement-title{color:var(--app-text);font-weight:700;margin-bottom:4px}.announcement-content{color:var(--app-text-subtle);font-size:13px;line-height:1.45;white-space:pre-line}.announcement-link-row{margin-top:8px}.announcement-link{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:var(--app-radius-pill);background:#f3e5d4;color:#8c4f1b;font-size:12px;font-weight:700;text-decoration:none;transition:background-color .15s ease,color .15s ease}.announcement-link:hover{background:#ead4b9;color:#6f3f17}.announcement-empty{text-align:center;color:#9f978d;padding:26px 0}.settings-row{margin:0}.settings-row label{display:block;margin-bottom:8px;font-weight:700;color:var(--app-text)}.toolkit-entry-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;flex:1 1 100%;min-width:100%;max-width:100%;width:100%;justify-items:center}.toolkit-entry-actions .replay-button{min-width:0;width:min(205px,100%);min-height:48px;padding:0 16px;box-sizing:border-box;text-align:center;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(180deg,#a98a72,#8f6f58);box-shadow:0 10px 24px #6c51392e,inset 0 0 0 1px #ffffff38;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.toolkit-entry-actions .replay-button:hover,.toolkit-entry-actions .replay-button:focus-visible{background:linear-gradient(180deg,#b48f71,#996f52);box-shadow:0 14px 28px #6c51393d,inset 0 0 0 1px #ffffff47;transform:translateY(-1px)}.toolkit-entry-row{display:flex;justify-content:center;padding-top:8px;order:40}.settings-modal-content>.replay-modal-actions{order:60}.settings-switch-row{display:flex;align-items:center;gap:8px;font-weight:400;margin-bottom:4px}.settings-switch-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--app-accent)}.settings-toggle-row{width:calc(50% - 7px);min-width:0;padding:12px 14px;border:1px solid var(--app-border-muted);border-radius:12px;background:var(--app-surface-soft);box-sizing:border-box}.settings-action-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:2px 0 0;border:none;border-radius:0;background:transparent;box-sizing:border-box}.settings-modal-content>.settings-row.language-settings-row,.settings-modal-content>.settings-row.settings-action-row{width:calc(50% - 7px)}.settings-modal-content>.settings-row.language-settings-row{order:10}.settings-modal-content>.settings-row.settings-action-row{order:51}.settings-action-main{display:block;width:100%}.settings-action-copy{flex:1 1 auto;min-width:0;margin-bottom:6px}.settings-action-copy .settings-toggle-title{margin-bottom:2px}.settings-action-copy .settings-toggle-desc{color:var(--app-text-muted);font-size:14px;line-height:1.45}.settings-inline-action-btn{display:inline-block;min-width:0;height:auto;line-height:1.35;padding:0;text-align:left;background:transparent;color:var(--app-action-bg);border:none;border-radius:0;box-shadow:none;font-size:14px;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}.settings-inline-action-btn:hover{background:transparent;color:#6e5f52}.settings-inline-action-btn:active{transform:none}.settings-inline-action-btn:focus-visible{outline:2px solid var(--app-focus-ring-control);outline-offset:3px;border-radius:4px}.language-settings-row{box-sizing:border-box}.language-toggle-main{align-items:center}.language-settings-switch{width:72px;height:36px;text-indent:0}.language-settings-switch .settings-switch-slider:after{display:none}.language-switch-thumb{position:absolute;top:3px;left:3px;width:30px;height:30px;border-radius:50%;background:#fff;color:var(--app-text-strong);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;box-shadow:0 2px 8px #483a2c33;transition:transform .25s ease,color .25s ease;pointer-events:none}.language-settings-switch input[type=checkbox]:checked~.language-switch-thumb{transform:translate(36px);color:var(--app-accent)}.settings-toggle-main{display:flex;align-items:center;justify-content:space-between;gap:16px}.settings-toggle-copy{flex:1 1 auto;min-width:0}.settings-toggle-title{display:block;margin:0 0 4px;font-weight:700;color:var(--app-text)}.settings-toggle-desc{font-size:13px;line-height:1.45;color:var(--app-text-subtle)}.settings-select-row .settings-select-main{align-items:center}.settings-theme-select{flex:0 0 132px;min-width:0;height:36px;padding:0 10px;border:1px solid var(--app-border-control);border-radius:6px;background:var(--app-surface-control);color:var(--app-text);font:inherit;font-size:14px;box-sizing:border-box}.settings-theme-select:focus-visible{outline:2px solid var(--app-focus-ring-control);outline-offset:2px}.settings-switch{position:relative;display:block;flex:0 0 auto;width:72px;height:36px;margin:0;cursor:pointer;text-indent:-9999px}.settings-switch input[type=checkbox]{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.settings-switch-slider{position:absolute;inset:0;display:block;background:var(--app-border-control);border-radius:999px;transition:background-color .25s ease,box-shadow .25s ease}.settings-switch-slider:after{content:"";position:absolute;top:3px;left:3px;width:30px;height:30px;background:#fff;border-radius:50%;box-shadow:0 2px 8px #483a2c33;transition:transform .25s ease,width .2s ease}.settings-switch input[type=checkbox]:checked+.settings-switch-slider{background:var(--app-accent)}.settings-switch input[type=checkbox]:checked+.settings-switch-slider:after{transform:translate(36px)}.settings-switch:active .settings-switch-slider:after{width:38px}.settings-switch input[type=checkbox]:focus-visible+.settings-switch-slider{box-shadow:0 0 0 3px var(--app-focus-ring-control)}.settings-switch input[type=checkbox]:disabled+.settings-switch-slider{background:var(--app-border-muted);cursor:not-allowed}.settings-switch input[type=checkbox]:disabled+.settings-switch-slider:after{background:var(--app-surface-soft)}@media screen and (max-width:980px){.settings-modal-content{display:flex;flex-direction:column;flex-wrap:nowrap;max-width:min(92vw,540px);gap:12px}.settings-row{margin:0}.settings-toggle-row{width:100%}.settings-modal-content>.settings-row.settings-toggle-row,.settings-modal-content>.settings-row.language-settings-row,.settings-modal-content>.settings-row.settings-action-row{width:100%}.settings-modal-content>.settings-row.settings-toggle-row,.settings-modal-content>.settings-row.language-settings-row{order:10}.settings-modal-content>.toolkit-entry-row{order:20}.toolkit-entry-actions{width:100%}.settings-modal-content>.settings-row.settings-action-row{order:30}.settings-modal-content>.replay-modal-actions{order:40}.settings-action-row,.settings-action-main{display:block}.settings-inline-action-btn{display:inline-block;margin-top:10px}.theme-settings-row{flex-direction:column;gap:12px}.theme-selection-col,.theme-preview-col{width:100%;flex:1 1 auto}}@media screen and (max-width:520px){.toolkit-entry-actions{grid-template-columns:1fr}.settings-toggle-row{width:100%}.settings-modal-content>.settings-row.language-settings-row,.settings-modal-content>.settings-row.settings-action-row{width:100%}.settings-action-row,.settings-action-main{display:block}.settings-inline-action-btn{display:inline-block;margin-top:10px}}.theme-settings-row{display:flex;gap:20px;align-items:flex-start;margin:14px 0}.theme-selection-col{flex:0 0 200px}.theme-preview-col{flex:1}.custom-select-wrapper{position:relative;-webkit-user-select:none;user-select:none;width:100%}.custom-select{position:relative;display:flex;flex-direction:column}.custom-select-trigger{position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 10px;font-size:14px;color:var(--app-text);height:36px;line-height:36px;background:var(--app-surface-control);border:1px solid var(--app-border-control);border-radius:4px;cursor:pointer}.custom-select-options{position:absolute;top:100%;left:0;right:0;background:var(--app-surface-popover);border:1px solid var(--app-border-control);border-top:none;border-radius:0 0 4px 4px;box-shadow:0 4px 8px #0000001a;z-index:100;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px);transition:all .2s ease;max-height:300px;overflow-y:auto}.custom-select.open .custom-select-options{opacity:1;visibility:visible;pointer-events:all;transform:translateY(0)}.custom-option{padding:0 10px;line-height:36px;cursor:pointer;transition:background .1s}.custom-option:hover{background:var(--app-accent-soft)}.custom-option.selected{color:var(--app-text-strong);background:var(--app-accent-soft);box-shadow:inset 3px 0 0 var(--app-accent)}.custom-arrow{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--app-text);transition:transform .2s}.custom-select.open .custom-arrow{transform:rotate(180deg)}.theme-preview-dual-wrap{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}.theme-preview-grid-block{display:flex;flex-direction:column;gap:4px}.theme-preview-grid-title{font-size:12px;color:var(--app-text-subtle);font-weight:700;line-height:1.2}.theme-preview-grid{display:grid;grid-template-columns:repeat(4,30px);grid-template-rows:repeat(4,30px);gap:4px;background:var(--app-surface-board);border-radius:var(--app-radius-board);padding:5px;width:fit-content}.settings-note{margin-top:8px;font-size:13px;color:var(--app-text-subtle)}.settings-note:empty{display:none}.settings-toggle-row .settings-note,.language-settings-row .settings-note{display:none}.tile-palette-settings-row{padding:10px 12px;border:1px solid #e0dad2;border-radius:8px;background:#fdfaf5}.tile-palette-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.tile-palette-toolbar .replay-button{min-height:34px;line-height:34px;padding:0 12px}.tile-palette-name-input{min-width:160px;flex:1 1 180px}.tile-palette-editor-wrap{display:flex;gap:10px;flex-wrap:wrap}.tile-palette-editor-block{flex:1 1 220px;min-width:220px;background:#fff;border:1px solid #e5dfd7;border-radius:var(--app-radius-panel);padding:8px}.tile-palette-editor-title{font-size:12px;color:var(--app-text-subtle);margin-bottom:6px;font-weight:700}.tile-palette-editor-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.tile-palette-color-item{display:flex;align-items:center;gap:6px;min-width:0}.tile-palette-color-item input[type=color]{width:26px;height:26px;border:none;background:transparent;padding:0;cursor:pointer}.tile-palette-color-label{font-size:11px;color:var(--app-text-subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width:520px){.top-action-buttons{position:static;right:auto;top:auto;flex-wrap:wrap;justify-content:flex-end;margin-bottom:10px}.top-action-btn{height:30px;line-height:30px;padding:0 10px;font-size:13px}.floating-settings-btn{right:6px;top:6px}.stats-panel-toggle.is-floating{right:76px;top:6px}.theme-preview-dual-wrap{flex-direction:column;gap:8px}.tile-palette-toolbar .settings-select,.tile-palette-name-input,.tile-palette-toolbar .replay-button{width:100%}.tile-palette-editor-block{min-width:0;width:100%}}.timer-legend-16,.timer-legend-32,.timer-legend-64,.timer-legend-128,.timer-legend-256,.timer-legend-512,.timer-legend-1024,.timer-legend-2048,.timer-legend-4096,.timer-legend-8192,.timer-legend-16384,.timer-legend-32768,.timer-legend-65536{color:var(--app-text-on-strong)}.timer-legend-16{background:#f59563;box-shadow:0 0 5px #f5956380}.timer-legend-32{background:#f67c5f;box-shadow:0 0 5px #f67c5f80}.timer-legend-64{background:#f65e3b;box-shadow:0 0 5px #f65e3b80}.timer-legend-128{background:#edcf72;box-shadow:0 0 10px 1px #f3d77466,inset 0 0 0 1px #fff3}.timer-legend-256{background:#edcc61;box-shadow:0 0 10px 1px #f3d77473,inset 0 0 0 1px #fff3}.timer-legend-512{background:#edc850;box-shadow:0 0 10px 2px #f3d77480,inset 0 0 0 1px #fff3}.timer-legend-1024{background:#edc53f;box-shadow:0 0 10px 2px #f3d7748c,inset 0 0 0 1px #fff3}.timer-legend-2048{background:#edc22e;box-shadow:0 0 15px 3px #f3d77499,inset 0 0 0 1px #ffffff4d}.timer-legend-4096{background:#a4c;box-shadow:0 0 15px 3px #a4c9,inset 0 0 0 1px #ffffff26}.timer-legend-8192{background:#628;box-shadow:0 0 15px 3px #6289,inset 0 0 0 1px #ffffff26}.timer-legend-16384{background:#315;box-shadow:0 0 15px 3px #3159,inset 0 0 0 1px #ffffff26}.timer-legend-32768{background:#000;box-shadow:0 0 15px 3px #00000080,inset 0 0 0 1px #64646433}.timer-legend-65536{background:#3c3a32;box-shadow:0 0 15px 3px #3c3a3280,inset 0 0 0 1px #fff3}.tile.tile-4096 .tile-inner{color:var(--app-text-on-strong);background:#a4c;box-shadow:0 0 30px 10px #aa44cc78,inset 0 0 0 1px #ffffff47}.tile.tile-8192 .tile-inner{color:var(--app-text-on-strong);background:#628;box-shadow:0 0 30px 10px #6622888c,inset 0 0 0 1px #ffffff54}.tile.tile-16384 .tile-inner{color:var(--app-text-on-strong);background:#315;box-shadow:0 0 30px 10px #3159,inset 0 0 0 1px #ffffff54}.tile.tile-32768 .tile-inner{color:var(--app-text-on-strong);background:#000;box-shadow:0 0 30px 10px #0009,inset 0 0 0 1px #ffffff54}.tile.tile-65536 .tile-inner{color:var(--app-text-on-strong);background:#3c3a32;box-shadow:0 0 30px 10px #3c3a328c,inset 0 0 0 1px #ffffff54}@media screen and (max-width:520px){.tile.tile-4096 .tile-inner,.tile.tile-8192 .tile-inner,.tile.tile-16384 .tile-inner,.tile.tile-32768 .tile-inner,.tile.tile-65536 .tile-inner{font-size:15px}}.portal-container{width:960px}.portal-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:12px}.portal-header .title{float:none;margin:0}.portal-nav{display:flex;gap:12px}.portal-nav a{text-decoration:none}.portal-card{background:var(--app-surface-light);border:1px solid var(--app-border-control);border-radius:8px;padding:14px;margin-bottom:12px}.portal-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.portal-form{display:flex;flex-direction:column;gap:8px}.portal-form input,.portal-inline-input{height:36px;border:1px solid var(--app-border-control);border-radius:4px;padding:0 10px;font-size:14px;color:var(--app-text)}.portal-inline-input{width:180px}.portal-actions-inline{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.portal-inline-select{width:auto;min-width:130px}body[data-page=history] .portal-inline-select{-webkit-appearance:none;appearance:none;min-height:38px;border:1px solid #d7c8b9;border-radius:12px;padding:0 36px 0 12px;background-color:#fff8f0;background-image:linear-gradient(180deg,#ffffffe6,#faf1e8f2),linear-gradient(45deg,transparent 50%,#806f5f 50%),linear-gradient(135deg,#806f5f 50%,transparent 50%);background-repeat:no-repeat,no-repeat,no-repeat;background-position:center center,calc(100% - 16px) calc(50% - 2px),calc(100% - 10px) calc(50% - 2px);background-size:auto,6px 6px,6px 6px;box-shadow:inset 0 1px #ffffffa6,0 1px 2px #75635214;color:#66584b;font-size:14px;font-weight:600;line-height:1.2;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}body[data-page=history] .portal-inline-select:hover{border-color:#cdb9a7;background-color:#fff4e8}body[data-page=history] .portal-inline-select:focus,body[data-page=history] .portal-inline-select:focus-visible{border-color:#af9175;box-shadow:0 0 0 3px #af917529,inset 0 1px #ffffffb3}.portal-status{margin-top:8px;font-size:14px}.portal-muted{color:var(--app-text-subtle);margin-top:6px}.portal-table-wrap{overflow-x:auto}.portal-table{width:100%;border-collapse:collapse;font-size:14px}.portal-table th,.portal-table td{border-bottom:1px solid var(--app-border-muted);padding:8px;text-align:left}.portal-table th{color:var(--app-text-subtle)}.portal-section-title{margin:12px 0;font-size:24px}.history-bulk-actions{margin-top:8px}.history-pagination-actions{justify-content:flex-end;margin-bottom:10px}.history-item{background:var(--app-surface-light);border:1px solid var(--app-border-control);border-radius:8px;padding:12px;margin-bottom:10px}.history-item-head{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:8px;font-size:14px}.history-owner-tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:var(--app-accent-soft);color:var(--app-link);font-size:12px;font-weight:600}.history-item-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.history-item-diagnostics{margin-bottom:6px;font-size:12px;line-height:1.45;color:var(--app-text-subtle);word-break:break-word}.history-item-diagnostics-samples{margin-bottom:10px;font-size:12px;line-height:1.45;color:var(--app-text-muted);word-break:break-word}.history-mini-board-wrap{display:flex;align-items:flex-start;justify-content:flex-start;overflow-x:auto}.history-mini-game.game-container{float:none;margin:0;width:auto;max-width:none;min-width:0;min-height:0;box-sizing:border-box;padding:8px;border-radius:8px}.history-mini-game .grid-cell{border-radius:var(--app-radius-panel)}.history-mini-game .tile,.history-mini-game .tile .tile-inner{transition:none!important;animation:none!important}.final-board-grid{display:grid;grid-template-columns:repeat(4,52px);grid-template-rows:repeat(4,52px);gap:6px;background:var(--app-surface-board);border-radius:var(--app-radius-board);padding:8px;width:fit-content}.final-board-cell{background:var(--app-surface-empty-tile);border-radius:var(--app-radius-tile);color:var(--app-text);font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center;line-height:1}.final-board-cell-empty{background:var(--app-surface-empty-tile);color:transparent}.final-board-cell-v-2{background:var(--app-surface-tile);color:var(--app-text)}.final-board-cell-v-4{background:#ede0c8;color:var(--app-text)}.final-board-cell-v-8{background:#f2b179;color:var(--app-text-on-strong)}.final-board-cell-v-16{background:#f59563;color:var(--app-text-on-strong)}.final-board-cell-v-32{background:#f67c5f;color:var(--app-text-on-strong)}.final-board-cell-v-64{background:#f65e3b;color:var(--app-text-on-strong)}.final-board-cell-v-128{background:#edcf72;color:var(--app-text-on-strong);font-size:14px}.final-board-cell-v-256{background:#edcc61;color:var(--app-text-on-strong);font-size:14px}.final-board-cell-v-512{background:#edc850;color:var(--app-text-on-strong);font-size:14px}.final-board-cell-v-1024{background:#edc53f;color:var(--app-text-on-strong);font-size:12px}.final-board-cell-v-2048{background:#edc22e;color:var(--app-text-on-strong);font-size:12px}.final-board-cell-v-4096,.final-board-cell-v-8192,.final-board-cell-v-16384,.final-board-cell-v-32768,.final-board-cell-v-65536{background:#3c3a32;color:var(--app-text-on-strong);font-size:11px}.final-board-cell-super{background:#3c3a32;color:var(--app-text-on-strong);font-size:10px}@media screen and (max-width:980px){.portal-container{width:94%}.portal-header{display:block}.portal-nav{margin-top:8px}.portal-grid-2{grid-template-columns:1fr}}.timerbox-toggle-btn{display:none;border:none;background:var(--app-action-bg);color:var(--app-text-on-strong);border-radius:4px;font-weight:700;font-size:14px;min-height:36px;line-height:36px;padding:0 14px;cursor:pointer;text-decoration:none}.timerbox-toggle-btn svg{display:block}.mobile-hint-toggle-btn,.mobile-undo-top-btn{display:none}.practice-mobile-undo-btn{display:none;border:none;border-radius:8px;background:linear-gradient(180deg,#f59f6a,#f07a4a);color:#fff;box-shadow:0 2px #9c4927f2;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.practice-mobile-undo-btn svg{display:block}.practice-mobile-undo-btn:active{transform:translateY(1px);box-shadow:0 1px #9c4927f2}.practice-mobile-undo-btn[aria-disabled=true]{filter:grayscale(.2);box-shadow:none}@media screen and (max-width:980px){body[data-page=game]{margin:18px 0;padding:0 10px}body[data-page=game] .container{width:100%;max-width:760px;margin:0 auto}body[data-page=game] .heading{float:none;width:100%;margin-bottom:8px}body[data-page=game] .top-action-buttons{position:static;top:auto;right:auto;margin:0 0 10px;flex-wrap:wrap;align-items:center;justify-content:flex-start}body[data-page=game] .top-action-btn{min-height:36px;height:36px;line-height:36px;padding:0 12px}body[data-page=game] .scores-container{float:none;display:flex;justify-content:flex-end;gap:8px}body[data-page=game] .score-container,body[data-page=game] .best-container{margin-top:0}body[data-page=game] .above-game{float:none;width:100%;padding-top:10px!important}body[data-page=game] .game-intro{float:none;width:100%;margin-bottom:8px;line-height:1.45}body[data-page=game] #play-mode-intro{max-width:none}body[data-page=game] .restart-button{float:none;display:inline-flex;align-items:center;justify-content:center;min-height:36px;height:36px;line-height:36px;width:auto;padding:0 12px;margin-top:0}body[data-page=game] .top-action-buttons .restart-button{float:none;display:inline-flex;align-items:center;justify-content:center;min-height:36px;height:36px;line-height:36px;width:auto;padding:0 12px;margin:0;order:90}body[data-page=game] .stats-left{float:none;margin:0 0 8px;display:flex;flex-wrap:wrap;gap:6px 12px}body[data-page=game] .stats-left>div{margin:0}body[data-page=game] .stats-right{float:none;text-align:right;margin:0 0 8px}body[data-page=game] #timerbox{float:none;width:100%;max-width:500px;margin:12px auto 0;text-align:center}body[data-page=game] .game-container{float:none;margin:12px auto 0}body[data-page=game] .game-explanation,body[data-page=game] hr{max-width:100%}}@media screen and (max-width:980px){body[data-page=replay]{margin:16px 0;padding:0 10px}body[data-page=replay] .container{width:100%;max-width:760px;margin:0 auto}body[data-page=replay] .heading{float:none!important;width:100%;margin:0 auto}body[data-page=replay] .heading .title{float:none;margin-bottom:8px}body[data-page=replay] .game-container.game-container-replay{margin:12px auto 0!important}body[data-page=replay] .replay-controls-panel{box-sizing:border-box;width:100%}body[data-page=replay] .replay-stats-strip{gap:10px;margin-top:12px}body[data-page=replay] .replay-stat-card{min-height:62px;padding:0 12px}body[data-page=replay] .replay-stat-label,body[data-page=replay] .replay-stat-value{font-size:16px}body[data-page=replay] .replay-buttons-row{gap:6px!important}body[data-page=replay] .replay-control-btn{min-height:36px;line-height:36px;padding:0 8px;font-size:18px}body[data-page=replay] #replay-playback-mode,body[data-page=replay] #replay-speed{min-height:36px;margin-left:0!important}body[data-page=replay] .replay-actions-row{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-page=replay] .replay-speed-settings{grid-template-columns:1fr}body[data-page=replay] .import-replay-button{min-height:36px;line-height:36px;padding:0 16px!important}}@media screen and (max-width:980px){body[data-page=practice]{margin:16px 0;padding:0 5px;overflow-x:hidden}body[data-page=practice] .container{width:100%!important;max-width:760px;margin:0 auto;overflow-x:hidden}body[data-page=practice] .dashboard-container{flex-direction:column!important;gap:10px;margin-bottom:12px!important}body[data-page=practice] .dashboard-stats,body[data-page=practice] .dashboard-controls{width:100%!important}body[data-page=practice] .dashboard-box{min-height:0!important}body[data-page=practice] .dashboard-controls{justify-content:flex-start!important;align-items:flex-start!important}body[data-page=practice] #practice-stats-actions{flex-wrap:wrap;align-items:center}body[data-page=practice] .selection-grid{justify-content:flex-start!important}body[data-page=practice].practice-setup-locked .selection-grid,body[data-page=practice].practice-setup-locked #test-grid-container{opacity:.72}body[data-page=practice] .selection-grid.selection-grid-locked .selection-tile,body[data-page=practice] #test-grid-container.practice-grid-locked .grid-cell{cursor:not-allowed!important}body[data-page=practice] #timerbox{float:none;width:100%!important;max-width:500px;margin:12px auto 0}}@media screen and (max-width:980px){body[data-page=game] .timerbox-toggle-btn,body[data-page=practice] .timerbox-toggle-btn{display:inline-flex;align-items:center;justify-content:center;margin:8px 0 0}body[data-page=game] .top-action-buttons .timerbox-toggle-btn,body[data-page=practice] #practice-stats-actions .timerbox-toggle-btn{margin:0}body[data-page=practice] #practice-stats-actions .practice-mobile-undo-btn{display:inline-flex;align-items:center;justify-content:center;margin:0;order:999}body[data-page=practice] .above-game .game-intro{display:none!important}body[data-page=practice] .container>.game-container~hr,body[data-page=practice] .container>.game-container~p{display:none!important}body[data-page=game] .above-game .game-intro,body[data-page=game] .game-explanation,body[data-page=game] .container>hr,body[data-page=game] .container>p{display:none!important}body[data-page=game][data-mode-id*=no_undo] .mobile-undo-top-btn,body[data-page=game][data-mode-id*=no-undo] .mobile-undo-top-btn,body[data-page=game][data-mode-id*=capped] .mobile-undo-top-btn,body[data-page=game][data-mode-id*=no_undo] #undo-link,body[data-page=game][data-mode-id*=no-undo] #undo-link,body[data-page=game][data-mode-id*=capped] #undo-link{display:none!important}body[data-page=practice] #practice-stats-actions .restart-button{float:none;display:inline-flex;align-items:center;justify-content:center;min-height:36px;height:36px;line-height:36px;width:auto;padding:0 12px;margin:0;order:93}body[data-page=game] .top-action-buttons .timerbox-toggle-btn{order:91}body[data-page=game] .mobile-hint-toggle-btn,body[data-page=game] .mobile-undo-top-btn{display:inline-flex;align-items:center;justify-content:center;margin:8px 0 0}body[data-page=game] .top-action-buttons .mobile-hint-toggle-btn{margin:0;order:92}body[data-page=game] .top-action-buttons .mobile-undo-top-btn{margin:0;order:999}body[data-page=game] #timerbox,body[data-page=practice] #timerbox{display:none}body[data-page=game] #timerbox.is-mobile-expanded,body[data-page=practice] #timerbox.is-mobile-expanded{display:block}body[data-page=game] #timerbox.is-mobile-expanded,body[data-page=practice] #timerbox.is-mobile-expanded{position:relative;z-index:2;margin-top:10px;margin-bottom:14px;line-height:0}body[data-page=game] #timerbox.is-mobile-expanded:after,body[data-page=practice] #timerbox.is-mobile-expanded:after{content:"";display:block;clear:both}body[data-page=game] #timerbox.is-mobile-expanded #timer,body[data-page=practice] #timerbox.is-mobile-expanded #timer,body[data-page=game] #timerbox.is-mobile-expanded .timer-leaderboard-summary,body[data-page=practice] #timerbox.is-mobile-expanded .timer-leaderboard-summary{float:none;display:block;margin:8px auto 10px;width:calc(100% - 30px);max-width:250px}body[data-page=game] #timerbox.is-mobile-expanded .timertile,body[data-page=practice] #timerbox.is-mobile-expanded .timertile{float:none;display:inline-flex;align-items:center;justify-content:center;line-height:1;vertical-align:top;margin-top:4px}body[data-page=game] #timerbox.is-mobile-expanded br,body[data-page=practice] #timerbox.is-mobile-expanded br{line-height:0;font-size:0}body[data-page=game] #timerbox.is-mobile-expanded+.game-container,body[data-page=practice] #timerbox.is-mobile-expanded+.game-container{margin-top:16px}body[data-page=game].mobile-hint-collapsed-content .container>hr,body[data-page=game].mobile-hint-collapsed-content .container>p{display:none!important}body[data-page=game] .game-intro.mobile-hint-hidden{display:none}}@media screen and (max-width:980px){body[data-page=practice] .heading{float:none;width:100%;margin-bottom:8px}body[data-page=practice] .game-container{float:none;margin:12px auto 0;width:calc(100% - 10px);max-width:none}}@media screen and (max-width:980px){body[data-page=modes]{margin:16px 0;padding:0 10px}body[data-page=modes] .container{width:100%;max-width:760px;margin:0 auto}body[data-page=modes] .heading{float:none!important;width:100%!important;margin-bottom:8px!important}body[data-page=modes] .heading .title{float:none!important}body[data-page=modes] .mode-hub{margin-top:12px!important;padding:14px!important}body[data-page=modes] .mode-major-title{font-size:22px!important}body[data-page=modes] .mode-hub-actions{flex-direction:column!important;gap:8px!important}body[data-page=modes] .mode-hub-btn{width:100%!important;min-width:0!important;box-sizing:border-box}body[data-page=history]{margin:16px 0;padding:0 8px}body[data-page=history] .container.portal-container{width:100%!important;max-width:980px;margin:0 auto;box-sizing:border-box;padding-top:36px}}@media screen and (max-width:760px){body[data-page=game] #corner-stats-4-rate,body[data-page=game] #corner-stats-ips{font-size:16px!important;top:6px!important}body[data-page=game] #corner-stats-4-rate{left:6px!important}body[data-page=game] #corner-stats-ips{right:6px!important}.mobile-hint-modal-content{width:min(92vw,520px);padding:14px}.mobile-hint-body{font-size:14px;max-height:62vh}body[data-page=game]{padding:0 5px}.replay-modal-content,.settings-modal-content,.announcement-modal-content{max-height:82vh;overflow-y:auto}body[data-page=game] h1.title,body[data-page=replay] h1.title,body[data-page=practice] h1.title,body[data-page=modes] h1.title{font-size:38px;margin-top:8px}body[data-page=game] .game-container,body[data-page=replay] .game-container,body[data-page=practice] .game-container{width:min(100%,500px);height:auto;aspect-ratio:1 / 1;padding:10px}body[data-page=game] .game-container{width:100%;max-width:none;height:calc(100vw - 10px)}body[data-page=game] .grid-container,body[data-page=game] .tile-container{inset:10px;width:auto;height:auto}body[data-page=game] .grid-container{display:flex;flex-direction:column}body[data-page=game] .grid-row{display:flex;flex:1 1 0;min-height:0;margin-bottom:10px}body[data-page=game] .grid-cell{flex:1 1 0;min-width:0;width:auto;height:auto;margin-right:10px;float:none}body[data-page=practice] .game-container{width:calc(100% - 10px);max-width:none}body[data-page=history] .portal-actions-inline{flex-wrap:wrap}}@media screen and (min-width:981px){body[data-page=game] .mobile-undo-top-btn,body[data-page=game] .mobile-hint-toggle-btn,body[data-page=game] .timerbox-toggle-btn,body[data-page=practice] .timerbox-toggle-btn,body[data-page=practice] .practice-mobile-undo-btn{display:none!important}}@media screen and (min-width:981px)and (max-width:1366px)and ((hover:none)or (pointer:coarse)){body[data-page=game] .top-action-buttons .mobile-undo-top-btn{display:inline-flex!important;align-items:center;justify-content:center;margin:0}body[data-page=game][data-mode-id*=no_undo] .mobile-undo-top-btn,body[data-page=game][data-mode-id*=no-undo] .mobile-undo-top-btn,body[data-page=game][data-mode-id*=capped] .mobile-undo-top-btn{display:none!important}}@media screen and (max-width:520px){body[data-page=game],body[data-page=replay],body[data-page=practice],body[data-page=modes],body[data-page=history]{padding:0 8px}body[data-page=game],body[data-page=practice]{padding:0 5px}body[data-page=game] h1.title,body[data-page=replay] h1.title,body[data-page=practice] h1.title,body[data-page=modes] h1.title{font-size:30px}body[data-page=game] .top-action-btn,body[data-page=practice] .top-action-btn{min-height:36px;height:36px;line-height:36px;padding:0 10px}body[data-page=replay] .game-container,body[data-page=practice] .game-container{width:min(100%,320px)}body[data-page=game] .game-container{width:100%;max-width:none}body[data-page=practice] .game-container{width:calc(100% - 10px);max-width:none}body[data-page=game] #corner-stats-4-rate,body[data-page=game] #corner-stats-ips{font-size:14px!important;top:5px!important}body[data-page=replay] .replay-control-btn,body[data-page=replay] #replay-playback-mode,body[data-page=replay] #replay-speed,body[data-page=replay] .import-replay-button{width:100%;box-sizing:border-box}body[data-page=practice] .selection-tile{width:44px!important;height:44px!important}body[data-page=practice] .selection-tile .tile-inner{line-height:42px!important;font-size:16px!important}body[data-page=history] .portal-inline-input,body[data-page=history] .portal-inline-select,body[data-page=history] .portal-actions-inline .replay-button{width:100%;min-width:0;box-sizing:border-box}body[data-page=history] #history-prev-page,body[data-page=history] #history-next-page{width:100%}body[data-page=history] .history-item{overflow-x:auto}}@media screen and (max-width:390px){body[data-page=game] #corner-stats-4-rate,body[data-page=game] #corner-stats-ips{font-size:12px!important;top:4px!important}body[data-page=game] .top-action-buttons,body[data-page=practice] #practice-stats-actions{gap:6px}body[data-page=game] .top-action-btn,body[data-page=game] .timerbox-toggle-btn,body[data-page=game] .mobile-hint-toggle-btn,body[data-page=practice] .top-action-btn,body[data-page=practice] .timerbox-toggle-btn{font-size:13px}body[data-page=modes] .mode-major-title{font-size:20px!important}}@media screen and (max-width:320px){body[data-page=game],body[data-page=replay],body[data-page=practice],body[data-page=modes],body[data-page=history]{padding:0 6px}body[data-page=game],body[data-page=practice]{padding:0 5px}body[data-page=game] .top-action-btn,body[data-page=game] .timerbox-toggle-btn,body[data-page=game] .mobile-hint-toggle-btn,body[data-page=practice] .top-action-btn,body[data-page=practice] .timerbox-toggle-btn,body[data-page=replay] .replay-control-btn,body[data-page=history] .replay-button{font-size:12px;padding-left:8px;padding-right:8px}}@media screen and (max-width:980px){body[data-page=game] .scores-container,body[data-page=replay] .scores-container{float:none;display:flex;width:100%;justify-content:stretch;align-items:stretch;gap:3px;text-align:initial}body[data-page=game] .score-container,body[data-page=game] .best-container,body[data-page=replay] .score-container,body[data-page=replay] .best-container{flex:1 1 calc((100% - 3px)/2);width:calc((100% - 3px)/2);max-width:none;min-width:0;margin-top:0;box-sizing:border-box;display:flex;align-items:flex-end;justify-content:center;padding:18px 8px 8px;height:auto;line-height:1.05;font-size:clamp(22px,6vw,30px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body[data-page=game] .score-container:after,body[data-page=game] .best-container:after,body[data-page=replay] .score-container:after,body[data-page=replay] .best-container:after{top:6px;font-size:12px;line-height:15px}}@media screen and (max-width:520px){body[data-page=game] .scores-container,body[data-page=replay] .scores-container{gap:3px}body[data-page=game] .score-container,body[data-page=game] .best-container,body[data-page=replay] .score-container,body[data-page=replay] .best-container{font-size:clamp(20px,8vw,28px);padding:18px 6px 8px}}.mobile-home-btn{display:none!important}@media screen and (max-width:980px){body[data-page=game] .home-user-display{display:none!important}.home-user-display--global{display:block!important;top:14px;left:14px;max-width:calc(100vw - 28px);height:28px;line-height:28px;font-size:20px}}@media screen and (max-width:980px){body[data-page=game] .top-action-buttons{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:8px}body[data-page=game] .top-action-buttons .top-action-btn,body[data-page=game] .top-action-buttons .restart-button,body[data-page=game] .top-action-buttons #timerbox-toggle-btn{flex:0 0 calc((100% - 40px) / 6);width:calc((100% - 40px) / 6);min-width:0;max-width:64px;justify-content:center;padding:0;box-sizing:border-box}body[data-page=game] .top-action-buttons .mobile-actions-primary{order:10;display:inline-flex!important}body[data-page=game] .top-action-buttons .mobile-actions-expand-toggle{order:11;display:inline-flex!important;font-size:14px;letter-spacing:0}body[data-page=game] .top-action-buttons .mobile-actions-expand-toggle svg{width:30px!important;height:30px!important;stroke-width:2.6px;display:block}body[data-page=game][data-top-button-style=icon] .top-action-buttons .mobile-actions-expand-toggle{font-size:0}body[data-page=game] .top-action-buttons .mobile-actions-collapse-target{order:100;display:none!important}body[data-page=game][data-mobile-actions-expanded="1"] .top-action-buttons .mobile-actions-collapse-target{display:inline-flex!important}body[data-page=game][data-mode-id*=_undo]:not([data-mode-id*=no_undo]):not([data-mode-id*=no-undo]) #top-announcement-btn{display:none!important}}@media screen and (min-width:981px)and (hover:hover)and (pointer:fine){body[data-page=game] .top-action-buttons .mobile-home-btn,body[data-page=game] .top-action-buttons .mobile-actions-expand-toggle,body[data-page=game] .top-action-buttons #top-actions-expand-toggle{display:none!important}}body[data-page=game][data-top-button-style=text] .top-action-buttons .top-action-btn,body[data-page=game][data-top-button-style=text] .top-action-buttons .restart-button,body[data-page=game][data-top-button-style=text] #timerbox-toggle-btn,body[data-page=practice][data-top-button-style=text] #practice-stats-actions .top-action-btn,body[data-page=practice][data-top-button-style=text] #practice-stats-actions .restart-button,body[data-page=practice][data-top-button-style=text] #timerbox-toggle-btn{font-size:13px;letter-spacing:0;padding:0 10px}@media screen and (min-width:981px){html[data-theme=classic] body[data-page=game][data-top-button-style=text] .top-action-buttons .top-action-btn{height:50px;line-height:50px;padding:0 12px;border-radius:12px!important}}@media screen and (min-width:981px)and (max-width:1366px)and ((hover:none)or (pointer:coarse)){body[data-page=practice]{margin:16px 0;padding:0 14px}body[data-page=practice] .container{width:100%!important;max-width:980px;margin:0 auto}body[data-page=practice] .dashboard-container{flex-direction:column!important;align-items:stretch!important;gap:10px}body[data-page=practice] .dashboard-stats,body[data-page=practice] .dashboard-controls{width:100%!important}body[data-page=practice] #practice-stats-actions{flex-wrap:wrap;gap:8px}body[data-page=practice] #practice-stats-actions .practice-mobile-undo-btn,body[data-page=practice] #practice-stats-actions .timerbox-toggle-btn,body[data-page=practice] #timerbox-toggle-btn{display:none!important}body[data-page=practice] #timerbox{float:none;width:min(100%,560px)!important;margin:10px auto 0;display:block!important}body[data-page=practice] #timerbox.timerbox-hidden-mode>*{visibility:visible!important}body[data-page=practice] .game-container{width:min(100%,560px);margin-left:auto;margin-right:auto}}.online-account-wrap{display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,1.2fr);gap:12px;width:100%}.online-auth-box,.online-board-box{border:1px solid #d0c7bc;border-radius:8px;background:#f7f3ed;padding:10px}.online-section-title{font-size:14px;font-weight:700;color:var(--app-text);margin-bottom:6px}.online-field-grid{display:grid;grid-template-columns:1fr;gap:8px;margin-top:8px}.online-field-input{box-sizing:border-box;width:100%;height:34px;border:1px solid #c7beb2;border-radius:var(--app-radius-control);background:#fff;color:#5f574f;padding:0 10px;font-size:13px}.online-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}#online-auth-tip.ok{color:#2e7d32}#online-auth-tip.err{color:#b00020}.online-board-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.online-refresh-btn{min-width:68px;padding:6px 10px}.online-board-list{display:flex;flex-direction:column;gap:6px;max-height:240px;overflow:auto}.online-board-item{display:grid;grid-template-columns:30px 1fr 70px 130px;align-items:center;gap:8px;border:1px solid #e0d7cb;border-radius:var(--app-radius-panel);background:#fff;padding:6px 8px;font-size:12px;color:#5f574f}.online-rank{text-align:center;font-weight:700}.online-score{text-align:right;font-weight:700}.online-date{text-align:right;color:#8d857a}.online-board-empty{border:1px dashed #d0c7bc;border-radius:var(--app-radius-panel);background:#fff;color:#8d857a;padding:8px;font-size:12px}.online-board-empty.err{color:#b00020;border-color:#d88}.mode-intro-leaderboard-row{display:grid;grid-template-columns:44px 1fr 78px;gap:8px;align-items:center;border-bottom:1px solid #e4ddd4;padding:4px 0;font-size:13px}.mode-intro-leaderboard-row:last-child{border-bottom:0}.mode-intro-leaderboard-nick-link{color:inherit;text-decoration:none}.mode-intro-leaderboard-nick-link:hover,.mode-intro-leaderboard-nick-link:focus-visible{color:#5f574f}.mode-intro-leaderboard-nick,.mode-intro-leaderboard-nick-link{font-size:11px}.mode-intro-leaderboard-score{text-align:right;font-weight:700}@media(max-width:980px){.online-account-wrap{grid-template-columns:1fr}.online-board-item{grid-template-columns:30px 1fr 66px}.online-date{display:none}}.diagonal-assist-touch-btn{display:none;position:fixed;z-index:1200;min-height:34px;height:34px;border:1px solid rgba(255,255,255,.62);border-radius:10px;padding:0 12px;font-size:0;color:transparent;background:#ffffff6b;box-shadow:0 4px 12px #1e160f2e;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;touch-action:none}@media(max-width:980px){body[data-page=game] .diagonal-assist-touch-btn,body[data-page=practice] .diagonal-assist-touch-btn{align-items:center;justify-content:center}body[data-page=game] .diagonal-assist-touch-btn.is-active,body[data-page=practice] .diagonal-assist-touch-btn.is-active{background:#ffffff94;box-shadow:0 5px 14px #1e160f38}}body[data-page=practice] .game-container,body[data-page=replay] .game-container.game-container-replay{margin-top:9px!important}body[data-page=game] .game-container{margin-top:5px!important}html[data-night-background="1"] body,html[data-night-background="1"] h1.title,html[data-night-background="1"] h1.title a{color:var(--night-ink)}html[data-night-background="1"] a:not(.top-action-btn):not(.restart-button):not(.replay-button):not(.mode-hub-btn):not(.keep-playing-button):not(.retry-button):not(.undo-button){color:#f0dcc0}html[data-night-background="1"] .site-record-footer{border-top-color:var(--night-line)}html[data-night-background="1"] .site-record-footer p,html[data-night-background="1"] .site-record-footer a,html[data-night-background="1"] .game-explanation,html[data-night-background="1"] .mobile-hide-project-copy,html[data-night-background="1"] .stats-left,html[data-night-background="1"] .stats-right,html[data-night-background="1"] .game-intro{color:var(--night-ink-soft)}html[data-night-background="1"] .score-container,html[data-night-background="1"] .best-container,html[data-night-background="1"] #timer,html[data-night-background="1"] .timer-container,html[data-night-background="1"] .timer-leaderboard-summary{background:linear-gradient(180deg,#2b3c53f5,#172131f5);color:var(--night-ink);box-shadow:0 10px 24px #0206104d,inset 0 0 0 1px #ebf4ff0f}html[data-night-background="1"] .score-container:after,html[data-night-background="1"] .best-container:after,html[data-night-background="1"] #timer:after,html[data-night-background="1"] .timer-container:after,html[data-night-background="1"] .timer-leaderboard-summary:after{color:var(--night-ink-dim)}html[data-night-background="1"] #timerbox,html[data-night-background="1"] #timer-leaderboard-panel{color:var(--night-ink-soft)}html[data-night-background="1"] .timer-scroll-btn,html[data-night-background="1"] .timerbox-toggle-btn,html[data-night-background="1"] .mobile-hint-toggle-btn,html[data-night-background="1"] .stats-panel-toggle{background:linear-gradient(180deg,#26354cf5,#182334f5);color:var(--night-ink);border:1px solid var(--night-line);box-shadow:0 8px 18px #02061038,inset 0 1px #ffffff0d}html[data-night-background="1"] .timer-scroll-btn:hover,html[data-night-background="1"] .timerbox-toggle-btn:hover,html[data-night-background="1"] .mobile-hint-toggle-btn:hover,html[data-night-background="1"] .stats-panel-toggle:hover{background:linear-gradient(180deg,#334662fa,#1c293efa);color:#fff4e1}html[data-night-background="1"] .timertile:not([class*=timer-legend-]),html[data-night-background="1"] .timer-leaderboard-row .timer-leaderboard-name-tile{background:linear-gradient(180deg,#192438f5,#101826f5);color:var(--night-ink);box-shadow:inset 0 0 0 1px #e9f1ff0f}html[data-night-background="1"] .timer-leaderboard-row:not(.is-self) .timer-leaderboard-rank-tile:not(.is-top-1):not(.is-top-2):not(.is-top-3){background:var(--leaderboard-rank-bg);color:var(--leaderboard-rank-text)}html[data-night-background="1"] .timer-leaderboard-rank-tile.is-top-1{background:#f3cd6f;color:#fffaf2}html[data-night-background="1"] .timer-leaderboard-rank-tile.is-top-2{background:#7099b6;color:#fffaf2}html[data-night-background="1"] .timer-leaderboard-rank-tile.is-top-3{background:#729b8b;color:#fffaf2}html[data-night-background="1"] .timer-leaderboard-row.is-self .timer-leaderboard-rank-tile{background:var(--leaderboard-rank-self-bg);color:var(--leaderboard-rank-self-text)}html[data-night-background="1"] .timer-leaderboard-row.is-self .timer-leaderboard-name-tile{background:#f4eadf;color:var(--app-text)}html[data-night-background="1"] .timer-leaderboard-row.is-empty .timer-leaderboard-name-tile{color:var(--night-ink-dim)}html[data-night-background="1"] .timer-leaderboard-row .timer-leaderboard-name-tile.is-user-link:focus-visible{outline-color:#edc37b73}html[data-night-background="1"] .game-container,html[data-night-background="1"] .theme-preview-grid,html[data-night-background="1"] .theme-preview-grid-block .theme-preview-grid{background:linear-gradient(180deg,#1b273dfa,#0f1827fa);box-shadow:0 16px 34px #02061047,inset 0 0 0 1px #ebf4ff0d}html[data-night-background="1"] .grid-cell{background:var(--night-grid);box-shadow:inset 0 0 0 1px #ebf4ff08}html[data-night-background="1"] .game-container .game-message{background:#080e19cc;color:var(--night-ink)}html[data-night-background="1"] .game-container .game-message.game-won{background:#b78d3cbd}html[data-night-background="1"] .game-container .game-message.game-over{background:#080e19db}html[data-night-background="1"] .restart-button,html[data-night-background="1"] .top-action-btn,html[data-night-background="1"] .replay-modal-actions .replay-button,html[data-night-background="1"] .toolkit-entry-actions .replay-button,html[data-night-background="1"] .game-container .game-message a,html[data-night-background="1"] .history-item .replay-button{background:linear-gradient(180deg,#456282fa,#2f445cfa);color:#f6efe3;box-shadow:0 10px 22px #0206103d,inset 0 0 0 1px #ffffff14}html[data-night-background="1"] .restart-button:hover,html[data-night-background="1"] .top-action-btn:hover,html[data-night-background="1"] .replay-modal-actions .replay-button:hover,html[data-night-background="1"] .toolkit-entry-actions .replay-button:hover,html[data-night-background="1"] .game-container .game-message a:hover,html[data-night-background="1"] .history-item .replay-button:hover{background:linear-gradient(180deg,#547598,#38516d)}html[data-night-background="1"] .replay-modal-overlay{background:#03070fc7!important}html[data-night-background="1"] .replay-modal-content,html[data-night-background="1"] .settings-modal-content,html[data-night-background="1"] .announcement-modal-content,html[data-night-background="1"] .mobile-hint-modal-content,html[data-night-background="1"] .mobile-hint-body,html[data-night-background="1"] .replay-diagnostics-panel{background:linear-gradient(180deg,#182438f5,#0d1522f7);border-color:var(--night-line);color:var(--night-ink);box-shadow:0 20px 42px #01040c6b,inset 0 1px #ffffff0a}html[data-night-background="1"] .replay-modal-content h3,html[data-night-background="1"] .settings-modal-content h3,html[data-night-background="1"] .announcement-modal-content h3,html[data-night-background="1"] .mobile-hint-modal-content h3{color:var(--night-ink)}html[data-night-background="1"] .replay-diagnostics-summary,html[data-night-background="1"] .mobile-hint-body,html[data-night-background="1"] .announcement-version,html[data-night-background="1"] .announcement-date{color:var(--night-ink-soft)}html[data-night-background="1"] .announcement-item,html[data-night-background="1"] .settings-toggle-row,html[data-night-background="1"] .settings-modal-content>.settings-row.language-settings-row,html[data-night-background="1"] .settings-modal-content>.settings-row.settings-action-row,html[data-night-background="1"] .tile-palette-settings-row,html[data-night-background="1"] .custom-select-trigger,html[data-night-background="1"] .custom-options,html[data-night-background="1"] .mode-intro-leaderboard-row,html[data-night-background="1"] .mode-intro-leaderboard-empty,html[data-night-background="1"] .mode-intro-leaderboard-more,html[data-night-background="1"] .online-board-empty{background:#121d2ed6;border-color:var(--night-line);color:var(--night-ink)}html[data-night-background="1"] .mode-intro-leaderboard-row{border-bottom-color:var(--night-line)}html[data-night-background="1"] .mode-intro-leaderboard-nick-link:hover,html[data-night-background="1"] .mode-intro-leaderboard-nick-link:focus-visible{color:#fff0d8}html[data-night-background="1"] .announcement-pin-badge{background:#d5a86a33;color:#f2d8ae}html[data-night-background="1"] .settings-row label,html[data-night-background="1"] .settings-toggle-title,html[data-night-background="1"] .theme-preview-grid-title{color:var(--night-ink)!important}html[data-night-background="1"] .settings-toggle-desc,html[data-night-background="1"] .settings-note,html[data-night-background="1"] .settings-action-copy .settings-toggle-desc,html[data-night-background="1"] .language-switch-thumb,html[data-night-background="1"] .custom-select-trigger,html[data-night-background="1"] .custom-option{color:var(--night-ink-soft)}html[data-night-background="1"] .settings-inline-action-btn{color:#f0d3ad}html[data-night-background="1"] .settings-inline-action-btn:hover{color:#ffe6c4}html[data-night-background="1"] .settings-inline-action-btn:focus-visible,html[data-night-background="1"] .custom-select-trigger:focus-visible,html[data-night-background="1"] .custom-option:focus-visible{outline-color:#edc37b61}html[data-night-background="1"] .custom-option:hover{background:var(--app-accent-soft)}html[data-night-background="1"] .custom-option.selected{background:var(--app-accent-soft);color:var(--app-text-strong)}html[data-night-background="1"] .settings-switch .settings-switch-slider{background:var(--app-border-control);box-shadow:inset 0 0 0 1px #e9f1ff0f}html[data-night-background="1"] .settings-switch .settings-switch-slider:after,html[data-night-background="1"] .language-switch-thumb{background:#f3eee6;box-shadow:0 3px 10px #00000047}html[data-night-background="1"] .settings-switch input[type=checkbox]:checked+.settings-switch-slider{background:var(--app-accent)}html[data-night-background="1"] .settings-switch input[type=checkbox]:disabled+.settings-switch-slider{background:var(--app-border-muted)}html[data-night-background="1"] .settings-switch input[type=checkbox]:disabled+.settings-switch-slider:after{background:#e1dcd4b8}html[data-night-background="1"] .diagonal-assist-touch-btn{background:#0e15228f;border-color:#e9f1ff2e;box-shadow:0 6px 16px #0206105c}html[data-night-background="1"] .diagonal-assist-touch-btn.is-active{background:#1c2739b8}html[data-night-background="1"] body[data-page=history] .portal-header .title,html[data-night-background="1"] body[data-page=history] .portal-actions-inline label{color:var(--app-text-strong)}html[data-night-background="1"] body[data-page=history] .portal-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--app-border-control);background:var(--app-surface-control);color:var(--app-text-strong)!important;box-shadow:0 7px 16px #0000002e,inset 0 1px #ffffff0a;text-decoration:none}html[data-night-background="1"] body[data-page=history] .portal-nav a:hover{background:var(--app-accent-soft);color:var(--app-link-hover)!important}html[data-night-background="1"] body[data-page=history] .portal-card,html[data-night-background="1"] body[data-page=history] .portal-inline-input,html[data-night-background="1"] body[data-page=history] .portal-inline-select{background:var(--app-surface-light);border-color:var(--app-border-structure);color:var(--app-text);box-shadow:0 12px 26px #00000038,inset 0 1px #ffffff0a}html[data-night-background="1"] body[data-page=history] .portal-inline-input::placeholder{color:var(--app-text-muted)}html[data-night-background="1"] body[data-page=history] .portal-inline-input:hover,html[data-night-background="1"] body[data-page=history] .portal-inline-select:hover{border-color:color-mix(in srgb,var(--app-accent) 58%,transparent)}html[data-night-background="1"] body[data-page=history] .portal-inline-input:focus,html[data-night-background="1"] body[data-page=history] .portal-inline-input:focus-visible,html[data-night-background="1"] body[data-page=history] .portal-inline-select:focus,html[data-night-background="1"] body[data-page=history] .portal-inline-select:focus-visible{border-color:var(--app-accent);box-shadow:0 0 0 3px var(--app-focus-ring-control),inset 0 1px #ffffff0a;outline:none}html[data-night-background="1"] body[data-page=history] .portal-status,html[data-night-background="1"] body[data-page=history] .portal-muted{color:var(--app-text-muted)}html[data-night-background="1"] body[data-page=practice] .dashboard-box{background:linear-gradient(180deg,#182438f5,#0d1522f7);border:1px solid var(--night-line);box-shadow:0 18px 36px #01050e52,inset 0 1px #ffffff0a;color:var(--night-ink)}html[data-night-background="1"] body[data-page=practice] .dashboard-controls label{color:var(--night-ink)}html[data-night-background="1"] body[data-page=practice] .dashboard-controls select{border:1px solid var(--night-line);background:#101826eb;color:var(--night-ink)}html[data-night-background="1"] body[data-page=practice] .selection-tile.tile-0 .tile-inner{background:#b0c0d624;color:var(--night-ink);box-shadow:inset 0 0 0 1px #ebf4ff0a}html[data-night-background="1"] body[data-page=practice] .selection-tile.selected{box-shadow:0 0 0 2px #edc37bd1,0 0 16px #d5a86a57;border-color:#edc37be0}html[data-night-background="1"] body[data-page=practice] .grid-cell:hover{background:#bfcee22e}.game-dialog-overlay{position:fixed;inset:0;z-index:10020;display:none;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg,#faf8efc7,#bbada09e),#5048417a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.game-dialog-panel{width:min(360px,calc(100vw - 48px));border-radius:var(--app-radius-dialog);padding:22px 22px 18px;background:linear-gradient(180deg,#faf8effa,#eee4dafa);border:1px solid rgba(187,173,160,.72);box-shadow:var(--app-shadow-dialog);color:var(--app-text);transform:translateY(4px) scale(.98);animation:game-dialog-pop .15s ease-out forwards}.game-dialog-title{margin:0 0 10px;color:var(--app-text);font-size:22px;line-height:1.15;font-weight:700;letter-spacing:0}.game-dialog-message{color:var(--app-action-bg);font-size:15px;line-height:1.5;overflow-wrap:anywhere}.game-dialog-input-wrap{margin-top:14px}.game-dialog-input{box-sizing:border-box;width:100%;min-height:42px;border:1px solid rgba(187,173,160,.78);border-radius:var(--app-radius-control);padding:10px 12px;background:#ffffffb8;color:var(--app-text);font:inherit;outline:none}textarea.game-dialog-input{min-height:110px;resize:vertical}.game-dialog-input:focus{border-color:#f2b179;box-shadow:0 0 0 3px #f2b17938}.game-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.game-dialog-button{min-width:78px;min-height:38px;border:0;border-radius:var(--app-radius-control);padding:0 14px;font:inherit;font-weight:700;color:var(--app-text-on-strong);cursor:pointer;box-shadow:inset 0 -2px #0000001f}.game-dialog-button-primary{background:var(--app-action-bg)}.game-dialog-button-secondary{background:var(--app-surface-board)}.game-dialog-button-danger{background:#d65f43}.game-dialog-button:hover{filter:brightness(1.05)}.game-dialog-button:focus-visible{outline:3px solid var(--app-focus-ring-warm);outline-offset:2px}.game-dialog-overlay.is-danger .game-dialog-title{color:#b94d35}@keyframes game-dialog-pop{to{opacity:1;transform:translateY(0) scale(1)}}html[data-night-background="1"] .game-dialog-overlay{background:linear-gradient(135deg,#0c121dd1,#2d394bb8),#0206108a}html[data-night-background="1"] .game-dialog-panel{background:linear-gradient(180deg,#182438fa,#0d1522fa);border-color:#d5a86a47;color:#efe7dc;box-shadow:0 24px 54px #01050e7a,inset 0 1px #ffffff0d}html[data-night-background="1"] .game-dialog-title,html[data-night-background="1"] .game-dialog-message{color:#efe7dc}html[data-night-background="1"] .game-dialog-input{background:#101826eb;border-color:#d5a86a47;color:#efe7dc}.unlock-toast-host{position:absolute;inset:0;pointer-events:none}.unlock-toast{position:absolute;left:50%;top:24px;width:min(470px,calc(100% - 34px));translate:-50% 0;pointer-events:none;z-index:5;color:#f9f6f2;transform-origin:center top}#global-achievement-unlock-toast-host .unlock-toast{left:var(--achievement-unlock-toast-left, 50%);top:var(--achievement-unlock-toast-top, 24px);width:var(--achievement-unlock-toast-width, min(650px, calc(100% - 34px) ))}.unlock-toast *{box-sizing:border-box}.unlock-toast-title,.unlock-toast-name,.unlock-toast-desc,.unlock-toast-meta{margin:0;letter-spacing:0}.unlock-badge{display:grid;place-items:center;flex:0 0 auto;font-weight:900;line-height:1;overflow:hidden}.unlock-badge>svg,.unlock-badge>img,.unlock-badge .achievement-badge{display:block;width:100%;height:100%;max-width:100%;max-height:100%}.unlock-badge>img{object-fit:contain}.achievement-toast-icon-box{display:grid;place-items:center;width:min(96px,100%);height:min(96px,100%);overflow:hidden}.achievement-toast-icon-box>svg,.achievement-toast-icon-box>img,.achievement-toast-icon-box .achievement-badge{display:block;width:100%;height:100%;max-width:100%;max-height:100%}.achievement-toast-icon-box>img{object-fit:contain}.unlock-toast--codepen{width:min(650px,calc(100% - 34px));min-height:126px;animation:unlock-codepen-in 3.6s cubic-bezier(.16,1,.3,1) both}.unlock-toast--codepen .unlock-toast-card{position:relative;min-height:126px;filter:drop-shadow(0 24px 34px rgba(52,40,28,.28))}.unlock-toast--codepen .unlock-toast-content{position:absolute;left:50px;right:0;top:34px;height:64px;overflow:hidden;border-radius:10px;background:#3e3e3c;box-shadow:inset 0 1px #ffffff1a;animation:unlock-codepen-content 3.6s ease both}.unlock-toast--codepen .unlock-badge{position:absolute;left:0;top:0;z-index:2;width:128px;height:128px;border-radius:50%;color:#fff;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.9) 0 10%,transparent 11%),radial-gradient(circle,#f26b3f 0 48%,#a53d25 49% 70%,#5b2921 71% 100%);box-shadow:inset 0 0 0 7px #ffffff38,0 0 0 5px #f26b3f3d;font-size:27px;animation:unlock-badge-pop 3.6s ease both}.unlock-toast--codepen .unlock-toast-title{position:absolute;left:0;top:5px;width:100%;color:#d7d7d3;font-size:12px;font-weight:400;text-align:center;text-transform:uppercase;animation:unlock-codepen-text 3.6s ease both}.unlock-toast--codepen .unlock-toast-name{position:absolute;left:0;top:23px;width:100%;color:#fff;font-family:Georgia,Times New Roman,serif;font-size:30px;font-style:italic;font-weight:400;line-height:1.1;text-align:center;animation:unlock-codepen-text 3.6s ease both}.unlock-toast--codepen .unlock-toast-name:before{content:open-quote}.unlock-toast--codepen .unlock-toast-name:after{content:close-quote}.unlock-toast--codepen .unlock-toast-desc{display:none}.unlock-toast--codepen-milestone .unlock-toast-content,.unlock-toast--codepen-reward .unlock-toast-content{top:25px;height:78px}.unlock-toast--codepen-milestone .unlock-badge{background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.9) 0 10%,transparent 11%),radial-gradient(circle,#38bdf8 0 48%,#1d4ed8 49% 70%,#172554 71% 100%);box-shadow:inset 0 0 0 7px #ffffff38,0 0 0 5px #38bdf83d;font-size:23px}.unlock-toast--codepen-reward .unlock-badge{background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.95) 0 10%,transparent 11%),radial-gradient(circle,#facc15 0 48%,#ca8a04 49% 70%,#713f12 71% 100%);box-shadow:inset 0 0 0 7px #ffffff3d,0 0 0 5px #facc1547,0 0 28px #facc1580}.unlock-toast--codepen-milestone .unlock-toast-name,.unlock-toast--codepen-reward .unlock-toast-name{top:22px;font-size:25px}.unlock-toast--codepen-milestone .unlock-toast-name{top:23px}.unlock-toast--codepen-milestone .unlock-toast-desc,.unlock-toast--codepen-reward .unlock-toast-desc{position:absolute;left:0;top:48px;display:block;width:100%;color:#d7d7d3;font-size:12px;font-weight:700;text-align:center;animation:unlock-codepen-text 3.6s ease both}.unlock-toast--codepen-reward .unlock-toast-content{background:linear-gradient(180deg,#4a3715,#312814);box-shadow:inset 0 1px #ffffff29,0 0 26px #facc1547}.unlock-toast--easter-egg .unlock-badge{left:0;top:0;width:128px;height:128px;animation:unlock-easter-egg-badge 3.6s ease both}.unlock-toast--easter-egg .unlock-toast-content{left:50px;right:0;top:25px;width:auto;height:78px;animation:unlock-easter-egg-content 3.6s ease both}.unlock-toast--easter-egg .unlock-toast-title,.unlock-toast--easter-egg .unlock-toast-name,.unlock-toast--easter-egg .unlock-toast-desc{animation:unlock-easter-egg-text 3.6s ease both}.unlock-toast--easter-egg .unlock-toast-name{font-size:23px}.unlock-toast--easter-egg .unlock-toast-desc{top:49px;font-size:11px;line-height:1.25}.unlock-toast--easter-egg .achievement-easter-egg-full{animation:unlock-easter-egg-full 3.6s ease both}.unlock-toast--easter-egg .achievement-easter-egg-bottom{animation:unlock-easter-egg-shell 3.6s ease both}.unlock-toast--easter-egg .achievement-easter-egg-top{transform-box:view-box;transform-origin:20px 49px;animation:unlock-easter-egg-top-shell 3.6s ease both}.unlock-toast--easter-egg .achievement-easter-egg-crack{stroke-dasharray:40;animation:unlock-easter-egg-crack 3.6s ease both}.unlock-codepen-progress{position:absolute;left:0;right:0;bottom:8px;width:min(240px,62%);height:5px;margin:0 auto;overflow:hidden;border-radius:999px;background:#ffffff29;animation:unlock-codepen-progress-in 3.6s ease both}.unlock-codepen-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#38bdf8,#facc15)}@keyframes unlock-codepen-in{0%{opacity:0;transform:translateY(-18px) scale(.98)}10%,82%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-12px) scale(.98)}}@keyframes unlock-codepen-content{0%,17%{clip-path:inset(0 100% 0 0 round 10px)}34%,82%{clip-path:inset(0 0 0 0 round 10px)}to{clip-path:inset(0 100% 0 0 round 10px)}}@keyframes unlock-codepen-text{0%,30%{opacity:0;transform:translate(-12px)}42%,82%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-8px)}}@keyframes unlock-codepen-progress-in{0%,30%{opacity:0}42%,82%{opacity:1}to{opacity:0}}@keyframes unlock-badge-pop{0%{transform:scale(.2) rotate(-18deg)}14%{transform:scale(1.08) rotate(4deg)}24%,to{transform:scale(1) rotate(0)}}@keyframes unlock-easter-egg-badge{0%{transform:scale(.2) rotate(-10deg)}13%{transform:scale(1.06) rotate(2deg)}20%,to{transform:scale(1) rotate(0)}}@keyframes unlock-easter-egg-full{0%,18%{opacity:1}24%,to{opacity:0}}@keyframes unlock-easter-egg-shell{0%,17%{opacity:0}22%,to{opacity:1}}@keyframes unlock-easter-egg-top-shell{0%,18%{opacity:0;transform:rotate(0)}22%{opacity:1;transform:rotate(0)}32%,to{opacity:1;transform:rotate(-10deg)}}@keyframes unlock-easter-egg-crack{0%,18%{opacity:0;stroke-dashoffset:40}32%,to{opacity:1;stroke-dashoffset:0}}@keyframes unlock-easter-egg-content{0%,34%{clip-path:inset(0 100% 0 0 round 10px)}48%,82%{clip-path:inset(0 0 0 0 round 10px)}to{clip-path:inset(0 100% 0 0 round 10px)}}@keyframes unlock-easter-egg-text{0%,43%{opacity:0;transform:translate(-12px)}52%,82%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-8px)}}@media(max-width:520px){.unlock-toast{width:calc(100% - 28px)}.unlock-toast--codepen,.unlock-toast--codepen .unlock-toast-card{min-height:108px}.unlock-toast--codepen .unlock-badge{width:96px;height:96px;font-size:21px}.unlock-toast--codepen .unlock-toast-content{left:40px;top:26px;height:56px}.unlock-toast--codepen .unlock-toast-name{top:22px;font-size:23px}.unlock-toast--codepen-milestone .unlock-toast-name{top:19px}}@media(prefers-reduced-motion:reduce){.unlock-toast,.unlock-badge,.unlock-codepen-progress span{animation-duration:1ms!important;animation-iteration-count:1!important}}.beta-access-gate{position:fixed;inset:0;z-index:10040;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:24px;background:#faf8eff5;color:var(--app-text);overflow:auto}.beta-access-panel{box-sizing:border-box;width:min(92vw,720px);max-height:calc(100vh - 48px);overflow:hidden;border:1px solid rgba(187,173,160,.72);border-radius:8px;padding:24px;background:var(--app-surface-light);box-shadow:0 22px 54px #52483f38}.beta-access-badge{display:inline-flex;align-items:center;min-height:26px;border-radius:var(--app-radius-board);padding:0 9px;background:#edc22e;color:var(--app-text-on-strong);font-size:12px;font-weight:700;letter-spacing:0}.beta-access-title{margin:14px 0 10px;color:var(--app-text);font-size:28px;line-height:1.18;letter-spacing:0}.beta-access-message,.beta-access-tip{margin:0;color:var(--app-action-bg);font-size:15px;line-height:1.6}.beta-access-notice-body{max-height:52vh;margin-top:16px;overflow:auto;border:1px solid rgba(187,173,160,.58);border-radius:8px;padding:14px 16px;background:#faf8efc2}.beta-access-notice-body p{margin:0 0 12px;color:var(--app-text);font-size:14px;line-height:1.65}.beta-access-notice-body p:last-child{margin-bottom:0}.beta-access-agreement{display:flex;gap:10px;align-items:flex-start;margin-top:14px;color:var(--app-text);font-size:14px;line-height:1.55}.beta-access-agreement input{flex:0 0 auto;width:18px;height:18px;margin-top:2px;accent-color:var(--app-action-bg)}.beta-access-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;flex-wrap:wrap}.beta-access-button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:40px;border:0;border-radius:var(--app-radius-board);padding:0 16px;background:var(--app-surface-board);color:var(--app-text-on-strong);font:inherit;font-weight:700;text-decoration:none;cursor:pointer;box-shadow:inset 0 -2px #0000001f}.beta-access-button-primary{background:var(--app-action-bg)}.beta-access-button:disabled{background:#cdc1b4;color:#f9f6f2b8;cursor:not-allowed;box-shadow:none}.beta-access-button:not(:disabled):hover{filter:brightness(1.05)}.beta-access-button:focus-visible,.beta-access-agreement input:focus-visible{outline:3px solid rgba(237,194,46,.36);outline-offset:2px}@media(max-width:520px){.game-dialog-overlay{padding:18px}.game-dialog-panel{width:calc(100vw - 36px);padding:20px 18px 16px}.game-dialog-actions{display:grid;grid-template-columns:1fr 1fr}.game-dialog-button{width:100%}.beta-access-gate{padding:14px}.beta-access-panel{width:calc(100vw - 28px);max-height:calc(100vh - 28px);padding:18px}.beta-access-title{font-size:22px}.beta-access-actions{display:grid;grid-template-columns:1fr}.beta-access-button{width:100%}}.flying-click-effect-root{position:relative}.flying-click-effect-layer{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:20}.flying-click-effect-particle{position:absolute;left:50%;top:50%;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:24px;line-height:1;z-index:1;will-change:transform,opacity;backface-visibility:hidden;transform-style:preserve-3d;animation:flying-click-effect-tile .83s linear forwards;text-shadow:none}.flying-click-effect-particle.tile{width:34px;height:34px;margin-left:-17px;margin-top:-17px;-webkit-transition:none!important;-moz-transition:none!important;transition:none!important;text-shadow:none}.flying-click-effect-particle.tile .tile-inner{width:34px;height:34px;line-height:34px;font-size:17px;box-sizing:border-box;box-shadow:none!important;background-image:none!important;text-shadow:none!important;-webkit-transition:none!important;-moz-transition:none!important;transition:none!important}.flying-click-effect-logo{width:34px;height:34px;margin-left:-17px;margin-top:-17px;text-shadow:none}.flying-click-effect-logo-image{display:block;width:34px;height:34px;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.flying-click-effect-logo--burst{animation:flying-click-effect-logo-rise-burst 1.05s linear forwards}.flying-click-effect-logo--burst .flying-click-effect-logo-image{animation:flying-click-effect-logo-image-burst 1.05s linear forwards}.flying-click-effect-logo-powder{position:absolute;left:50%;top:50%;width:4px;height:4px;margin-left:-2px;margin-top:-2px;border-radius:1px;background:var(--app-surface-light);opacity:0;pointer-events:none;animation:flying-click-effect-logo-powder 1.05s linear forwards}.flying-click-effect-logo-powder-2{background:#f3cd6f}.flying-click-effect-logo-powder-3{background:#b27f58}.flying-click-effect-logo-powder-4{background:#7099b6}.flying-click-effect-particle.tile.tile-128 .tile-inner,.flying-click-effect-particle.tile.tile-256 .tile-inner,.flying-click-effect-particle.tile.tile-512 .tile-inner{font-size:15px}.flying-click-effect-particle.tile.tile-1024 .tile-inner,.flying-click-effect-particle.tile.tile-2048 .tile-inner,.flying-click-effect-particle.tile.tile-4096 .tile-inner,.flying-click-effect-particle.tile.tile-8192 .tile-inner{font-size:12px}.flying-click-effect-particle.tile.tile-16384 .tile-inner,.flying-click-effect-particle.tile.tile-32768 .tile-inner,.flying-click-effect-particle.tile.tile-65536 .tile-inner{font-size:10px}@keyframes flying-click-effect-logo-rise-burst{0%{opacity:1;transform:translate3d(var(--flying-click-x, 0),0,0) rotate(-14deg) scale(.92)}18%{opacity:1;transform:translate3d(calc(var(--flying-click-x, 0) * 1.08),-56px,0) rotate(-9deg) scale(1.02)}36%{opacity:1;transform:translate3d(calc(var(--flying-click-x, 0) * 1.22),-103px,0) rotate(-4deg) scale(1.07)}52%{opacity:1;transform:translate3d(calc(var(--flying-click-x, 0) * 1.4),-137px,0) rotate(2deg) scale(1.05)}64%{opacity:1;transform:translate3d(calc(var(--flying-click-x, 0) * 1.52),-154px,0) rotate(7deg) scale(1)}68%{opacity:1;transform:translate3d(calc(var(--flying-click-x, 0) * 1.55),-158px,0) rotate(9deg) scale(.98)}69%{opacity:1;transform:translate3d(calc(var(--flying-click-x, 0) * 1.55),-158px,0) rotate(9deg) scale(.98)}70%{opacity:1;transform:translate3d(calc(var(--flying-click-x, 0) * 1.55),-158px,0) rotate(9deg) scale(.98)}to{opacity:1;transform:translate3d(calc(var(--flying-click-x, 0) * 1.55),-158px,0) rotate(9deg) scale(.98)}}@keyframes flying-click-effect-logo-image-burst{0%,66%{opacity:1;transform:scale(1)}69%{opacity:.92;transform:scale(1.1)}72%{opacity:0;transform:scale(.35)}to{opacity:0;transform:scale(.35)}}@keyframes flying-click-effect-logo-powder{0%,68%{opacity:0;transform:translateZ(0) scale(.4)}70%{opacity:1;transform:translateZ(0) scale(1)}88%{opacity:.88;transform:translate3d(calc(var(--flying-click-powder-x, 0) * .72),calc(var(--flying-click-powder-y, 0) * .72),0) scale(.78)}to{opacity:0;transform:translate3d(var(--flying-click-powder-x, 0),var(--flying-click-powder-y, 0),0) scale(.35)}}@keyframes flying-click-effect-tile{0%{opacity:1;transform:translate3d(var(--flying-click-x, 0),0,0) rotate(-18deg) scale(.92)}12%{opacity:1;transform:translate3d(calc(var(--flying-click-x, 0) * 1.08),-56px,0) rotate(-12deg) scale(1.02)}24%{opacity:1;transform:translate3d(calc(var(--flying-click-x, 0) * 1.2),-101px,0) rotate(-6deg) scale(1.06)}36%{opacity:1;transform:translate3d(calc(var(--flying-click-x, 0) * 1.34),-134px,0) rotate(0) scale(1.04)}48%{opacity:1;transform:translate3d(calc(var(--flying-click-x, 0) * 1.5),-154px,0) rotate(6deg) scale(1)}60%{opacity:.96;transform:translate3d(calc(var(--flying-click-x, 0) * 1.68),-158px,0) rotate(11deg) scale(.96)}72%{opacity:.86;transform:translate3d(calc(var(--flying-click-x, 0) * 1.86),-134px,0) rotate(16deg) scale(.91)}84%{opacity:.58;transform:translate3d(calc(var(--flying-click-x, 0) * 2.04),-70px,0) rotate(21deg) scale(.84)}92%{opacity:.28;transform:translate3d(calc(var(--flying-click-x, 0) * 2.16),10px,0) rotate(24deg) scale(.76)}to{opacity:0;transform:translate3d(calc(var(--flying-click-x, 0) * 2.24),118px,0) rotate(27deg) scale(.68)}}@media(prefers-reduced-motion:reduce){.flying-click-effect-particle{animation:none;opacity:0}}html.breakout-easter-egg-open,body.breakout-easter-egg-open{overflow:hidden;touch-action:none}.breakout-easter-egg-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:16px;background:#070b1dc7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto}.breakout-easter-egg-overlay.is-minimized{display:none}.breakout-easter-egg-panel{position:fixed;inset:0;width:100%;height:100%;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.breakout-easter-egg-frame{display:block;width:100%;height:100%;border:0;background:transparent}.breakout-easter-egg-close{display:none;position:absolute;top:10px;right:10px;z-index:2;width:36px;height:36px;border:1px solid rgba(255,255,255,.28);border-radius:8px;color:#fffaf2;background:#070b1db8;font-size:24px;line-height:32px;text-align:center;cursor:pointer}.breakout-easter-egg-close:hover,.breakout-easter-egg-close:focus-visible{background:#fffaf22e;outline:none}:root{--enamel-button-teal: var(--app-accent);--enamel-button-gold: var(--app-milestone);--enamel-button-surface: var(--app-surface-control);--enamel-button-ink: var(--app-text-strong);--enamel-button-border: color-mix(in srgb, var(--app-text-strong) 24%, transparent);--enamel-button-primary: var(--app-action-bg);--enamel-button-primary-text: var(--app-text-on-action)}html[data-theme=mist_cyan][data-night-background="1"] body[data-page]:not([data-page=modes]):not([data-page=beta-login]):not([data-page=beta-access]):not([data-preview-page=buttons]){--enamel-button-surface: var(--app-surface-control);--enamel-button-ink: var(--app-text-strong);--enamel-button-border: color-mix(in srgb, var(--app-accent) 38%, transparent);--enamel-button-primary: var(--app-action-bg)}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]):not([data-page=beta-login]):not([data-page=beta-access]):not([data-preview-page=buttons]) :is(.top-action-btn,.replay-button,.replay-control-btn,.import-replay-button,.achievement-filter,.relay-btn,.relay-nav-btn,.stone-button),.preview-variant--enamel [data-preview-control]{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:7px;box-sizing:border-box;min-height:42px;padding:0 16px;border:1px solid var(--enamel-button-border)!important;border-radius:7px!important;color:var(--enamel-button-ink)!important;background:var(--enamel-button-surface)!important;box-shadow:inset 0 1px #fffffff5,inset 0 -1px color-mix(in srgb,var(--app-text-strong) 10%,transparent),0 5px 12px #1f363a1a!important;text-align:center;text-decoration:none;font-size:14px;font-weight:700;line-height:1.2;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]):not([data-page=beta-login]):not([data-page=beta-access]):not([data-preview-page=buttons]) :is(.top-action-btn,.replay-button,.replay-control-btn,.import-replay-button,.achievement-filter,.relay-btn,.relay-nav-btn,.stone-button):before,.preview-variant--enamel [data-preview-control]:before{content:"";position:absolute;inset:0 auto 0 0;z-index:-1;width:3px;background:var(--enamel-button-teal);opacity:1;transition:width .18s ease,opacity .18s ease}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]):not([data-page=beta-login]):not([data-page=beta-access]):not([data-preview-page=buttons]) :is(.top-action-btn,.replay-button,.replay-control-btn,.import-replay-button,.achievement-filter,.relay-btn,.relay-nav-btn,.stone-button):is(:hover,:focus-visible),.preview-variant--enamel [data-preview-control]:is(:hover,:focus-visible){border-color:#12667a7a!important;transform:translateY(-1px);box-shadow:inset 0 1px #fffffff5,inset 0 -2px color-mix(in srgb,var(--app-accent) 24%,transparent),0 8px 16px #1f363a24!important}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]):not([data-page=beta-login]):not([data-page=beta-access]):not([data-preview-page=buttons]) :is(.top-action-btn,.replay-button,.replay-control-btn,.import-replay-button,.achievement-filter,.relay-btn,.relay-nav-btn,.stone-button):is(:hover,:focus-visible):before,.preview-variant--enamel [data-preview-control]:is(:hover,:focus-visible):before{width:100%;opacity:.1}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]):not([data-page=beta-login]):not([data-page=beta-access]):not([data-preview-page=buttons]) :is(.top-action-btn,.replay-button,.replay-control-btn,.import-replay-button,.achievement-filter,.relay-btn,.relay-nav-btn,.stone-button):active,.preview-variant--enamel [data-preview-control]:active{transform:translateY(1px) scale(.96);box-shadow:inset 0 2px 5px #1f363a2e,inset 0 -1px color-mix(in srgb,var(--app-accent) 24%,transparent),0 2px 4px #1f363a1f!important;transition-duration:60ms}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]):not([data-page=beta-login]):not([data-page=beta-access]):not([data-preview-page=buttons]):not([data-top-button-style=text]) .top-action-btn,.preview-variant--enamel .preview-top-actions [data-preview-control]{width:46px!important;min-width:46px!important;height:46px!important;min-height:46px;padding:0!important;border-radius:7px!important;line-height:46px}html[data-theme=mist_cyan] body[data-page=game]:not([data-preview-page=buttons]) .home-user-display{height:46px;line-height:46px}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]):not([data-page=beta-login]):not([data-page=beta-access]):not([data-preview-page=buttons]):not([data-top-button-style=text]) .top-action-btn svg,.preview-variant--enamel .preview-top-actions [data-preview-control] svg{width:24px;height:24px;stroke:currentColor!important}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]):not([data-page=beta-login]):not([data-page=beta-access]):not([data-preview-page=buttons]) :is(.achievement-filter.is-active,.relay-btn:not(.relay-btn--ghost),.stone-button:not(.ghost),#account-login-btn,#palette-create-btn,#settings-update-nickname-btn,#settings-change-password-btn,#achievements-save-showcase,#admin-achievement-create,#admin-achievement-save,#replay-action-btn),.preview-variant--enamel [data-preview-tone=primary]{border-color:var(--enamel-button-primary)!important;color:var(--enamel-button-primary-text)!important;background:var(--enamel-button-primary)!important;box-shadow:inset 0 3px 0 var(--enamel-button-teal),inset 0 -3px 0 var(--enamel-button-gold),0 7px 16px #182e3333!important}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]):not([data-page=beta-login]):not([data-page=beta-access]):not([data-preview-page=buttons]) :is(.achievement-filter.is-active,.relay-btn:not(.relay-btn--ghost),.stone-button:not(.ghost),#account-login-btn,#palette-create-btn,#settings-update-nickname-btn,#settings-change-password-btn,#achievements-save-showcase,#admin-achievement-create,#admin-achievement-save,#replay-action-btn):before,.preview-variant--enamel [data-preview-tone=primary]:before{display:none}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]):not([data-page=beta-login]):not([data-page=beta-access]):not([data-preview-page=buttons]) :is(.achievement-filter.is-active,.relay-btn:not(.relay-btn--ghost),.stone-button:not(.ghost),#account-login-btn,#palette-create-btn,#settings-update-nickname-btn,#settings-change-password-btn,#achievements-save-showcase,#admin-achievement-create,#admin-achievement-save,#replay-action-btn):is(:hover,:focus-visible),.preview-variant--enamel [data-preview-tone=primary]:is(:hover,:focus-visible){border-color:var(--enamel-button-primary)!important;box-shadow:inset 0 3px 0 var(--enamel-button-teal),inset 0 -3px 0 var(--enamel-button-gold),0 9px 18px #182e333d!important}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]):not([data-page=beta-login]):not([data-page=beta-access]):not([data-preview-page=buttons]) :is(.achievement-filter.is-active,.relay-btn:not(.relay-btn--ghost),.stone-button:not(.ghost),#account-login-btn,#palette-create-btn,#settings-update-nickname-btn,#settings-change-password-btn,#achievements-save-showcase,#admin-achievement-create,#admin-achievement-save,#replay-action-btn):active,.preview-variant--enamel [data-preview-tone=primary]:active{box-shadow:inset 0 2px 6px #00000047,inset 0 -2px 0 var(--enamel-button-gold),0 2px 4px #182e332e!important}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]):not([data-page=beta-login]):not([data-page=beta-access]):not([data-preview-page=buttons]) :is(.relay-btn--ghost,.stone-button.ghost,.replay-button.palette-nav-btn,.relay-nav-btn,#replay-nav-home,#replay-nav-history),.preview-variant--enamel [data-preview-tone=ghost]{background:transparent!important;box-shadow:inset 0 -2px #2797af29!important}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]):not([data-page=beta-login]):not([data-page=beta-access]):not([data-preview-page=buttons]) :is(#history-clear-all-btn,#palette-delete-btn,#settings-logout-btn,#relay-delete-btn),.preview-variant--enamel [data-preview-tone=danger]{border-color:color-mix(in srgb,var(--app-danger) 38%,transparent)!important;color:var(--app-danger)!important;background:var(--app-danger-soft)!important}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]):not([data-page=beta-login]):not([data-page=beta-access]):not([data-preview-page=buttons]) :is(#history-clear-all-btn,#palette-delete-btn,#settings-logout-btn,#relay-delete-btn):before,.preview-variant--enamel [data-preview-tone=danger]:before{background:var(--app-danger)}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]):not([data-page=beta-login]):not([data-page=beta-access]):not([data-preview-page=buttons]) :is(.top-action-btn,.replay-button,.replay-control-btn,.import-replay-button,.achievement-filter,.relay-btn,.relay-nav-btn,.stone-button)[aria-busy=true],.preview-variant--enamel [aria-busy=true]{cursor:wait}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]):not([data-page=beta-login]):not([data-page=beta-access]):not([data-preview-page=buttons]) :is(.top-action-btn,.replay-button,.replay-control-btn,.import-replay-button,.achievement-filter,.relay-btn,.relay-nav-btn,.stone-button):disabled,html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]):not([data-page=beta-login]):not([data-page=beta-access]):not([data-preview-page=buttons]) :is(.top-action-btn,.replay-button,.replay-control-btn,.import-replay-button,.achievement-filter,.relay-btn,.relay-nav-btn,.stone-button)[aria-disabled=true],.preview-variant--enamel [data-preview-control]:disabled{opacity:.42;cursor:not-allowed;transform:none;filter:grayscale(.2)}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]):not([data-page=beta-login]):not([data-page=beta-access]):not([data-preview-page=buttons]) :is(.top-action-btn,.replay-button,.replay-control-btn,.import-replay-button,.achievement-filter,.relay-btn,.relay-nav-btn,.stone-button):is(:disabled,[aria-disabled=true]):before,.preview-variant--enamel [data-preview-control]:disabled:before{width:3px;background:var(--app-border-control);opacity:.7}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]):not([data-page=beta-login]):not([data-page=beta-access]):not([data-preview-page=buttons]) :is(.top-action-btn,.replay-button,.replay-control-btn,.import-replay-button,.achievement-filter,.relay-btn,.relay-nav-btn,.stone-button):focus-visible,.preview-variant--enamel [data-preview-control]:focus-visible{outline:2px solid var(--enamel-button-teal);outline-offset:3px}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]):not([data-page=beta-login]):not([data-page=beta-access]):not([data-preview-page=buttons]) :is(.relay-btn--ghost,.stone-button.ghost,.replay-button.palette-nav-btn,.relay-nav-btn):active,.preview-variant--enamel [data-preview-tone=ghost]:active{background:transparent!important}@media(prefers-reduced-motion:reduce){html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]):not([data-page=beta-login]):not([data-page=beta-access]):not([data-preview-page=buttons]) :is(.top-action-btn,.replay-button,.replay-control-btn,.import-replay-button,.achievement-filter,.relay-btn,.relay-nav-btn,.stone-button),html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]):not([data-page=beta-login]):not([data-page=beta-access]):not([data-preview-page=buttons]) :is(.top-action-btn,.replay-button,.replay-control-btn,.import-replay-button,.achievement-filter,.relay-btn,.relay-nav-btn,.stone-button):before,.preview-variant--enamel [data-preview-control],.preview-variant--enamel [data-preview-control]:before{transition:none}}:root{--workshop-bg: #faf8ef;--workshop-surface: #fffaf2;--workshop-surface-soft: #eee4da;--workshop-board: #bbada0;--workshop-ink: #514840;--workshop-text: #776e65;--workshop-muted: #8f8174;--workshop-teal: #2f86a0;--workshop-gold: #d79b32;--workshop-graphite: #26383b;--workshop-danger: #a7463b;--workshop-border: rgba(119, 110, 101, .24);--workshop-shadow: 0 5px 14px rgba(84, 70, 58, .09)}body[data-preview-page=classic-workshop] *{box-sizing:border-box}body[data-preview-page=classic-workshop]{min-width:320px;min-height:100vh;margin:0;color:#4f4942;background:#eee9df;font-family:Clear Sans,PingFang SC,Microsoft YaHei,sans-serif}.workshop-preview{width:min(1880px,calc(100vw - 28px));margin:0 auto;padding:18px 0 32px}.workshop-preview-header{display:flex;align-items:center;justify-content:space-between;min-height:74px;padding:0 4px 14px;border-bottom:1px solid rgba(90,78,66,.16)}.workshop-preview-brand{display:flex;align-items:center;gap:13px}.workshop-preview-brand img{width:66px;height:auto}.workshop-preview-brand p,.workshop-preview-brand h1{margin:0;letter-spacing:0}.workshop-preview-brand p{color:var(--workshop-teal);font-size:11px;font-weight:800}.workshop-preview-brand h1{margin-top:3px;color:var(--workshop-ink);font-size:26px;line-height:1.1}.workshop-preview-state{padding:6px 9px;border:1px solid rgba(47,134,160,.25);border-radius:5px;color:#386f7b;background:#fffaf2b8;font-size:12px;font-weight:700}.workshop-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0}.workshop-toolbar-modes{display:flex;gap:8px}.workshop-control-group{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid rgba(119,110,101,.22);border-radius:7px;background:#fffaf2cc}.workshop-control-group button{min-height:34px;margin:0;padding:0 12px;border:0;border-radius:5px;color:#6f655c;background:transparent;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.workshop-control-group button:hover,.workshop-control-group button:focus-visible{color:var(--workshop-ink);background:#eee4dab3;outline:none}.workshop-control-group button:focus-visible{box-shadow:0 0 0 2px var(--workshop-teal)}.workshop-control-group button.is-active{color:#fffdf6;background:var(--workshop-graphite);box-shadow:inset 3px 0 0 var(--workshop-teal),inset 0 -2px 0 var(--workshop-gold)}.workshop-page-tabs{flex-wrap:wrap}.workshop-preview-stage{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:start}.workshop-preview-pane{min-width:0;overflow:hidden;border:1px solid rgba(99,86,74,.2);border-radius:8px;background:#f8f4ec;box-shadow:0 10px 30px #4a3e3414}.workshop-preview-pane>header{display:flex;align-items:center;gap:10px;min-height:58px;padding:10px 14px;border-bottom:1px solid rgba(99,86,74,.16);background:#fffaf2}.workshop-preview-pane--candidate>header{box-shadow:inset 3px 0 0 var(--workshop-teal),inset 0 -2px #d79b3259}.workshop-pane-index{display:grid;place-items:center;width:32px;height:26px;border:1px solid rgba(47,134,160,.24);border-radius:4px;color:#326b78;font-size:11px;font-weight:800}.workshop-preview-pane header div{display:grid;gap:2px}.workshop-preview-pane header strong{color:var(--workshop-ink);font-size:15px}.workshop-preview-pane header div span{color:var(--workshop-muted);font-size:12px}.workshop-viewport-shell{display:flex;justify-content:center;min-height:420px;padding:12px;overflow:auto;background:#d8d0c4}.workshop-viewport{position:relative;flex:0 0 auto;overflow:hidden;background:#faf8ef;box-shadow:0 3px 12px #31292229}.workshop-viewport iframe{position:absolute;inset:0 auto auto 0;border:0;background:#faf8ef}@media(max-width:1120px){.workshop-preview-toolbar{align-items:flex-start;flex-direction:column}.workshop-preview-stage{grid-template-columns:1fr}}@media(max-width:620px){.workshop-preview{width:min(100% - 16px,520px);padding-top:10px}.workshop-preview-header{align-items:flex-start}.workshop-preview-brand img{width:52px}.workshop-preview-brand h1{font-size:21px}.workshop-preview-state{font-size:11px}.workshop-toolbar-modes{flex-wrap:wrap}.workshop-control-group button{min-height:36px;padding:0 10px;font-size:12px}.workshop-viewport-shell{padding:8px}}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]){--workshop-bg: var(--app-page-bg);--workshop-panel: var(--app-surface-light);--workshop-panel-soft: var(--app-surface-soft);--workshop-board: var(--app-surface-board);--workshop-score: var(--app-surface-light);--workshop-grid-cell: var(--app-surface-empty-tile);--workshop-timer-track: var(--app-surface-soft);--workshop-ink: var(--app-text-strong);--workshop-text: var(--app-text);--workshop-muted: var(--app-text-muted);--workshop-teal: var(--app-accent);--workshop-gold: var(--app-milestone);--workshop-line: var(--app-border-structure);--workshop-shadow: 0 6px 16px rgba(42, 74, 78, .1);color:var(--workshop-text)!important;background:var(--workshop-bg)!important;background-image:none!important}html[data-theme=mist_cyan]:not([data-night-background="1"]):has(body[data-page]:not([data-page=modes])){background:#f3f6f5!important;background-image:none!important}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]) :is(h1,h2,h3,.palette-title){color:var(--workshop-ink)!important;background:none!important;-webkit-text-fill-color:currentColor!important;letter-spacing:0!important}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]) :is(.palette-kicker,.palette-subtitle,.account-tip,.relay-note){color:var(--workshop-muted)!important}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]) :is(p,.game-intro,.game-explanation,.settings-note,.settings-toggle-desc,.portal-muted,.touch-kicker,.touch-subtitle,.touch-hint,.touch-feedback,.user-profile-inline-info){color:var(--workshop-text)}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]) a:not(.top-action-btn,.restart-button,.replay-button,.mode-hub-btn,.keep-playing-button,.retry-button,.undo-button){color:var(--app-link)!important}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]) a:not(.top-action-btn,.restart-button,.replay-button,.mode-hub-btn,.keep-playing-button,.retry-button,.undo-button):hover{color:var(--app-link-hover)!important}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]) :is(.card-surface,.portal-card,.settings-card,.account-summary-card,.account-auth-form-surface,.account-action-row,.account-user-card,.settings-section,.relay-panel,.relay-claim-card,.stone-panel){border:1px solid var(--workshop-line)!important;border-radius:8px!important;background:var(--workshop-panel)!important;background-image:none!important;box-shadow:var(--workshop-shadow)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}html[data-theme=mist_cyan] body[data-page=user-profile] :is(.user-nav-menu-panel,.user-summary-card,.user-summary-summary,.user-summary-row,.user-record-list,.user-record-detail-card),html[data-theme=mist_cyan] body[data-page=relay-5x5] :is(.relay-replay-case-name,.relay-advanced-panel){border-color:var(--workshop-line)!important;color:var(--workshop-text)!important;background:var(--workshop-panel)!important;background-image:none!important;box-shadow:var(--workshop-shadow)!important}html[data-theme=mist_cyan] body[data-page=user-profile] :is(.user-summary-card span,.user-summary-summary,.user-summary-preview,.user-record-date){color:var(--workshop-muted)!important}html[data-theme=mist_cyan] body[data-page=user-profile] :is(.user-summary-card strong,.user-summary-preview strong,.user-profile-inline-info strong){color:var(--workshop-ink)!important}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]) :is(input,textarea,select,.settings-select,.account-input,.game-dialog-input,.practice-board-code-input){border-color:var(--workshop-line)!important;border-radius:7px!important;color:var(--workshop-ink)!important;background:var(--workshop-panel)!important;box-shadow:inset 3px 0 #2f86a026!important}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]) :is(input,textarea,select):focus,html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]) :is(input,textarea,select):focus-visible{border-color:var(--workshop-teal)!important;outline:2px solid rgba(47,134,160,.22)!important;outline-offset:1px}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]) select:not([multiple]){appearance:none!important;min-height:38px;padding-right:34px!important;background-color:var(--workshop-panel)!important;background-image:linear-gradient(45deg,transparent 50%,var(--workshop-ink) 50%),linear-gradient(135deg,var(--workshop-ink) 50%,transparent 50%)!important;background-position:calc(100% - 15px) 50%,calc(100% - 10px) 50%!important;background-repeat:no-repeat!important;background-size:5px 5px!important;cursor:pointer}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]) select:not([multiple]):hover{border-color:#2f86a06b!important}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]) select option{color:var(--workshop-ink);background:var(--workshop-panel)}@supports (appearance: base-select){html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]) select:not([multiple]),html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]) select:not([multiple])::picker(select){appearance:base-select!important}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]) select:not([multiple]){align-items:center;padding-right:12px!important;background-image:none!important}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]) select:not([multiple])::picker(select){max-height:min(360px,60vh);margin-top:4px;padding:5px;border:1px solid var(--workshop-line);border-radius:8px;color:var(--workshop-ink);background:var(--workshop-panel);box-shadow:0 12px 28px #2a4a4e29;overflow-y:auto}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]) select:not([multiple]) option{min-height:38px;padding:8px 10px;border-radius:5px}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]) select:not([multiple]) option:is(:hover,:focus){background:var(--workshop-panel-soft)}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]) select:not([multiple]) option:checked{color:#356b76;background:#2f86a01a}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]) select:not([multiple])::picker-icon{content:"";box-sizing:border-box;width:8px;height:8px;margin-right:2px;margin-left:auto;border-right:2px solid currentColor;border-bottom:2px solid currentColor;color:var(--workshop-ink);transform:rotate(45deg);transition:transform .14s ease}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]) select:not([multiple]):open::picker-icon{transform:rotate(225deg)}}html[data-theme=mist_cyan] body[data-page=game] :is(.score-container,.best-container),html[data-theme=mist_cyan] body[data-page=practice] :is(.score-container,.best-container){border:0!important;border-radius:6px!important;background:var(--workshop-score)!important;box-shadow:var(--workshop-shadow)!important}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]) #timer{border-radius:6px!important;color:var(--workshop-ink)!important;background:var(--workshop-score)!important;box-shadow:inset 0 3px 0 var(--workshop-board),var(--workshop-shadow)!important}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]) .score-container{color:var(--workshop-ink)!important;box-shadow:inset 0 3px 0 var(--workshop-teal),var(--workshop-shadow)!important}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]) .best-container{color:var(--workshop-ink)!important;box-shadow:inset 0 3px 0 var(--workshop-gold),var(--workshop-shadow)!important}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]) :is(.score-container,.best-container,#timer):after{color:var(--workshop-muted)!important}html[data-theme=mist_cyan] body[data-page=game] .game-container,html[data-theme=mist_cyan] body[data-page=practice] .game-container,html[data-theme=mist_cyan] body[data-page=palette-hub] .palette-board-preview{border-radius:7px!important;background:var(--workshop-board)!important;box-shadow:0 10px 24px #2a4a4e21!important}html[data-theme=mist_cyan] body[data-page=game] .grid-cell:not(.grid-cell-obstacle),html[data-theme=mist_cyan] body[data-page=practice] .grid-cell:not(.grid-cell-obstacle){background:var(--workshop-grid-cell)!important}html[data-theme=mist_cyan] body[data-page=practice] .dashboard-box{border:1px solid var(--workshop-line)!important;color:var(--workshop-text)!important;background:var(--workshop-panel-soft)!important;box-shadow:var(--workshop-shadow)!important}html[data-theme=mist_cyan] body[data-page=practice] .dashboard-controls label{color:var(--workshop-ink)!important}html[data-theme=mist_cyan] body[data-page=practice] :is(.selection-page-btn,.practice-mode-option){border-color:var(--app-border-control)!important;color:var(--workshop-ink)!important;background:var(--app-surface-control)!important;box-shadow:none!important}html[data-theme=mist_cyan] body[data-page=practice] :is(.selection-page-btn,.practice-mode-option):not(:disabled):is(:hover,:focus-visible){border-color:var(--workshop-teal)!important;background:color-mix(in srgb,var(--workshop-teal) 8%,var(--app-surface-control))!important;box-shadow:0 6px 14px #2a4a4e1f!important}html[data-theme=mist_cyan] body[data-page=practice] .practice-mode-option.is-active{border-color:var(--workshop-teal)!important;background:var(--workshop-panel-soft)!important;box-shadow:inset 3px 0 0 var(--workshop-teal)!important}html[data-theme=mist_cyan] body[data-page=practice] :is(.practice-mode-current,.practice-mode-option-meta,.practice-mode-empty){color:var(--workshop-muted)!important}html[data-theme=mist_cyan] body[data-page=practice] :is(.practice-mode-title,.practice-board-code-title){color:var(--workshop-ink)!important}html[data-theme=mist_cyan] body[data-page=practice] .practice-mode-badge{border-color:var(--workshop-line)!important;color:var(--workshop-ink)!important;background:var(--workshop-panel)!important;background-image:none!important;box-shadow:var(--workshop-shadow)!important}html[data-theme=mist_cyan] body[data-page=practice] .selection-tile.selected{border-color:var(--workshop-teal)!important;box-shadow:0 0 0 2px var(--workshop-teal),0 6px 14px #2a4a4e29!important}html[data-theme=mist_cyan] body[data-page=practice] .scores-container.practice-gesture-entry.practice-gesture-active{box-shadow:0 0 0 2px var(--workshop-teal) inset!important}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]) #timerbox .timertile[id^=timer]{background:var(--workshop-timer-track)!important;box-shadow:none!important}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]) .timer-scroll-btn{color:var(--workshop-ink)!important;background:var(--enamel-button-surface)!important}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]) .timer-scroll-btn:hover{background:var(--workshop-score)!important}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]) .timer-leaderboard-summary{border-radius:6px!important;color:var(--workshop-ink)!important;background:var(--workshop-score)!important;box-shadow:inset 0 3px 0 var(--workshop-board),var(--workshop-shadow)!important}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]) #timer-leaderboard-panel{background:transparent!important;box-shadow:none!important}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]) .timer-leaderboard-summary:after{color:var(--workshop-muted)!important;font-size:13px}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]) .timer-leaderboard-summary:focus-visible{outline-color:var(--workshop-teal)}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]) #timerbox .timer-leaderboard-row .timer-leaderboard-name-tile{color:var(--workshop-ink)!important;background:var(--workshop-panel)!important;box-shadow:none!important;letter-spacing:0}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]) #timerbox .timer-leaderboard-row.is-empty .timer-leaderboard-name-tile{color:var(--workshop-muted)!important}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]) .replay-diagnostics-panel{border:1px solid var(--workshop-line)!important;border-radius:7px!important;background:var(--workshop-panel-soft)!important;box-shadow:none!important}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]) :is(.replay-modal-overlay,.game-dialog-overlay,.practice-mode-panel,.practice-board-code-panel,.replay-file-drop-overlay){background:#27373685!important;-webkit-backdrop-filter:blur(3px)!important;backdrop-filter:blur(3px)!important}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]) :is(.replay-modal-content,.game-dialog-panel,.practice-mode-dialog,.practice-board-code-dialog,.replay-file-drop-panel){border:1px solid var(--workshop-line)!important;border-radius:8px!important;color:var(--workshop-text)!important;background:var(--workshop-panel)!important;background-image:none!important;box-shadow:0 18px 42px #2233323d!important}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]) .game-container .game-message{color:var(--workshop-ink)!important;background:color-mix(in srgb,var(--workshop-bg) 86%,transparent)!important}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]) .game-container .game-message.game-won{color:var(--app-text-on-action)!important;background:color-mix(in srgb,var(--workshop-gold) 70%,transparent)!important}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]) :is(.restart-button:not(.top-action-btn),.game-container .game-message a){border-color:var(--app-action-bg)!important;color:var(--app-text-on-action)!important;background:var(--app-action-bg)!important;box-shadow:0 7px 16px #182e3333!important}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]) #no-x-selection-overlay{background:var(--app-surface-overlay)!important}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]) #no-x-selection-overlay .no-x-selection-panel{border:1px solid var(--app-border-structure)!important;border-radius:var(--app-radius-dialog)!important;color:var(--app-text)!important;background:var(--app-surface-modal)!important;box-shadow:var(--app-shadow-dialog)!important}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]) #no-x-selection-overlay .no-x-selection-title{color:var(--app-text-strong)!important}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]) #no-x-selection-overlay .no-x-selection-subtitle{color:var(--app-text-muted)!important}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]) #no-x-selection-overlay .no-x-selection-option{border:1px solid var(--app-border-control)!important;border-radius:7px!important;color:var(--app-text-strong)!important;background:var(--app-surface-control)!important;box-shadow:none!important}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]) #no-x-selection-overlay .no-x-selection-option:is(:hover,:focus-visible){border-color:var(--app-accent)!important;background:color-mix(in srgb,var(--app-accent) 8%,var(--app-surface-control))!important;outline:2px solid var(--app-focus-ring-control);outline-offset:2px}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]) #no-x-selection-overlay .no-x-selection-option.is-selected{border:2px solid var(--app-accent)!important;background:var(--app-surface-soft)!important;box-shadow:inset 3px 0 0 var(--app-accent)!important}html[data-theme=mist_cyan] body[data-page=account-hub] .account-page-shell,html[data-theme=mist_cyan] body[data-page=achievements] .achievements-page-shell{width:min(1120px,calc(100vw - 32px))}html[data-theme=mist_cyan] body[data-page]:not([data-page=modes]) .palette-page-header{padding-bottom:15px;border-bottom:1px solid var(--workshop-line)}html[data-theme=mist_cyan] body[data-page=account-hub] :is(.account-board-head-row,.account-board-row),html[data-theme=mist_cyan] body[data-page=relay-5x5] :is(.relay-table th,.relay-table td){border-color:var(--workshop-line)!important}html[data-theme=mist_cyan] body[data-page=account-hub] .account-board-list,html[data-theme=mist_cyan] body[data-page=account-hub] .account-board-table-wrap{border-radius:7px!important;background:var(--workshop-panel)!important}html[data-theme=mist_cyan] body[data-page=account-hub] .account-board-row:hover{background:var(--app-accent-soft)!important}html[data-theme=mist_cyan] body[data-page=achievements] :is(.achievements-summary-card,.achievements-showcase-card,.achievements-list-card,.achievement-detail,.achievements-stat,.achievement-showcase-slot,.achievement-card){border:1px solid var(--workshop-line)!important;border-radius:8px!important;background:var(--workshop-panel)!important;background-image:none!important;box-shadow:var(--workshop-shadow)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;transform:none!important}html[data-theme=mist_cyan] body[data-page=achievements] .achievement-card.is-selected{border-color:var(--workshop-teal)!important;background:color-mix(in srgb,var(--workshop-teal) 7%,var(--workshop-panel))!important;box-shadow:inset 3px 0 0 var(--workshop-teal)!important}html[data-theme=mist_cyan] body[data-page=achievements] .achievement-light-state{border-color:#d79b3240!important;color:#7d5d20!important;background:#d79b321a!important}html[data-theme=mist_cyan] body[data-page=relay-5x5] .relay-page{width:min(1080px,calc(100vw - 28px))}html[data-theme=mist_cyan] body[data-page=relay-5x5] :is(.relay-table,.relay-table th){background:var(--workshop-panel)!important}html[data-theme=mist_cyan] body[data-page=relay-5x5] :is(.relay-panel h2,.relay-table th){color:var(--workshop-ink)!important}html[data-theme=mist_cyan] body[data-page=relay-5x5] :is(.relay-table td,.relay-claim-item-main,.relay-claim-empty,.relay-page-info){color:var(--workshop-text)!important}html[data-theme=mist_cyan] body[data-page=relay-5x5] .relay-table th{background:var(--workshop-panel-soft)!important}html[data-theme=mist_cyan] body[data-page=relay-5x5] :is(.relay-claim-card,.relay-claim-item){border-color:var(--workshop-line)!important;background:var(--workshop-panel-soft)!important}html[data-theme=mist_cyan] body[data-page=relay-5x5] .relay-pill{border:1px solid rgba(47,134,160,.24)!important;color:#356b76!important;background:#2f86a014!important}@media(max-width:520px){html[data-theme=mist_cyan] body[data-page=account-settings-hub] .account-settings-page-shell{width:100%!important;margin:56px auto 18px!important}html[data-theme=mist_cyan] body[data-page=relay-5x5] .relay-page{margin-top:56px!important}html[data-theme=mist_cyan] body[data-page=practice] :is(.selection-tile.tile-16384,.selection-tile.tile-32768) .tile-inner{font-size:12px!important}}html[data-theme=mist_cyan][data-night-background="1"] body[data-page]:not([data-page=modes]){--workshop-bg: var(--app-page-bg);--workshop-panel: var(--app-surface-light);--workshop-panel-soft: var(--app-surface-soft);--workshop-board: var(--app-surface-board);--workshop-score: var(--app-action-muted-bg);--workshop-grid-cell: var(--app-surface-empty-tile);--workshop-timer-track: var(--app-surface-soft);--workshop-line: var(--app-border-structure);--workshop-ink: var(--app-text-strong);--workshop-text: var(--app-text);--workshop-muted: var(--app-text-muted);--workshop-teal: var(--app-accent);--workshop-gold: var(--app-milestone);--workshop-shadow: 0 7px 18px rgba(0, 0, 0, .22);color:var(--workshop-text)!important;background:var(--workshop-bg)!important;background-image:none!important}html[data-theme=mist_cyan][data-night-background="1"]:has(body[data-page]:not([data-page=modes])){background:#18201f!important;background-image:none!important}html[data-theme=mist_cyan][data-night-background="1"] body[data-page]:not([data-page=modes]) :is(.score-container,.best-container,#timer){color:#edf2ed!important}html[data-theme=mist_cyan][data-night-background="1"] body[data-page]:not([data-page=modes]) :is(input,textarea,select,.settings-select,.account-input,.account-board-list,.account-board-table-wrap){color:#edf2ed!important;background:#1d2725!important}html[data-theme=mist_cyan][data-night-background="1"] body[data-page]:not([data-page=modes]) :is(.replay-modal-overlay,.game-dialog-overlay,.practice-mode-panel,.practice-board-code-panel,.replay-file-drop-overlay){background:#070c0bb3!important}@media(prefers-reduced-motion:reduce){body[data-preview-page=classic-workshop] *,html[data-theme=mist_cyan]:has(body[data-page]:not([data-page=modes])) *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html[data-theme=mist_cyan][data-night-background="1"] body[data-page]:not([data-page=modes]){--night-page-bg: var(--workshop-bg);--night-surface: var(--workshop-panel);--night-surface-alt: var(--workshop-panel-soft);--night-line: var(--workshop-line);--night-ink: var(--workshop-ink);--night-ink-soft: var(--workshop-text);--night-ink-dim: var(--workshop-muted)}html[data-theme=mist_cyan][data-night-background="1"] body[data-page]:not([data-page=modes]) :is(label,.user-record-tools label,.user-record-head-row,.user-page-indicator,.admin-card .panel-head p,.admin-form-grid label,.admin-sql-label){color:var(--workshop-text)!important}html[data-theme=mist_cyan][data-night-background="1"] body[data-page=user-profile] :is(.user-record-list,.user-record-detail-card),html[data-theme=mist_cyan][data-night-background="1"] body[data-page=history] .history-item,html[data-theme=mist_cyan][data-night-background="1"] body[data-page=relay-5x5] :is(#relay-note,#relay-note-secondary){border-color:var(--workshop-line)!important;color:var(--workshop-text)!important;background:var(--workshop-panel-soft)!important;background-image:none!important;box-shadow:none!important}html[data-theme=mist_cyan][data-night-background="1"] body[data-page=user-profile] :is(.user-record-empty,.user-record-tip,.user-record-date){color:var(--workshop-text)!important}html[data-theme=mist_cyan][data-night-background="1"] body[data-page=user-profile] .user-record-row:hover,html[data-theme=mist_cyan][data-night-background="1"] body[data-page=user-profile] .user-record-item[data-open="1"]{background:#63aaa614!important}html[data-theme=mist_cyan][data-night-background="1"] body[data-page=achievements] #achievements-user-name{color:var(--workshop-ink)!important}html[data-theme=mist_cyan][data-night-background="1"] body[data-page=achievements] :is(p,.achievements-stat span,#achievements-summary-copy){color:var(--workshop-muted)!important}html[data-theme=mist_cyan][data-night-background="1"] body[data-page]:not([data-page=modes]) :is(#account-auth-state-tag,#achievements-status,#touch-threshold-value){border-color:var(--workshop-line)!important;color:var(--workshop-text)!important;background:var(--workshop-panel-soft)!important}html[data-theme=mist_cyan][data-night-background="1"] body[data-page=relay-5x5] #relay-my-case-pill{border-color:#63aaa652!important;color:var(--workshop-teal)!important;background:#63aaa61a!important}html[data-theme=mist_cyan][data-night-background="1"] body[data-page]:not([data-page=modes]):not([data-page=beta-login]):not([data-page=beta-access]):not([data-preview-page=buttons]) :is(#history-clear-all-btn,#palette-delete-btn,#settings-logout-btn,#relay-delete-btn){border-color:#d56e6161!important;color:#f1a79e!important;background:#3a2927!important;box-shadow:inset 0 1px #ffffff0a,inset 0 -2px #d56e612e,0 5px 12px #0000002e!important}html[data-theme=mist_cyan][data-night-background="1"] body[data-page=touch-sensitivity] .touch-card{border-color:var(--workshop-line)!important;color:var(--workshop-text)!important;background:var(--workshop-panel)!important;background-image:none!important}html[data-theme=mist_cyan][data-night-background="1"] body[data-page]:not([data-page=modes]) :is(.announcement-item,.settings-toggle-row,.settings-modal-content>.settings-row.language-settings-row,.settings-modal-content>.settings-row.settings-action-row,.tile-palette-settings-row,.custom-select-trigger,.custom-options,.mode-intro-leaderboard-row,.mode-intro-leaderboard-empty,.mode-intro-leaderboard-more,.online-board-empty){border-color:var(--workshop-line)!important;color:var(--workshop-ink)!important;background:var(--workshop-panel-soft)!important}html[data-theme=mist_cyan][data-night-background="1"] .game-dialog-button-secondary{color:var(--enamel-button-ink)!important;background:var(--enamel-button-surface)!important}html[data-theme=mist_cyan][data-night-background="1"] .game-dialog-button-primary{color:var(--enamel-button-primary-text)!important;background:var(--enamel-button-primary)!important}html[data-theme=mist_cyan][data-night-background="1"] body[data-page=stone-2k-monitor]{--stone-bg: var(--workshop-bg);--stone-bg-deep: var(--workshop-bg);--stone-panel: var(--workshop-panel);--stone-panel-strong: var(--workshop-panel-soft);--stone-panel-soft: rgba(43, 55, 52, .86);--stone-ink: var(--workshop-ink);--stone-muted: var(--workshop-text);--stone-line: var(--workshop-line);--stone-line-strong: rgba(151, 185, 176, .3);--stone-shadow: 0 20px 48px rgba(0, 0, 0, .3);--stone-shadow-soft: 0 10px 24px rgba(0, 0, 0, .2)}html[data-theme=mist_cyan][data-night-background="1"] body[data-page=stone-2k-monitor] .stone-access-gate{background:#070c0bc2!important}html[data-theme=mist_cyan][data-night-background="1"] body[data-page=stone-2k-monitor] :is(.stone-access-card,.stone-hero,.stone-control-card,.stone-panel,.stone-stat-card){border-color:var(--workshop-line)!important;color:var(--workshop-text)!important;background:var(--workshop-panel)!important;background-image:none!important;box-shadow:var(--stone-shadow-soft)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}html[data-theme=mist_cyan][data-night-background="1"] body[data-page=stone-2k-monitor] :is(.stone-table-wrap,.stone-detail-list>div){border-color:var(--workshop-line)!important;color:var(--workshop-text)!important;background:var(--workshop-panel-soft)!important}html[data-theme=mist_cyan][data-night-background="1"] body[data-page=stone-2k-monitor] .stone-hero-badge{border-color:#63aaa64d!important;color:#8bd0cb!important;background:#63aaa61f!important}html[data-theme=mist_cyan][data-night-background="1"] body[data-page=stone-2k-monitor] .stone-board-preview{border-color:var(--workshop-line)!important;color:var(--workshop-text)!important;background:var(--workshop-board)!important}html[data-theme=mist_cyan][data-night-background="1"] body[data-page=stone-2k-monitor] :is(.stone-access-input,.stone-field input,.stone-field select,.stone-field textarea){border-color:var(--workshop-line)!important;color:var(--workshop-ink)!important;background:#1d2725!important}html[data-theme=mist_cyan][data-night-background="1"] body[data-page=admin-console] .admin-card{border-color:var(--workshop-line)!important;color:var(--workshop-text)!important;background:var(--workshop-panel)!important;background-image:none!important;box-shadow:var(--workshop-shadow)!important}html[data-theme=mist_cyan][data-night-background="1"] body[data-page=admin-console] :is(.admin-upload-panel,.admin-beta-access-console,.admin-output,.admin-result-wrap,.admin-rescue-history,.admin-empty-state){border-color:var(--workshop-line)!important;color:var(--workshop-text)!important;background:var(--workshop-panel-soft)!important;box-shadow:none!important}html[data-theme=mist_cyan][data-night-background="1"] body[data-page=admin-console] :is(.admin-input,.admin-textarea,.settings-select){border-color:var(--workshop-line)!important;color:var(--workshop-ink)!important;background-color:#1d2725!important}html[data-theme=mist_cyan][data-night-background="1"] body[data-page=admin-console] :is(.admin-card h3,.admin-result-table th,.admin-result-table td){color:var(--workshop-text)!important;border-color:var(--workshop-line)!important}html[data-theme=mist_cyan][data-night-background="1"] body[data-page=admin-console] .panel-pill{border-color:var(--workshop-line)!important;color:var(--workshop-text)!important;background:var(--workshop-panel-soft)!important}:root{--pp-bg: var(--app-page-bg);--pp-panel: var(--app-surface-light);--pp-line: var(--app-border-structure);--pp-ink: var(--app-text-strong);--pp-muted: var(--app-text-muted);--pp-btn: var(--app-action-bg);--pp-btn-hover: var(--app-action-muted-hover-bg);--pp-soft: var(--app-surface-soft);--pp-preview-board-content-size: 500px;--pp-preview-board-total-size: 500px}body[data-page=palette-hub]{margin:0;min-height:100vh;background:var(--pp-bg);color:var(--pp-ink);font-family:PingFang SC,Microsoft YaHei,Segoe UI,sans-serif}body[data-page=palette-hub].palette-swatch-open{overflow:hidden;overscroll-behavior:none}.palette-page-shell{width:min(1280px,calc(100vw - 40px));margin:18px auto 30px}.palette-page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:14px}.palette-kicker{margin:0 0 6px;color:var(--pp-muted);font-size:12px;letter-spacing:.08em}.palette-title{margin:0;font-size:clamp(42px,6vw,58px);line-height:.95;letter-spacing:.03em}.palette-subtitle{margin:10px 0 0;color:var(--pp-muted);font-size:14px}.palette-nav{display:flex;gap:10px;flex-wrap:wrap}.palette-nav-btn{min-height:38px;line-height:38px;padding:0 16px}.palette-touch-entry{display:none!important}.settings-category-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.settings-category-link{display:flex;flex-direction:column;gap:4px;min-width:0;padding:12px 14px;border:1px solid var(--app-border-structure);border-radius:14px;background:var(--app-surface-light);color:var(--app-text-strong);text-decoration:none;box-shadow:0 8px 18px #1f363a12;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.settings-category-link strong{font-size:17px}.settings-category-link span{color:var(--app-text-muted);font-size:13px}.settings-category-link:hover,.settings-category-link:focus-visible{border-color:var(--enamel-button-teal);transform:translateY(-1px);box-shadow:0 10px 22px #1f363a1c}.settings-category-link.is-active{border-color:var(--enamel-button-teal);background:color-mix(in srgb,var(--app-accent) 8%,var(--app-surface-light));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--app-accent) 18%,transparent)}#timer-settings[hidden],#appearance-settings[hidden]{display:none!important}.palette-settings-card{margin-bottom:14px;padding:14px;scroll-margin-top:12px}.palette-settings-card .panel-head h2{font-size:28px}.palette-settings-section{scroll-margin-top:12px}.settings-disclosure{border:1px solid var(--app-border-structure);border-radius:14px;background:var(--app-surface-soft);overflow:hidden}.settings-disclosure summary{display:flex;align-items:center;gap:14px;padding:13px 14px;cursor:pointer;list-style:none}.settings-disclosure summary::-webkit-details-marker{display:none}.settings-disclosure summary:focus-visible{outline:2px solid var(--enamel-button-teal);outline-offset:-2px}.settings-disclosure-copy{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}.settings-disclosure-copy strong{color:var(--app-text-strong);font-size:17px}.settings-disclosure-copy small,.custom-secondary-timer-desc{color:var(--app-text-muted);font-size:13px}.settings-disclosure-action{flex:0 0 auto;color:var(--app-accent);font-size:13px;font-weight:700}.settings-disclosure-close,.settings-disclosure[open] .settings-disclosure-open{display:none}.settings-disclosure[open] .settings-disclosure-close{display:inline}.custom-secondary-timer-body{padding:0 14px 14px;border-top:1px solid var(--app-border-structure)}.custom-secondary-timer-family-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.custom-secondary-timer-family-btn{min-height:40px;border:1px solid var(--enamel-button-border);border-radius:7px;background:var(--enamel-button-surface);color:var(--enamel-button-ink);font:inherit;font-weight:700;cursor:pointer}.custom-secondary-timer-family-btn.is-active{border-color:var(--enamel-button-primary);background:var(--enamel-button-primary);color:var(--enamel-button-primary-text);box-shadow:inset 0 3px 0 var(--enamel-button-teal),inset 0 -3px 0 var(--enamel-button-gold)}.custom-secondary-timer-label{display:block;margin-top:14px;color:var(--app-text-strong);font-size:15px;font-weight:700}.custom-secondary-timer-desc{margin:5px 0 0}.custom-secondary-timer-generator{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;gap:8px;align-items:end;margin-top:14px}.custom-secondary-timer-generator label{display:grid;gap:5px;min-width:0;color:var(--app-text-strong);font-size:13px;font-weight:700}.custom-secondary-timer-generator select{width:100%;min-height:40px;padding:0 10px;border:1px solid var(--app-border-control);border-radius:7px;background:var(--app-surface-control);color:var(--app-text-strong);font:inherit}.custom-secondary-timer-generator .replay-button{min-height:40px;margin:0;white-space:nowrap}.custom-secondary-timer-generator-hint{margin:7px 0 0;color:var(--app-text-muted);font-size:12px}#custom-secondary-timer-rules{width:100%;min-height:150px;margin-top:8px;padding:10px;box-sizing:border-box;resize:vertical;border:1px solid var(--app-border-control);border-radius:7px;background:var(--app-surface-control);color:var(--app-text-strong);font:14px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}#custom-secondary-timer-rules[aria-invalid=true]{border-color:var(--app-danger);box-shadow:0 0 0 2px color-mix(in srgb,var(--app-danger) 18%,transparent)}.custom-secondary-timer-actions{display:flex;gap:10px;margin-top:10px}.custom-secondary-timer-actions .replay-button{min-width:104px}@media(max-width:760px)and (pointer:coarse){.palette-touch-entry{display:inline-flex!important}}.card-surface{border:1px solid var(--pp-line);border-radius:18px;background:var(--pp-panel)}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.panel-head h2{margin:0;font-size:34px;line-height:1.1}.panel-pill{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:24px;border-radius:999px;background:var(--app-surface-soft);color:var(--app-text-strong);font-size:12px;font-weight:700;padding:0 9px}.theme-selection-col{box-sizing:border-box}.palette-sidebar-theme{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--app-border-structure)}.theme-selection-col>label{display:block;margin-bottom:7px;font-size:15px;font-weight:600;color:var(--app-text-strong)}.palette-variant-note{margin:8px 0 0;color:var(--app-text-muted);font-size:12px;line-height:1.5}.custom-select-wrapper,.custom-select,.custom-select-trigger{width:100%}.custom-select{position:relative}.custom-select-trigger{min-height:44px;border:1px solid var(--enamel-button-border);border-radius:7px;background:var(--enamel-button-surface);color:var(--enamel-button-ink);display:flex;align-items:center;justify-content:space-between;padding:0 12px;cursor:pointer;box-sizing:border-box;box-shadow:inset 0 1px #ffffffeb,inset 0 -1px color-mix(in srgb,var(--app-text-strong) 10%,transparent),0 5px 12px #1f363a14;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.custom-select-trigger span{font-size:17px;font-weight:600;line-height:1}.custom-select-trigger:hover{border-color:#12667a7a;transform:translateY(-1px);box-shadow:inset 0 1px #ffffffeb,inset 0 -2px color-mix(in srgb,var(--app-accent) 24%,transparent),0 8px 16px #1f363a1f}.custom-select.open .custom-select-trigger{border-color:var(--enamel-button-teal);transform:none;box-shadow:0 0 0 2px #2f86a024,inset 0 -2px color-mix(in srgb,var(--app-accent) 24%,transparent)}.custom-select-options{margin-top:6px;border:1px solid var(--enamel-button-border);border-radius:7px;background:var(--enamel-button-surface);color:var(--enamel-button-ink);position:absolute;left:0;right:0;z-index:9;max-height:240px;overflow:auto;display:none;box-shadow:0 10px 24px #1f363a24}.custom-select.open .custom-select-options{display:block}.custom-option{padding:8px 10px;cursor:pointer;font-size:13px;transition:background-color .12s ease,box-shadow .12s ease}.custom-option+.custom-option{border-top:1px solid var(--enamel-button-border)}.custom-option:hover,.custom-option.selected{background:#2f86a01c;box-shadow:inset 3px 0 0 var(--enamel-button-teal)}.custom-arrow{width:12px;height:12px;flex:0 0 12px;box-sizing:border-box;border:0;border-right:2px solid var(--enamel-button-ink);border-bottom:2px solid var(--enamel-button-ink);transform:rotate(-45deg);margin-left:10px;pointer-events:none;transition:transform .14s ease}.custom-select.open .custom-arrow{transform:rotate(45deg)}#theme-preview-grid[hidden]{display:none!important}.palette-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:14px}.palette-sidebar{padding:14px}.palette-sidebar .panel-head h2{font-size:15px;font-weight:600;line-height:1.2}.palette-list{display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 250px);overflow:auto}.palette-list .palette-item:first-child{margin-top:4px}.palette-item{position:relative;flex-shrink:0;isolation:isolate;overflow:hidden;width:100%;text-align:left;border:1px solid var(--enamel-button-border);border-radius:7px;background:var(--enamel-button-surface);color:var(--enamel-button-ink);padding:10px 12px;cursor:pointer;box-shadow:inset 0 1px #ffffffe6,inset 0 -1px color-mix(in srgb,var(--app-text-strong) 10%,transparent),0 4px 10px #1f363a12;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.palette-item:before{content:"";position:absolute;inset:0 auto 0 0;z-index:-1;width:3px;background:var(--enamel-button-teal);opacity:1;transition:width .18s ease,opacity .18s ease}.palette-item:is(:hover,:focus-visible){border-color:#12667a7a;transform:translateY(-1px);box-shadow:inset 0 1px #ffffffe6,inset 0 -2px color-mix(in srgb,var(--app-accent) 24%,transparent),0 7px 14px #1f363a1c}.palette-item:not(.is-active):is(:hover,:focus-visible):before{width:100%;opacity:.1}.palette-item.is-active{border-color:var(--enamel-button-teal);background:color-mix(in srgb,var(--app-accent) 7%,var(--enamel-button-surface));box-shadow:inset 0 0 0 1px #2f86a02e,0 7px 15px #1f363a1c}.palette-item.is-active:before{width:4px}.palette-item:active{transform:translateY(1px) scale(.985)}.palette-item-title{font-size:17px;font-weight:700}.palette-item-meta{margin-top:6px;display:flex;gap:6px;flex-wrap:wrap}.palette-chip{display:inline-flex;align-items:center;height:20px;border-radius:999px;padding:0 8px;font-size:11px;color:#fff;background:var(--enamel-button-primary)}.palette-chip.custom{background:var(--enamel-button-teal)}.palette-chip.current{background:var(--enamel-button-gold);color:#26383b}.palette-editor{padding:14px}.palette-toolbar{display:grid;grid-template-columns:minmax(0,1fr) repeat(5,auto);gap:8px;margin-bottom:10px}.palette-name-input{min-height:38px;border:1px solid var(--app-border-control);border-radius:10px;padding:0 12px;font-size:16px;color:var(--app-text-strong);background:var(--app-surface-control)}.palette-name-input:disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.2)}.palette-dimension-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid var(--enamel-button-border);border-radius:7px;overflow:hidden;margin-bottom:10px;background:var(--enamel-button-surface);box-shadow:inset 0 1px #ffffffe6,0 5px 12px #1f363a14}.palette-dimension-tab{min-height:48px;border:none;border-right:1px solid var(--enamel-button-border);background:var(--enamel-button-surface);color:var(--enamel-button-ink);font-size:22px;font-weight:700;letter-spacing:0;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.palette-dimension-tab:last-child{border-right:none}.palette-dimension-tab.is-active{background:var(--enamel-button-primary);color:var(--enamel-button-primary-text);box-shadow:inset 0 3px 0 var(--enamel-button-teal),inset 0 -3px 0 var(--enamel-button-gold)}.palette-dimension-tab:not(.is-active):hover{background:var(--enamel-button-surface);box-shadow:inset 0 -3px #2f86a047}.palette-dimension-tab:active{transform:translateY(1px);box-shadow:inset 0 2px 5px #1f363a2e}.color-panel,.preview-panel{border:1px solid var(--app-border-structure);border-radius:12px;background:var(--app-surface-soft);padding:10px}.color-panel-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;font-size:24px;color:var(--app-text-strong);font-weight:700;margin-bottom:8px}.color-panel-head .palette-note{min-height:0;margin:0 0 0 auto;font-size:13px;font-weight:500;text-align:right}.color-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 14px}.editor-workspace{position:relative}.editor-targets{border:1px solid var(--app-border-structure);border-radius:10px;background:var(--app-surface-light);padding:8px}.color-grid-targets{grid-template-columns:repeat(auto-fill,minmax(50px,50px));grid-auto-rows:50px;gap:7px;justify-content:start}.color-item{display:flex;align-items:center;gap:7px;min-width:0}.color-target{border:1px solid var(--enamel-button-border);border-radius:7px;background:var(--enamel-button-surface);width:50px;height:50px;min-height:50px;display:flex;align-items:center;justify-content:center;gap:0;padding:0;cursor:pointer;position:relative;overflow:hidden;box-shadow:inset 0 -1px color-mix(in srgb,var(--app-text-strong) 10%,transparent),0 3px 7px #1f363a14;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.color-target:hover{border-color:var(--enamel-button-teal);transform:translateY(-1px);box-shadow:inset 0 -2px color-mix(in srgb,var(--app-accent) 24%,transparent),0 6px 12px #1f363a1f}.color-grid-targets.is-readonly .color-target{cursor:not-allowed}.color-grid-targets.is-readonly .color-target:hover{border-color:var(--enamel-button-border);transform:none}.color-target.is-active-target{border-color:var(--enamel-button-teal);box-shadow:inset 0 0 0 2px #2f86a038,0 6px 12px #1f363a1f}.color-target:active{transform:translateY(1px) scale(.94)}.color-target-chip{position:absolute;inset:0;width:auto;height:auto;border-radius:6px;border:none}.color-target-label{font-size:21px;color:#4f4336;font-weight:700;line-height:1;position:relative;z-index:1;text-shadow:0 1px 0 rgba(255,255,255,.28),0 0 2px rgba(0,0,0,.2)}.color-target.is-compact-value .color-target-label{font-size:14px}.palette-expand-target{grid-column:span 2;width:107px;min-width:107px;height:50px;min-height:50px;padding:0 12px;font-size:14px;line-height:1}.color-target.is-extended .color-target-label{font-size:10px}.editor-palette{border:none;border-radius:0;background:transparent;padding:0;box-shadow:none}.editor-palette-popover{position:absolute;z-index:8;min-width:324px;width:324px;max-width:min(324px,calc(100vw - 22px));border:1px solid var(--app-border-structure);border-radius:14px;background:var(--app-surface-control);padding:8px;box-shadow:0 10px 24px #2a4a4e2e;margin-top:0;display:none;left:0;top:0;box-sizing:border-box}.editor-palette-popover.is-open{display:block}.editor-palette-head{font-size:13px;color:var(--app-text-muted);font-weight:700;margin-bottom:8px}.editor-palette-tile{display:none}.swatch-tile-chip{width:32px;height:32px;border-radius:10px;border:1px solid rgba(0,0,0,.38);background:#edc22e;box-sizing:border-box}.swatch-tile-value{font-size:20px;line-height:1;font-weight:700;color:#3a3128}.editor-palette-main{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:0;align-items:stretch}.editor-picker-left{min-width:0;border:1px solid var(--app-border-structure);border-right:none;border-radius:10px 0 0 10px;background:var(--app-surface-control);padding:8px 8px 10px;box-sizing:border-box}.picker-sv{position:relative;width:100%;aspect-ratio:1.62 / 1;border:1px solid #1f1a15;border-radius:0;overflow:hidden;cursor:crosshair;background:linear-gradient(to top,#000,#0000),linear-gradient(to right,#fff,#edc22e)}.picker-sv-cursor{position:absolute;width:12px;height:12px;margin-left:-6px;margin-top:-6px;border-radius:999px;border:2px solid #fff;box-shadow:0 0 0 1px #332a22;pointer-events:none}.picker-controls-row{margin-top:6px;display:grid;grid-template-columns:24px minmax(0,1fr);gap:6px;align-items:center}.picker-current-dot{width:24px;height:24px;border-radius:999px;border:1px solid rgba(0,0,0,.35);background:#edc22e}.picker-hue{width:100%;height:10px;margin:0;appearance:none;border-radius:999px;border:1px solid #d4c6b5;background:linear-gradient(90deg,red,#f0f 16%,#00f,#0ff 50%,#0f0 66%,#ff0,red)}.picker-hue::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:999px;border:2px solid #fff;box-shadow:0 0 0 1px #7a5f45;background:#fff;cursor:pointer}.picker-hue::-moz-range-thumb{width:14px;height:14px;border-radius:999px;border:2px solid #fff;box-shadow:0 0 0 1px #7a5f45;background:#fff;cursor:pointer}.picker-rgb-row{margin-top:8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.picker-rgb-row label{display:flex;flex-direction:column;gap:4px;align-items:center}.picker-rgb-row input{width:100%;height:28px;border:1px solid var(--app-border-control);border-radius:0;background:var(--app-surface-control);text-align:center;font-size:24px;color:var(--app-text-strong);box-sizing:border-box}.picker-rgb-row span{font-size:18px;color:var(--app-text-muted);font-weight:700}.editor-presets-right{border:1px solid var(--app-border-structure);border-left:none;border-radius:0 10px 10px 0;background:var(--app-surface-control);padding:8px 8px 10px;box-sizing:border-box}.swatch-grid{display:grid;gap:8px}.swatch-grid-presets{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px 8px}.swatch-chip{border:1px solid rgba(31,54,58,.26);border-radius:7px;aspect-ratio:1 / 1;min-height:28px;cursor:pointer;box-sizing:border-box;background-clip:padding-box;box-shadow:inset 0 1px #ffffff57,0 2px 5px #1f363a1f;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.swatch-chip:hover{transform:translateY(-1px);border-color:var(--enamel-button-teal);box-shadow:inset 0 1px #ffffff57,0 5px 10px #1f363a29}.swatch-chip.is-active-swatch{border-color:var(--enamel-button-teal);box-shadow:inset 0 0 0 2px var(--enamel-button-surface),inset 0 0 0 4px var(--enamel-button-teal),0 4px 9px #1f363a26}.swatch-chip:active{transform:translateY(1px) scale(.9)}.swatch-chip:disabled{cursor:not-allowed;opacity:.58;transform:none}.color-item span{font-size:18px;color:var(--app-text-muted);font-weight:700}.color-item.is-locked,.color-item.is-locked input[type=color]{cursor:not-allowed;opacity:.72}.preview-panel{margin-top:10px}.preview-layout{display:grid;grid-template-columns:minmax(0,var(--pp-preview-board-content-size));gap:12px;align-items:start;justify-content:center}.preview-board-wrap{width:var(--pp-preview-board-content-size);min-width:0}.palette-board-preview{width:var(--pp-preview-board-content-size);max-width:var(--pp-preview-board-content-size);height:auto;aspect-ratio:1 / 1;float:none;margin:0;padding:15px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:15px;box-sizing:border-box}.palette-board-preview .preview-tile{position:relative;width:100%;height:100%;transform:none!important;transition:none}.palette-board-preview .preview-tile .tile-inner{width:100%;height:100%;line-height:1}.palette-note{margin:10px 0 0;min-height:20px;font-size:13px;color:var(--pp-muted)}.palette-note.ok{color:var(--app-success)}.palette-note.err{color:var(--app-danger)}html[data-night-background="1"] body[data-page=palette-hub]{--pp-bg: var(--app-page-bg);--pp-panel: var(--app-surface-light);--pp-line: var(--app-border-structure);--pp-ink: var(--app-text-strong);--pp-muted: var(--app-text-muted);--pp-btn: var(--app-action-bg);--pp-btn-hover: var(--app-action-muted-hover-bg);--pp-soft: var(--app-surface-soft);color:var(--pp-ink)}html[data-night-background="1"] body[data-page=palette-hub] .palette-kicker,html[data-night-background="1"] body[data-page=palette-hub] .palette-subtitle,html[data-night-background="1"] body[data-page=palette-hub] .palette-item-meta,html[data-night-background="1"] body[data-page=palette-hub] .color-target-label,html[data-night-background="1"] body[data-page=palette-hub] .editor-palette-head,html[data-night-background="1"] body[data-page=palette-hub] .picker-rgb-row span,html[data-night-background="1"] body[data-page=palette-hub] .palette-variant-note,html[data-night-background="1"] body[data-page=palette-hub] .palette-note{color:var(--app-text-muted)}html[data-night-background="1"] body[data-page=palette-hub] .palette-title,html[data-night-background="1"] body[data-page=palette-hub] .panel-head h2,html[data-night-background="1"] body[data-page=palette-hub] .theme-selection-col>label,html[data-night-background="1"] body[data-page=palette-hub] .color-panel-head,html[data-night-background="1"] body[data-page=palette-hub] .swatch-tile-value{color:var(--app-text-strong)}html[data-night-background="1"] body[data-page=palette-hub] .card-surface,html[data-night-background="1"] body[data-page=palette-hub] .palette-toolbar,html[data-night-background="1"] body[data-page=palette-hub] .color-panel,html[data-night-background="1"] body[data-page=palette-hub] .preview-panel,html[data-night-background="1"] body[data-page=palette-hub] .editor-targets,html[data-night-background="1"] body[data-page=palette-hub] .editor-palette,html[data-night-background="1"] body[data-page=palette-hub] .editor-palette-tile,html[data-night-background="1"] body[data-page=palette-hub] .picker-rgb-row label,html[data-night-background="1"] body[data-page=palette-hub] .preview-board-wrap{background:var(--app-surface-light);border-color:var(--app-border-structure);box-shadow:0 18px 36px #01050e52,inset 0 1px #ffffff0a}html[data-night-background="1"] body[data-page=palette-hub] .panel-pill{background:var(--app-surface-soft);color:var(--app-text-strong)}html[data-night-background="1"] body[data-page=palette-hub] .palette-item.is-active,html[data-night-background="1"] body[data-page=palette-hub] .color-target.is-active-target,html[data-night-background="1"] body[data-page=palette-hub] .swatch-chip.is-active-swatch{border-color:var(--enamel-button-teal)}html[data-night-background="1"] body[data-page=palette-hub] .palette-name-input,html[data-night-background="1"] body[data-page=palette-hub] .picker-rgb-row input{background:var(--app-surface-control);border-color:var(--app-border-control);color:var(--app-text-strong)}html[data-night-background="1"] body[data-page=palette-hub] .custom-arrow{border-right-color:var(--app-text-strong);border-bottom-color:var(--app-text-strong)}html[data-night-background="1"] body[data-page=palette-hub] .custom-option+.custom-option,html[data-night-background="1"] body[data-page=palette-hub] .palette-dimension-tab+.palette-dimension-tab{border-color:var(--app-border-structure)}html[data-night-background="1"] body[data-page=palette-hub] .palette-name-input::placeholder,html[data-night-background="1"] body[data-page=palette-hub] .picker-rgb-row input::placeholder{color:var(--app-text-muted)}html[data-night-background="1"] body[data-page=palette-hub] .palette-nav-btn{background:transparent;color:var(--app-text-strong);border-color:var(--app-border-control);box-shadow:0 10px 22px #0206103d,inset 0 0 0 1px #ffffff14}html[data-night-background="1"] body[data-page=palette-hub] .palette-nav-btn:hover{background:var(--app-accent-soft);color:var(--app-link-hover)}@media(max-width:1100px){.palette-grid{grid-template-columns:1fr}.palette-list{max-height:280px}.preview-layout{grid-template-columns:minmax(0,1fr)}.preview-board-wrap{width:min(var(--pp-preview-board-content-size),100%)}.palette-board-preview{width:min(var(--pp-preview-board-content-size),100%);max-width:var(--pp-preview-board-content-size)}}@media(max-width:760px){body[data-page=palette-hub]{padding-inline:0}.palette-page-shell{width:calc(100vw - 14px);margin:10px auto 18px}.palette-page-header{flex-direction:column;align-items:flex-start}.settings-category-nav{grid-template-columns:1fr}.settings-disclosure summary{align-items:flex-start}.custom-secondary-timer-generator{grid-template-columns:repeat(2,minmax(0,1fr))}.custom-secondary-timer-generator .replay-button{grid-column:1 / -1}.palette-toolbar{grid-template-columns:1fr}.palette-dimension-tab{font-size:20px;min-height:44px}.editor-workspace{position:relative}.color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.color-grid-targets{grid-template-columns:repeat(auto-fill,minmax(50px,50px));grid-auto-rows:50px;justify-content:start}}@media(max-width:520px){:root{--pp-preview-board-content-size: 280px;--pp-preview-board-total-size: 280px}.palette-board-preview{padding:10px;gap:10px}}