/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.grid{display:grid}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.sepia{--tw-sepia:sepia(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--chrome:#171511;--chrome-2:#211e1a;--line:#403a33;--text:#f1ece3;--muted:#b0a89c;--accent:#d39152;--focus:#e0aa72;--felt:#33483d}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--chrome);color:var(--text);font-family:Bahnschrift,DIN Alternate,sans-serif;font-size:14px}button,select,input{font:inherit}button,select,.file-button{height:34px;color:var(--text);cursor:pointer;background:#292620;border:1px solid #474139;border-radius:6px;padding:0 11px;transition:background-color .12s,border-color .12s,color .12s}button:hover,select:hover,.file-button:hover{background:#34302a;border-color:#655b50}button:active,.file-button:active{background:#211e1a}button:disabled{cursor:default;opacity:.45}:is(button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.active-tool,.active-tool:hover{color:#f4d8b7;background:#443321;border-color:#a87749}.app-shell{grid-template-rows:58px 1fr 34px;height:100dvh;display:grid}.app-shell.ui-scale-large{grid-template-rows:62px 1fr 36px;font-size:15px}.app-shell.ui-scale-extra{grid-template-rows:66px 1fr 38px;font-size:16px}.ui-scale-large button,.ui-scale-large select,.ui-scale-large .file-button{min-height:38px}.ui-scale-extra button,.ui-scale-extra select,.ui-scale-extra .file-button{min-height:42px}.topbar{color-scheme:var(--ui-scheme,light);z-index:20;border-bottom:1px solid var(--theme-border,#c9b89f);background:var(--theme-panel,#eee3d1);color:var(--theme-text,#392f27);align-items:center;gap:6px;padding:0 10px;display:flex;position:relative;overflow:visible;box-shadow:inset 0 -1px #0000002e}.topbar>*{flex-shrink:0}.brand-button{border:0;border-right:1px solid var(--theme-border,#c9b89f);height:42px;color:var(--theme-text,#332b24);background:0 0;border-radius:0;align-items:center;gap:8px;margin-right:2px;padding:0 14px 0 2px;display:flex}.brand-button:hover{background:var(--theme-control,#f7efe4);color:var(--theme-accent,#6f4c32)}.brand-mark,.menu-brand-mark{background:0 0;border:0;border-radius:0;grid-template-columns:1fr 1fr;gap:2px;width:32px;height:32px;padding:3px;display:grid;overflow:visible}.brand-mark i,.menu-brand-mark i{border-radius:2px;display:block;position:relative}.brand-mark i:first-child,.menu-brand-mark i:first-child{background:#c76f4f}.brand-mark i:nth-child(2),.menu-brand-mark i:nth-child(2){background:var(--theme-muted-panel,#d5a642)}.brand-mark i:nth-child(3),.menu-brand-mark i:nth-child(3){background:#66836d}.brand-mark i:nth-child(4),.menu-brand-mark i:nth-child(4){background:#9b7180}.brand-mark i:first-child:after,.menu-brand-mark i:first-child:after,.brand-mark i:nth-child(3):after,.menu-brand-mark i:nth-child(3):after{content:"";background:inherit;z-index:2;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;right:-3px;transform:translateY(-50%)}.brand-mark i:nth-child(2):after,.menu-brand-mark i:nth-child(2):after{content:"";background:inherit;z-index:2;border-radius:50%;width:6px;height:6px;position:absolute;bottom:-3px;left:50%;transform:translate(-50%)}.brand-mark i:nth-child(4):after,.menu-brand-mark i:nth-child(4):after{content:"";background:inherit;z-index:2;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;right:-3px;transform:translateY(-50%)}.brand-label{font-size:15px;font-weight:700}.brand-menu-hint{color:var(--theme-muted,#786a5b);font-size:11px}.topbar-menus,.topbar-actions,.topbar-session{align-items:center;gap:4px;display:flex}.topbar-menus{min-width:0}.topbar-session{border-left:1px solid var(--theme-border,#c9b89f);min-width:0;padding-left:7px}.presence{min-width:54px;color:var(--theme-muted,#786a5b);margin-right:5px;font-size:12px}.presence-online{color:var(--theme-muted,#496b52)}.player-chip{text-overflow:ellipsis;white-space:nowrap;max-width:120px;color:var(--theme-text,#554a40);border-left:3px solid;padding-left:8px;font-size:12px;overflow:hidden}.save-notice{color:var(--theme-muted,#4f6c57);font-size:12px}.toolbar-spacer{flex:16px;min-width:8px}.toolbar-menu{position:relative}.toolbar-menu:first-child{--tool-color:#c76f4f}.toolbar-menu:nth-child(2){--tool-color:#66836d}.toolbar-menu:nth-child(3){--tool-color:#d5a642}.toolbar-menu:nth-child(4){--tool-color:#9b7180}.toolbar-menu:nth-child(5){--tool-color:#7d634d}.toolbar-menu>summary{height:36px;color:var(--theme-text,#44382e);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:7px;padding:0 10px;list-style:none;display:flex}.toolbar-menu>summary:before{content:"";background:var(--tool-color);width:11px;height:11px;box-shadow:3px 0 0 -1px var(--tool-color);border-radius:3px 3px 3px 1px;flex:0 0 11px}.toolbar-menu>summary::-webkit-details-marker{display:none}.toolbar-menu>summary::marker{content:""}.toolbar-menu>summary:hover{border-color:var(--theme-border,#c5b398);background:var(--theme-control,#f7efe3)}.toolbar-menu>summary:after{content:"▾";color:var(--muted);font-size:10px;transition:transform .12s}.toolbar-menu[open]>summary{border-color:var(--theme-border,#4b6554);color:#fffaf1;background:#587260}.toolbar-menu[open]>summary:after{color:#f4dbc0;transform:rotate(180deg)}.toolbar-piece{--piece-color:#66836d;background:var(--piece-color);border-radius:2px;flex:0 0 13px;width:13px;height:13px;position:relative}.toolbar-piece:before,.toolbar-piece:after{content:"";background:var(--piece-color);border-radius:50%;position:absolute}.toolbar-piece:before{width:6px;height:6px;top:3px;right:-3px}.toolbar-piece:after{width:5px;height:5px;top:-2px;left:4px}.toolbar-piece-puzzle{--piece-color:#c76f4f}.toolbar-piece-board{--piece-color:#66836d}.toolbar-piece-sorting{--piece-color:#b9892f}.toolbar-piece-annotations{--piece-color:#9b7180}.toolbar-piece-room{--piece-color:#6d806e}.toolbar-menu[open] .toolbar-piece{outline-offset:1px;outline:1px solid #ffffff85}.toolbar-menu-settings>summary:before{display:none}.settings-symbol{color:var(--theme-muted,#69594a);font-size:16px;line-height:1}.toolbar-menu-settings[open] .settings-symbol{color:#fffaf1}.topbar-actions>button{border-color:var(--theme-border,#c5b398);background:var(--theme-control,#f9f2e7);color:var(--theme-text,#3d332b)}.topbar-actions>button:hover{border-color:var(--theme-border,#a99578);background:var(--theme-control,#fffaf2)}.topbar-actions>button.active-tool{border-color:var(--theme-border,#4c6956);color:#fffaf2;background:#5d7965}.toolbar-popover{border:1px solid var(--theme-border,#c8b79f);background:var(--theme-panel,#f5ecde);width:270px;color:var(--theme-text,#3b322a);z-index:30;border-radius:7px;gap:9px;padding:12px;display:grid;position:absolute;top:39px;left:0;box-shadow:0 3px 8px #45311f2e}.toolbar-popover button,.toolbar-popover .popover-button,.toolbar-popover .annotation-color{justify-content:center;width:100%}.toolbar-popover button,.toolbar-popover select,.toolbar-popover .file-button,.toolbar-popover .annotation-color{border-color:var(--theme-border,#c7b59c);background:var(--theme-control,#fffaf2);color:var(--theme-text,#3d332b)}.toolbar-popover button:hover,.toolbar-popover select:hover,.toolbar-popover .file-button:hover{border-color:var(--theme-border,#a58f70);background:var(--theme-control,#fff)}.toolbar-popover button.active-tool{border-color:var(--theme-border,#66806d);background:var(--theme-panel,#e2ebe2);color:var(--theme-text,#385342)}.toolbar-popover button.primary-button{border-color:var(--theme-border,#a85539);color:#fffaf3;background:#bd684a}.popover-field{color:#6e6256;gap:5px;font-size:12px;display:grid}.popover-field select{width:100%}.arrangement-field small{color:#8a7a69;line-height:1.35}.tool-shortcut{color:#796b5e;margin:1px 0 0;font-size:11px;line-height:1.45}.tool-shortcut kbd{color:#4d4339;background:#fffdf8;border:1px solid #c9b9a4;border-bottom-width:2px;border-radius:5px;place-items:center;min-width:23px;height:21px;margin-right:4px;font:700 11px/1 inherit;display:inline-grid}.depth-field>span{justify-content:space-between;display:flex}.depth-field input[type=range]{accent-color:#b8753e;width:100%}.popover-row,.ping-mode-selector{grid-template-columns:1fr 1fr;gap:7px;display:grid}.ping-wheel{z-index:80;pointer-events:none;width:1px;height:1px;position:fixed}.ping-wheel:before{content:"";background:#231d17c7;border:1px solid #fff5e461;border-radius:50%;width:208px;height:208px;position:absolute;top:0;left:0;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0000003d}.ping-wheel-hub{color:#e9dcca;background:#332a22;border:1px solid #fff5e47a;border-radius:50%;place-items:center;width:54px;height:54px;font-size:10px;display:grid;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.ping-wheel button{color:#44372c;text-align:left;background:#f7ecdb;border:1px solid #a99478;border-radius:7px;grid-template-columns:20px 1fr;align-items:center;gap:5px;width:88px;min-height:42px;padding:5px 7px;transition:background-color .12s,border-color .12s,color .12s;display:grid;position:absolute;top:0;left:0}.ping-wheel button strong{text-align:center;font-size:17px;line-height:1}.ping-wheel button span{font-size:10px;line-height:1.15}.ping-wheel button.is-selected{color:#fffaf2;background:#a75f35;border-color:#f4d09f}.ping-wheel button:disabled{opacity:.34}.piece-lock-notice{z-index:15;color:#fffaf2;pointer-events:none;background:#282019eb;border:1px solid #fff8eb9e;border-radius:7px;padding:8px 11px;font-size:13px;position:absolute;bottom:54px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000002e}.compact-popover{width:250px}.toolbar-popover p{color:var(--theme-muted,#75695d);margin:0;font-size:12px;line-height:1.4}.room-popover{gap:12px;width:320px}.tools-popover,.settings-popover{gap:0;width:300px;padding:0;overflow:hidden}.tool-section{gap:8px;padding:12px;display:grid}.tool-section+.tool-section{border-top:1px solid #d3c4b0}.tool-section-heading{justify-content:space-between;align-items:center;gap:12px;min-height:20px;display:flex}.tool-section-heading strong{color:#40352c;font-size:13px}.tool-section-heading span{color:#7d6e60;font-size:11px}.tools-popover>p{background:#eee2d2;border-top:1px solid #d3c4b0;padding:9px 12px}.room-role{border-bottom:1px solid #d3c4b0;gap:3px;padding-bottom:10px;display:grid}.room-role span{color:#74685c;font-size:12px;line-height:1.4}.room-rules{gap:9px;display:grid}.room-profile-fields{grid-template-columns:1fr 76px;gap:8px;display:grid}.room-profile-fields label{color:#6e6256;gap:4px;font-size:12px;display:grid}.room-profile-fields input{color:#3d332b;background:#fffaf2;border:1px solid #c7b59c;border-radius:6px;width:100%;height:34px;padding:4px 8px}.room-members{border-bottom:1px solid #d3c4b0;gap:5px;padding-block:2px 10px;display:grid}.room-member{grid-template-columns:11px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:30px;display:grid}.room-member>i{border:1px solid #2a1f1647;border-radius:50%;width:10px;height:10px}.room-member>span{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.room-member>em{color:#677963;font-size:11px;font-style:normal}.room-member-actions{gap:4px;display:flex!important;overflow:visible!important}.room-member-actions button{width:auto;min-width:30px;padding:4px 6px;font-size:11px}.audio-settings{border-top:1px solid #d3c4b0;gap:10px;padding-top:11px;display:grid}.settings-popover .audio-settings{border-top:1px solid var(--theme-border,#d3c4b0);padding-top:12px}.audio-field{color:#6e6256;gap:6px;font-size:12px;display:grid}.audio-field>span{justify-content:space-between;display:flex}.audio-field>div{grid-template-columns:1fr 66px;align-items:center;gap:7px;display:grid}.audio-field input{accent-color:#b8753e;width:100%}.audio-field button{padding-inline:7px}.topbar kbd{border:1px solid var(--theme-border,#b9a68d);background:var(--theme-panel,#e6d9c6);color:var(--theme-text,#574b3f);border-radius:4px;margin-left:5px;padding:1px 4px;font:11px/1.2 Aptos,Calibri,sans-serif}.primary-button{background:#955c30;border-color:#bd7844}.primary-button:hover{background:#a96637;border-color:#d08a53}.file-button{align-items:center;display:inline-flex}.file-button input{display:none}.file-button.is-disabled{cursor:default;opacity:.45}.table-furniture{background-color:#654426;background-image:repeating-linear-gradient(91deg,#ffffff09 0 1px,#0000 1px 14px),repeating-linear-gradient(3deg,#23120821 0 2px,#0000 2px 31px),linear-gradient(145deg,#8d633b,#56371e 62%,#76502d);min-height:0;padding:17px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #2f1c0f,inset 0 0 20px #00000080}.table-furniture:before{content:"";pointer-events:none;border:1px solid #f5d2a333;position:absolute;inset:5px}.table-surface{background-color:#35473c;background-image:repeating-linear-gradient(25deg,#ffffff04 0 1px,#0000 1px 3px),repeating-linear-gradient(115deg,#00000005 0 1px,#0000 1px 4px);border:1px solid #18110cc7;height:100%;transition:background-color .16s;position:relative;overflow:hidden;box-shadow:inset 0 0 34px #0000004f,0 0 0 2px #efd3a817}.table-surface:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 100px #00000042}.surface-forest{background-color:#35473c}.surface-charcoal{background-color:#343433;background-image:repeating-linear-gradient(22deg,#ffffff05 0 1px,#0000 1px 3px),repeating-linear-gradient(112deg,#00000009 0 1px,#0000 1px 4px)}.surface-linen{background-color:#c7bda9;background-image:repeating-linear-gradient(0deg,#493c2c0f 0 1px,#0000 1px 4px),repeating-linear-gradient(90deg,#ffffff1c 0 1px,#0000 1px 5px)}.surface-burgundy{background-color:#603d3d;background-image:repeating-linear-gradient(27deg,#ffffff05 0 1px,#0000 1px 3px),repeating-linear-gradient(117deg,#00000009 0 1px,#0000 1px 4px)}.surface-cork{background-color:#9a7650;background-image:radial-gradient(at 12% 28%,#4a2c1729 0 1px,#0000 2px),radial-gradient(at 71% 63%,#ffebc221 0 1px,#0000 2px),radial-gradient(at 43% 81%,#4326141f 0 2px,#0000 3px);background-size:19px 23px,27px 21px,31px 29px}.table-surface canvas{touch-action:none;cursor:grab;width:100%;height:100%;position:absolute;inset:0}.table-surface canvas.is-dragging{cursor:grabbing}.table-surface canvas.is-panning{cursor:move}.performance-hud{z-index:15;color:#fff8ed;pointer-events:none;background:#241f19e0;border:1px solid #efdcbe8c;border-radius:6px;gap:2px;min-width:180px;padding:9px 11px;font:12px/1.3 Bahnschrift,DIN Alternate,sans-serif;display:grid;position:absolute;top:14px;left:14px}.performance-hud strong{color:#f2c28d;font-size:14px}.performance-hud span{color:#d9d0c4}.touch-piece-controls,.tablet-reference-toggle{display:none}@media (pointer:coarse){.touch-piece-controls{z-index:17;background:#332b24;border:1px solid #eed9b594;border-radius:8px;align-items:stretch;display:flex;position:absolute;bottom:58px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000047}.touch-piece-controls>span{color:#c9bbaa;text-align:center;border-right:1px solid #655747;place-items:center;gap:3px;max-width:112px;padding:0 10px;font:600 11px/1 Bahnschrift,DIN Alternate,sans-serif;display:grid}.touch-piece-controls>span b{color:#fff3e2;font-size:12px}.touch-piece-controls>span small{color:#c9bbaa;font-size:9px;line-height:1.2}.touch-piece-controls button{color:#fff3e2;background:#3d342c;border:0;border-right:1px solid #655747;border-radius:0;grid-template-rows:24px auto;place-items:center;min-width:64px;min-height:54px;padding:5px 10px;display:grid}.touch-piece-controls button:last-child{border-right:0}.touch-piece-controls button:active{background:#5b4939}.touch-piece-controls b{font-size:22px;line-height:1}.touch-piece-controls small{color:#d4c6b6;font-size:10px}}.table-surface canvas.is-placing-tray,.table-surface canvas.is-releasing-frame{cursor:crosshair}.table-surface canvas.color-vision-protanopia{filter:contrast(1.13)saturate(.88)hue-rotate(14deg)}.table-surface canvas.color-vision-deuteranopia{filter:contrast(1.13)saturate(.9)hue-rotate(-12deg)}.table-surface canvas.color-vision-tritanopia{filter:contrast(1.16)saturate(.92)hue-rotate(32deg)}.tray-placement-notice{z-index:16;color:#fffaf2;pointer-events:none;background:#282019eb;border:1px solid #fff8eb94;border-radius:7px;padding:8px 11px;font-size:12px;position:absolute;bottom:54px;left:50%;transform:translate(-50%)}.compact-field{color:var(--muted);align-items:center;gap:7px;display:flex}.compact-field select{min-width:78px}.annotation-color{height:34px;color:var(--muted);background:#2a2723;border:1px solid #474139;border-radius:7px;align-items:center;gap:6px;padding:0 8px;font-size:12px;display:inline-flex}.annotation-color input[type=color]{background:0 0;border:0;border-radius:50%;width:20px;height:20px;padding:0}.tray-picker{align-items:center;gap:4px;display:flex}.tray-picker select{min-width:78px}.tray-picker input{width:132px;height:34px;color:var(--text);background:#211f1c;border:1px solid #474139;border-radius:7px;padding:0 9px}.tray-picker input:focus{outline-offset:1px;outline:2px solid #c4874d7a}.reference-panel{width:min(var(--reference-width,240px), calc(100vw - 64px));border:1px solid var(--theme-border,#ebe2d347);z-index:2;background:#24211d;border-radius:8px;max-width:calc(100vw - 64px);position:absolute;top:14px;right:14px;overflow:hidden;box-shadow:0 2px 8px #00000042}.reference-header{border-bottom:1px solid var(--line);height:30px;color:var(--muted);justify-content:space-between;align-items:center;padding:0 10px;font-size:12px;display:flex}.reference-actions{align-items:center;gap:3px;display:flex}.reference-actions button{border-radius:5px;width:24px;height:23px;padding:0;line-height:1}.reference-panel img{object-fit:contain;background:#11100e;width:100%;max-height:min(55vh,440px);display:block}.reference-panel.is-high-contrast img{filter:contrast(1.5)saturate(1.2)brightness(1.02)}.reference-panel.color-vision-protanopia img{filter:contrast(1.13)saturate(.88)hue-rotate(14deg)}.reference-panel.color-vision-deuteranopia img{filter:contrast(1.13)saturate(.9)hue-rotate(-12deg)}.reference-panel.color-vision-tritanopia img{filter:contrast(1.16)saturate(.92)hue-rotate(32deg)}.reference-panel.is-high-contrast.color-vision-protanopia img{filter:contrast(1.55)saturate(1.02)hue-rotate(14deg)}.reference-panel.is-high-contrast.color-vision-deuteranopia img{filter:contrast(1.55)saturate(1.04)hue-rotate(-12deg)}.reference-panel.is-high-contrast.color-vision-tritanopia img{filter:contrast(1.58)saturate(1.05)hue-rotate(32deg)}.reference-panel.is-fullscreen{max-width:none;height:100vh;box-shadow:none;z-index:50;background:#0f0e0c;border:0;border-radius:0;grid-template-rows:44px 1fr;display:grid;position:fixed;inset:0;width:100vw!important}.reference-panel.is-fullscreen .reference-header{height:44px;padding:0 14px}.reference-panel.is-fullscreen img{object-fit:contain;width:100%;height:calc(100vh - 44px);max-height:none}.secondary-reference-panel{top:auto;bottom:74px}.secondary-reference-panel.is-fullscreen{top:0;bottom:0}.secondary-reference-panel .reference-header small{color:var(--theme-muted,#9f968b);font-size:10px}.reference-tabs{align-items:center;gap:3px;display:flex}.reference-tabs button{border-radius:5px;width:24px;height:23px;padding:0;line-height:1}.reference-tabs button.is-active,.reference-tabs button[aria-selected=true]{border-color:var(--theme-border,#b38455);color:#fff2de;background:#4d3927}.reference-collection-panel .reference-header{padding-left:6px}.race-panel{color:#f4eadb;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:7;background:#26211bf0;border:1px solid #f1dcb857;border-radius:9px;width:min(292px,100% - 28px);padding:12px;position:absolute;bottom:74px;right:14px;box-shadow:0 6px 20px #00000047}.race-panel-header{border-bottom:1px solid #50473c;justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:flex}.race-panel-header>div{gap:2px;display:grid}.race-panel-header span{color:#c8bbaa;font-size:11px}.race-panel-header strong{font-variant-numeric:tabular-nums;font-size:18px}.race-player-count{text-align:center;background:#302a24;border:1px solid #736149;border-radius:5px;min-width:38px;padding:5px 7px;font-weight:700;color:#ead5b5!important}.race-progress-list{gap:11px;padding:11px 0;display:grid}.race-progress-list>p,.race-waiting{color:#bdb1a2;margin:0;font-size:12px;line-height:1.45}.race-progress-row{gap:5px;display:grid}.race-progress-row.is-you{background:#ffffff0b;border-radius:6px;margin:-3px -5px;padding:7px}.race-progress-label{justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.race-progress-label>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.race-progress-label i{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block;box-shadow:0 0 0 2px #ffffff14}.race-progress-label strong{font-variant-numeric:tabular-nums}.race-progress-track{background:#171512;border-radius:5px;height:7px;overflow:hidden;box-shadow:inset 0 1px 2px #00000073}.race-progress-track i{border-radius:inherit;min-width:0;height:100%;transition:width .26s;display:block}.race-progress-row small{color:#d9be8d;font-size:10px}.race-start-button{justify-content:center;width:100%}.race-rematch-button{color:#ead8bd;border-color:#8f795c;justify-content:center;width:100%;margin-top:8px}.race-panel-rotation{border-color:#aecda775}.race-panel-blind{border-color:#d8b87c6b}.secret-score-details{color:#d9cdbd;border-top:1px solid #50473c;margin-top:8px;padding-top:9px;font-size:11px}.secret-score-details summary{cursor:pointer;color:#ead8bd}.secret-score-details>div{border-left:2px solid #66836d;gap:3px;margin-top:9px;padding-left:9px;display:grid}.secret-score-details>div>span{justify-content:space-between;gap:8px;display:flex}.secret-score-details em{color:#b9ad9e;font-style:normal}.secret-score-details small{color:#c7baaa}.race-countdown{color:#fff5df;pointer-events:none;z-index:15;background:#3a2b1ee0;border:2px solid #ffeeccb8;border-radius:50%;place-items:center;min-width:110px;height:110px;font:800 50px/1 system-ui,sans-serif;animation:.9s both race-countdown-pulse;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 42px #00000061,inset 0 0 28px #ffd2841f}.race-countdown.is-go{background:#48694cf0;border-radius:18px;width:150px;font-size:38px}@keyframes race-countdown-pulse{0%{opacity:0;transform:translate(-50%,-50%)scale(.72)}40%{opacity:1;transform:translate(-50%,-50%)scale(1.05)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.personal-shelf{z-index:9;border:1px solid var(--theme-border,#eed9b56b);color:#f5eadb;background:#2a231df5;border-radius:8px;width:min(1200px,100% - 48px);position:absolute;bottom:12px;right:24px;overflow:hidden;box-shadow:0 2px 8px #0003}.shelf-size-100{--personal-shelf-slot-width:112px;--personal-shelf-slot-height:116px}.shelf-size-150{--personal-shelf-slot-width:168px;--personal-shelf-slot-height:174px}.shelf-size-200{--personal-shelf-slot-width:224px;--personal-shelf-slot-height:232px}.personal-shelf.shelf-size-100{width:min(640px,100% - 48px)}.personal-shelf.shelf-size-150{width:min(920px,100% - 48px)}.personal-shelf.shelf-size-200{width:min(1200px,100% - 48px)}.personal-shelf:not(.is-open){width:176px}.personal-shelf-toggle{width:100%;min-height:38px;color:inherit;background:#3a312a;border:0;border-radius:0;justify-content:space-between;align-items:center;gap:10px;padding:7px 10px;font-size:12px;display:flex}.personal-shelf-toggle:hover{background:#463b32}.personal-shelf-toggle strong{color:#d8bc91;font-variant-numeric:tabular-nums}.personal-shelf-body{border-top:1px solid var(--theme-border,#eed9b538);gap:8px;padding:9px;display:grid}.shelf-sections{border-bottom:1px solid var(--theme-border,#655747);gap:8px;padding-bottom:8px;display:flex}.shelf-sections button[aria-pressed=true]{border-bottom:2px solid}.tray-overview{max-height:min(45dvh,340px);overflow:auto}.tray-overview ul{margin:0;padding:0;list-style:none}.tray-overview li{border-bottom:1px solid var(--theme-border,#655747);align-items:center;gap:12px;padding:8px 0;display:flex}.tray-overview li>span:nth-child(2){overflow-wrap:anywhere;flex:1;gap:4px;min-width:0;display:grid}.tray-overview-color{border:1px solid;flex-shrink:0;width:16px;height:16px}.save-control{position:relative}.save-details{white-space:pre-line;background:var(--theme-panel,#302922);width:min(370px,85vw);color:var(--theme-text,#f5eadb);border:1px solid var(--theme-border,#655747);z-index:50;border-radius:6px;padding:12px;font-size:12px;line-height:1.6;display:none;position:absolute;top:100%;right:0}.save-control:hover .save-details,.save-control:focus-within .save-details{display:block}.archive-controls{flex-wrap:wrap;align-items:end;gap:12px;padding-bottom:12px;display:flex}.archive-controls label,.help-panel label{gap:6px;display:grid}.archive-controls input,.archive-controls select{max-width:100%}.help-panel .menu-preferences-body{gap:24px;display:grid}.help-panel h2{margin:0 0 12px;font-size:18px}.help-panel label{margin:12px 0}.help-panel textarea{resize:vertical;width:100%}.help-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.help-shortcuts>div{justify-content:space-between;gap:16px;margin:8px 0;display:flex}.diagnostic-preview{white-space:pre-wrap;overflow-wrap:anywhere;max-height:260px;font-size:12px;overflow:auto}.interaction-controls{gap:8px;margin-bottom:20px;display:grid}.interaction-controls select{width:100%;min-width:0}.interaction-controls input[type=range]{width:100%}.interaction-controls label[for=edge-pan-speed]{justify-content:space-between;gap:12px;margin-top:12px;display:flex}.personal-shelf-size{color:#c9bbaa;justify-content:space-between;align-items:center;gap:12px;font-size:11px;display:flex}.personal-shelf-size>div{gap:4px;display:flex}.personal-shelf-size button{border-color:var(--theme-border,#655747);color:#cfc0ae;background:#302922;min-width:48px;height:25px;padding:0 8px;font-size:10px}.personal-shelf-size button:hover{border-color:var(--theme-border,#987c5e);background:#42372d}.personal-shelf-size button.is-active{border-color:var(--theme-border,#c69a62);color:#fff1dc;background:#62472f;box-shadow:inset 0 0 0 1px #ffe0b01f}.personal-shelf-slots{grid-template-columns:repeat(5, var(--personal-shelf-slot-width,224px));scrollbar-color:#74624f #302821;scrollbar-width:thin;gap:7px;padding-bottom:3px;display:grid;overflow-x:auto}.personal-shelf-slot{width:var(--personal-shelf-slot-width,224px);height:var(--personal-shelf-slot-height,232px);border:1px solid var(--theme-border,#7c6b58);background:#26211d;border-radius:6px;position:relative;overflow:hidden}.personal-shelf-slot.is-empty{color:var(--theme-muted,#776b60);border-style:dashed;place-items:center;font-size:11px;display:grid}.personal-shelf-piece{cursor:grab;touch-action:none;background:0 0;border:0;border-radius:0;width:100%;height:100%;padding:8px}.personal-shelf-piece:hover{background:var(--theme-hover,#ffffff0e)}.personal-shelf-piece:active{cursor:grabbing}.personal-shelf-piece img{object-fit:contain;width:100%;height:100%}.personal-shelf-remove{border:1px solid var(--theme-border,#fff3);color:#eee2d3;background:#1d1916e0;border-radius:4px;width:18px;height:18px;padding:0;line-height:1;position:absolute;top:2px;right:2px}.personal-shelf-add{border-color:var(--theme-border,#79654e);color:#f6ead8;background:#4a3d31;justify-content:center;width:100%;min-height:32px}.personal-shelf-add:hover:not(:disabled){border-color:var(--theme-border,#a88c69);background:#59493a}.personal-shelf-add kbd{border-color:var(--theme-border,#8f7960);color:#ead9c1;background:#302922;margin-left:7px}.personal-shelf-body p{color:var(--theme-muted,#bbae9e);margin:0;font-size:11px;line-height:1.4}.zoom-controls{z-index:8;border:1px solid var(--theme-border,#eed9b561);background:#2a231df2;border-radius:8px;justify-items:center;gap:4px;width:42px;padding:5px 4px;display:grid;position:absolute;top:50%;left:14px;transform:translateY(-50%);box-shadow:0 2px 8px #0003}.zoom-controls button{border-color:var(--theme-border,#6f604f);color:#f3e6d4;background:#383029;border-radius:5px;width:32px;height:30px;padding:0;font-size:19px;line-height:1}.zoom-controls button:hover{border-color:var(--theme-border,#a18564);background:#463b32}.zoom-controls input{accent-color:#c18a52;writing-mode:vertical-lr;direction:rtl;width:24px;height:122px;margin:2px 0}.zoom-controls .zoom-value{color:#d8bc91;font-variant-numeric:tabular-nums;background:0 0;border:0;width:36px;height:24px;font-size:10px}.zoom-controls .zoom-value:hover{background:#463b32}.personal-shelf-drag-ghost{z-index:110;width:var(--personal-shelf-slot-width,224px);height:var(--personal-shelf-slot-height,232px);border:1px solid var(--theme-border,#eed9b59e);pointer-events:none;background:#26211de0;border-radius:7px;padding:8px;position:fixed;transform:translate(-50%,-50%);box-shadow:0 2px 8px #00000047}.personal-shelf-drag-ghost img{object-fit:contain;width:100%;height:100%}.music-panel{z-index:9;background:#24211d;border:1px solid #51483d;border-radius:9px;width:min(390px,100% - 32px);max-height:calc(100% - 32px);padding:0 12px 12px;position:absolute;bottom:16px;left:16px;overflow:auto;box-shadow:0 3px 8px #00000061}.music-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:42px;display:flex}.music-header-title{align-items:baseline;gap:8px;min-width:0;display:flex}.music-header-title strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.music-header-title span{color:var(--muted);font-size:12px}.music-header-actions{gap:4px;display:flex}.music-header button{width:28px;height:27px;padding:0}.music-panel.is-minimized{width:min(280px,100% - 32px);max-height:42px;padding:0 8px;overflow:visible}.music-panel.is-minimized .music-header{border-bottom:0;height:40px}.music-panel.is-minimized .music-body{pointer-events:none;width:390px;position:fixed;top:0;left:-10000px}.music-share-row{grid-template-columns:1fr auto;gap:7px;margin:12px 0 10px;display:grid}.music-share-row input{min-width:0;height:36px;color:var(--text);background:#181613;border:1px solid #4b443b;border-radius:7px;padding:0 10px}.music-now{color:var(--muted);align-items:center;gap:8px;margin:8px 0;font-size:12px;display:flex}.provider-mark{color:var(--text);border:1px solid #5a5147;border-radius:5px;padding:3px 6px;font-weight:650}.provider-youtube{color:#efb0aa;border-color:#8c4942}.provider-spotify{color:#8ed1a0;border-color:#3e8055}.provider-tidal{color:#bab6e3;border-color:#726f8e}.youtube-player{aspect-ratio:16/9;width:100%;color:var(--muted);background:#111;place-items:center;display:grid;overflow:hidden}.youtube-player-host{width:100%;height:100%}.youtube-player iframe{border:0;width:100%;height:100%}.music-listen-button,.music-remove,.music-open-link{width:100%;margin-top:4px}.music-controls{grid-template-columns:1fr 1fr;gap:7px;margin-top:8px;display:grid}.music-controls label{color:var(--muted);grid-column:1/-1;grid-template-columns:auto 1fr;align-items:center;gap:9px;font-size:12px;display:grid}.music-controls input{accent-color:#b8753e;width:100%}.music-controls .music-mute{grid-column:1/-1}.service-player{background:#111;border:0;width:100%;display:block}.spotify-player{height:152px}.tidal-player{min-height:180px}.music-open-link{height:36px;color:var(--text);background:#2a2723;border:1px solid #514a42;border-radius:7px;place-items:center;text-decoration:none;display:grid}.music-panel p,.music-empty,.music-notice{color:var(--muted);font-size:12px;line-height:1.45}.music-empty{padding:10px 2px 4px}.music-notice{color:var(--theme-muted,#c2b9aa);margin-top:9px}.music-remove{color:var(--theme-muted,#c7aaa4)}.table-compass{color:#ffffffb3;transform-origin:50%;pointer-events:none;z-index:2;border:1px solid #ffffff38;border-radius:50%;place-items:center;width:46px;height:46px;transition:transform .12s;display:grid;position:absolute;bottom:18px;right:22px}.table-compass span{font-size:10px;position:absolute;top:3px}.table-compass i{background:var(--accent);width:1px;height:20px;transform:translateY(-2px)}.complete-message{color:#f0d1ad;z-index:3;background:#2b241e;border:1px solid #c1814d;border-radius:8px;padding:10px 14px;position:absolute;top:22px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000003d}.setup-backdrop,.settings-backdrop,.tray-editor-backdrop,.completion-backdrop{z-index:100;background:#0e0c0ad1;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.puzzle-menu,.setup-panel,.settings-panel,.tray-editor-panel,.completion-panel{background:#24211d;border:1px solid #4b443b;border-radius:10px;width:min(720px,100vw - 32px);max-height:calc(100vh - 48px);overflow:auto;box-shadow:0 4px 8px #00000052}.menu-overlay{z-index:100;background:var(--theme-muted-panel,#d7c2a4);position:fixed;inset:0}.puzzle-menu{background:var(--theme-panel,#f5eddf);width:100%;height:100%;max-height:none;box-shadow:none;border:0;border-radius:0;grid-template-rows:64px minmax(0,1fr) 38px;padding:0;display:grid;overflow:hidden}.menu-topbar{border-bottom:1px solid var(--theme-border,#405348);color:#fffaf0;background:#506a59;justify-content:space-between;align-items:center;gap:20px;padding-inline:max(24px,50vw - 590px);display:flex}.menu-brand{align-items:center;gap:11px;min-width:0;display:flex}.menu-brand>div{gap:2px;min-width:0;display:grid}.menu-brand strong{font-size:17px}.menu-brand span:not(.menu-brand-mark){color:#dce7dd;font-size:12px}.menu-topbar-actions{align-items:center;gap:10px;min-width:0;display:flex}.menu-room-status{color:#e5eee5;white-space:nowrap;font-size:12px}.menu-resume-button{border-color:var(--theme-border,#d6e0d6);background:var(--theme-control,#f8f1e5);color:var(--theme-text,#34473b)}.menu-topbar-actions a.menu-resume-button{border:1px solid var(--theme-border,#d6e0d6);white-space:nowrap;border-radius:5px;align-items:center;min-height:38px;padding:7px 11px;text-decoration:none;display:inline-flex}.menu-resume-button:hover{border-color:var(--theme-border,#fff);background:var(--theme-control,#fffaf2);color:var(--theme-text,#26382e)}.menu-overlay button,.menu-overlay .file-button{border-color:var(--theme-border,#bfae96);background:var(--theme-control,#fffaf2);color:var(--theme-text,#3a3129)}.menu-overlay button:hover,.menu-overlay .file-button:hover{border-color:var(--theme-border,#9e896d);background:var(--theme-control,#fffdf8)}.menu-overlay .primary-button{border-color:var(--theme-border,#a85539);color:#fffaf3;background:#bd684a}.menu-overlay .primary-button:hover{border-color:var(--theme-border,#91462f);background:#aa5b40}.menu-layout{border-inline:1px solid var(--theme-border,#c7b69e);background:var(--theme-control,#f7f0e5);grid-template-columns:252px minmax(0,1fr);width:min(1180px,100%);min-height:0;margin:0 auto;display:grid}.menu-rail{border-right:1px solid var(--theme-border,#cdbda5);background:var(--theme-panel,#eadcc6);flex-direction:column;min-width:0;min-height:0;padding:28px 18px 20px;display:flex;overflow:hidden}.menu-nav{gap:9px;padding-right:8px;display:grid}.menu-nav button{--piece-bg:var(--theme-panel,#f3e5d1);border-color:var(--theme-border,#d3c1a7);background:var(--piece-bg);text-align:left;width:100%;height:64px;color:var(--theme-text,#44382e);border-left:2px solid #0000;border-radius:4px;grid-template-columns:30px minmax(0,1fr);justify-content:stretch;align-items:center;gap:9px;padding:0 10px;transition:background-color .15s,border-color .15s,color .15s,translate .15s;display:grid;position:relative}.menu-nav button:after{content:"";border:1px solid var(--theme-border,#d3c1a7);background:var(--piece-bg);border-left:0;border-radius:0 9px 9px 0;width:8px;height:18px;position:absolute;top:50%;right:-8px;transform:translateY(-50%)}.menu-nav button:before{content:"";background:var(--piece-bg);z-index:1;width:4px;height:16px;position:absolute;top:50%;right:-2px;transform:translateY(-50%)}.menu-nav button:hover{--piece-bg:var(--theme-control,#f9efdf);background:var(--piece-bg);border-color:var(--theme-border,#bca789);translate:4px}.menu-nav button:disabled{opacity:.42;cursor:not-allowed;translate:none}.menu-nav button:nth-child(4){--menu-color:#9b7180}.menu-nav button:nth-child(5){--menu-color:#6d7fa2}.menu-nav button:nth-child(6){--menu-color:#ad6548}.menu-nav button:nth-child(7){--menu-color:#66836d}.menu-nav button.is-current{--piece-bg:var(--theme-control,#fff8ec);border-color:var(--theme-border,#c8b496);border-left-color:var(--menu-color);background:var(--piece-bg);color:var(--theme-text,#2f2923)}.menu-nav button:hover:after,.menu-nav button.is-current:after{border-color:var(--theme-border,#bca789);border-left:0}.menu-nav button>span:last-child{gap:3px;min-width:0;display:grid}.menu-nav button strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.menu-nav button>span:last-child>span{text-overflow:ellipsis;white-space:nowrap;color:var(--theme-muted,#796c5e);font-size:11px;overflow:hidden}.menu-nav-key{border:1px solid var(--menu-color);background:var(--menu-color);color:#fffaf3;font-variant-numeric:tabular-nums;border-radius:3px;place-items:center;width:25px;height:25px;font-size:10px;font-weight:750;display:grid;position:relative}.menu-nav-key:after{content:"";background:var(--menu-color);border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:-4px}.menu-profile{border-top:1px solid var(--theme-border,#cdbda5);gap:12px;margin-top:auto;padding:18px 8px 0;display:grid}.menu-profile-heading{gap:2px;display:grid}.menu-profile-heading strong{font-size:13px}.menu-profile-heading{color:var(--theme-text,#3d342b)}.menu-profile-heading span{color:var(--theme-muted,#7b6d5e);font-size:11px}.menu-profile label,.menu-section>label{color:var(--theme-muted,#65594d);gap:6px;display:grid}.menu-profile input,.menu-section input,.menu-section select{border:1px solid var(--theme-border,#bfae96);background:var(--theme-control,#fffaf2);width:100%;height:42px;color:var(--theme-text,#312b25);border-radius:6px;padding:0 10px}.menu-section select{-webkit-appearance:auto;appearance:auto}.menu-profile input[type=color]{padding:4px}.profile-color{grid-template-columns:1fr 42px;align-items:center}.profile-color input{height:32px;padding:3px}.menu-content{min-width:0;color:var(--theme-text,#312b25);padding:24px clamp(28px,4vw,56px) 42px;overflow:auto}.menu-content-header{border-bottom:1px solid var(--theme-border,#d1c2ad);justify-content:space-between;align-items:center;gap:24px;width:min(1000px,100%);min-height:82px;margin-inline:auto;display:flex}.menu-content-header h1{margin:0;font-size:clamp(26px,3vw,34px);line-height:1.1}.menu-content-header p{max-width:620px;color:var(--theme-muted,#74685c);margin:9px 0 0;line-height:1.5}.menu-showcase{border:1px solid var(--theme-border,#506357);color:#fff8ed;background:#536c5a;border-radius:8px;grid-template-columns:minmax(360px,1.35fr) minmax(240px,.65fr);width:min(1000px,100%);min-height:232px;margin:18px auto 0;display:grid;overflow:hidden}.menu-cinematic-viewport{perspective:880px;background:repeating-linear-gradient(88deg, var(--theme-hover,#ffffff06) 0 1px, transparent 1px 19px), linear-gradient(145deg, #3d5547, #263a31);min-height:230px;position:relative;overflow:hidden}.menu-cinematic-viewport:after{content:"";filter:blur(10px);background:#0a151057;border-radius:50%;height:12%;position:absolute;inset:auto 7% 8%}.menu-cinematic-table{width:80%;height:78%;transform-style:preserve-3d;transform-origin:50% 65%;z-index:1;place-items:center;animation:24s cubic-bezier(.45,0,.55,1) infinite menu-cinematic-tour;display:grid;position:absolute;top:10%;left:10%}.menu-cinematic-table>img{border:5px solid var(--theme-border,#d5b985);background:var(--theme-panel,#efe3cd);object-fit:contain;border-radius:3px;width:100%;max-width:100%;height:auto;max-height:100%;display:block;box-shadow:0 7px 5px #12191442}.menu-cinematic-table.is-portrait>img,.menu-cinematic-table.is-square>img{width:auto;height:100%}.cinematic-cut{pointer-events:none;opacity:.62;filter:drop-shadow(0 1px #fff3);display:none;position:absolute}.cut-one{border-left:1px solid #291f167a;inset:5px auto 5px 34%}.cut-two{border-left:1px solid #291f167a;inset:5px 31% 5px auto}.cut-three{border-top:1px solid #291f167a;inset:51% 5px auto}.menu-empty-puzzle{border:4px solid var(--theme-border,#d3b582);background:var(--theme-panel,#ead9bd);grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);gap:3px;width:100%;height:100%;padding:5px;display:grid;box-shadow:0 7px 5px #12191442}.menu-empty-puzzle i{background:#c76f4f;position:relative}.menu-empty-puzzle i:nth-child(2),.menu-empty-puzzle i:nth-child(6){background:var(--theme-muted-panel,#d5a642)}.menu-empty-puzzle i:nth-child(3),.menu-empty-puzzle i:nth-child(4){background:#66836d}.menu-empty-puzzle i:nth-child(5){background:#9b7180}.menu-feature-copy{border-left:1px solid var(--theme-border,#ffffff2e);flex-direction:column;justify-content:center;padding:26px 28px;display:flex}.menu-feature-copy>span{color:#dce6dc;font-size:12px}.menu-feature-copy>strong{margin-top:7px;font-size:clamp(20px,2vw,28px);line-height:1.1}.menu-feature-copy p{color:#e8ede5;margin:10px 0 18px;font-size:12px;line-height:1.5}.menu-overlay .menu-feature-action{border:0;border-bottom:1px solid var(--theme-border,#ffffff8c);color:#fff8ed;background:0 0;border-radius:0;width:fit-content;padding:0 1px}.menu-overlay .menu-feature-action:hover{border-bottom-color:var(--theme-border,#fff);color:#fff;background:0 0}.menu-feature-action span{margin-left:8px;transition:translate .15s;display:inline-block}.menu-feature-action:hover span{translate:3px}.menu-section-layout{grid-template-columns:minmax(380px,660px) minmax(210px,1fr);align-items:start;gap:clamp(32px,5vw,64px);width:min(1000px,100%);margin-inline:auto;display:grid}.menu-section{gap:14px;width:100%;padding-top:26px;display:grid}.lobby-journey{border-bottom:1px solid var(--theme-border,#d2c2ac);grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-bottom:4px;display:grid}.lobby-journey.is-three{grid-template-columns:repeat(3,minmax(0,1fr))}.lobby-journey>span{min-width:0;color:var(--theme-muted,#948474);white-space:nowrap;align-items:center;gap:6px;padding:0 4px 10px;font-size:10px;display:flex}.lobby-journey i{border:1px solid var(--theme-border,#c8b79f);background:var(--theme-panel,#f7ecdd);width:20px;height:20px;color:var(--theme-muted,#7b6c5e);border-radius:50%;place-items:center;font-size:9px;font-style:normal;display:grid}.lobby-journey .is-active{color:var(--theme-muted,#4f6756);font-weight:700}.lobby-journey .is-active i{border-color:var(--theme-border,#577160);color:#fffaf2;background:#577160}.lobby-journey .is-done i{border-color:var(--theme-border,#8ca18f);background:var(--theme-panel,#e2ebe2);color:var(--theme-muted,#45604c)}.menu-primary-action{justify-content:center;width:calc(100% - 8px);height:44px;margin:2px 8px 0 0;position:relative;overflow:visible}.menu-primary-action:after{content:"";background-color:inherit;border-radius:0 10px 10px 0;width:9px;height:19px;position:absolute;top:50%;right:-8px;transform:translateY(-50%)}.menu-explanation{color:var(--theme-muted,#74685c);margin:0;font-size:12px;line-height:1.5}.local-start{gap:10px}.invite-link-input{font-size:13px}.current-room{background:#edf3ec;border:1px solid #b8c6b9;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.current-room span{color:#5e6d61;font-size:12px}.menu-context{border-left:2px solid var(--theme-border,#d5a642);color:var(--theme-muted,#6e6257);margin-top:32px;padding:2px 0 2px 22px;line-height:1.5}.menu-context strong{color:var(--theme-text,#3b332c)}.menu-context ol{margin:14px 0;padding-left:20px}.menu-context li{margin:8px 0}.menu-context p{margin:14px 0 0;font-size:12px}.lobby-ready{border:1px solid var(--theme-border,#caa983);background:var(--theme-control,#fff5e6);border-radius:6px;margin-top:6px;padding:16px}.lobby-ready>span{color:var(--theme-muted,#756354);font-size:12px;display:block}.lobby-ready>strong{letter-spacing:.12em;margin:3px 0 10px;font-size:24px;display:block}.lobby-ready>div{gap:7px;display:flex}.lobby-ready p{min-height:0;color:var(--theme-muted,#58705e);margin:9px 0 0;font-size:12px}.lobby-puzzle-step{gap:12px;display:grid}.lobby-step-heading,.local-setup-summary{border-top:1px solid var(--theme-border,#d8c8b2);border-bottom:1px solid var(--theme-border,#d8c8b2);gap:5px;padding:12px 0;display:grid}.lobby-step-heading strong,.local-setup-summary strong{color:var(--theme-text,#3f352d)}.lobby-step-heading span,.local-setup-summary span{color:var(--theme-muted,#77695c);font-size:12px;line-height:1.45}.lobby-host-wait{color:var(--theme-muted,#5d6e61);align-self:center;font-size:12px}.lobby-waiting>div:first-of-type{align-items:center}.lobby-party{border-top:1px solid var(--theme-border,#ddc6aa);flex-wrap:wrap;align-items:center;margin-top:12px;padding-top:10px;gap:6px!important;display:flex!important}.lobby-party>span{border:1px solid var(--theme-border,#d7c1a6);background:var(--theme-control,#fffaf2);min-height:28px;color:var(--theme-text,#55483d);border-radius:5px;align-items:center;gap:5px;padding:0 7px;font-size:11px;display:inline-flex}.lobby-party>span i{border-radius:50%;width:9px;height:9px;box-shadow:inset 0 0 0 1px #2c201738}.lobby-party>button{height:28px;font-size:11px}.lobby-upload{justify-content:center;width:100%;margin-top:10px}.image-link-row{grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-top:8px;display:grid}.image-link-row input{border:1px solid var(--theme-border,#bfae96);background:var(--theme-control,#fffaf2);min-width:0;height:38px;color:var(--theme-text,#312b25);border-radius:6px;padding:0 9px}.image-link-row button{white-space:nowrap}.compact-image-link{margin-top:0}.compact-image-link input{height:34px}.race-setup{gap:15px}.race-mode-card{background:#fff8ec;border:1px solid #d1bd9f;border-radius:6px;grid-template-columns:42px 1fr;align-items:start;gap:12px;padding:14px;display:grid}.race-mode-card strong{color:#44372c}.race-mode-card p{color:#74685c;margin:5px 0 0;font-size:12px;line-height:1.5}.race-mode-icon{color:#fffaf2;background:#b9892f;border-radius:4px 10px;place-items:center;width:40px;height:40px;font-size:19px;display:grid}.race-lobby-ready{background:#fff6de;border-color:#cfaa60}.secret-setup{gap:15px}.secret-setup .race-mode-icon{background:#66836d}.secret-lobby-ready{background:#f5f8ed;border-color:#a9b99f}.secret-rule-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:12px 0;align-items:end!important;gap:9px!important;display:grid!important}.secret-rule-grid label{color:#65594d;gap:5px;min-width:0;font-size:11px;display:grid}.secret-rule-grid select{color:#312b25;background:#fffaf2;border:1px solid #bfae96;border-radius:6px;min-width:0;height:38px;padding:0 7px}.secret-submit-row{flex-wrap:wrap;align-items:center;gap:7px!important;display:flex!important}.lobby-party>span em{color:var(--theme-muted,#8a7d70);margin-left:3px;font-size:10px;font-style:normal}.lobby-party>span.is-ready{border-color:var(--theme-border,#9caf91);background:var(--theme-control,#f4f8eb)}.lobby-party>span.is-ready em{color:var(--theme-muted,#52705a)}.lobby-waiting-actions{flex-wrap:wrap;align-items:center;gap:7px!important;display:flex!important}.lobby-ready-toggle.is-ready{border-color:var(--theme-border,#71876d);background:var(--theme-panel,#e5eee0);color:var(--theme-muted,#405b45)}.lobby-countdown-banner{border-left:3px solid var(--theme-border,#c18a3f);background:var(--theme-panel,#f4e8d1);min-height:42px;color:var(--theme-text,#59493a);justify-content:space-between;align-items:center;margin:0 0 10px;padding:8px 11px;font-size:12px;display:flex!important}.lobby-countdown-banner strong{color:var(--theme-accent,#8e542d);font-variant-numeric:tabular-nums;font-size:24px}.race-notice{color:#7a4a39;background:#fff3e8;border-left:2px solid #ba6e4e;margin:0;padding:10px 12px;font-size:12px}.menu-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.menu-fields label,.settings-panel>label{color:var(--muted);gap:6px;display:grid}.menu-fields input,.settings-panel input[type=text],.settings-panel select{width:100%;height:36px;color:var(--text);background:#1d1b18;border:1px solid #4b443b;border-radius:7px;padding:0 10px}.menu-actions{flex-wrap:wrap;gap:8px;margin:16px 0 22px;display:flex}.saved-section{width:100%}.saved-transfer-bar{border-bottom:1px solid var(--theme-border,#d4c5b1);align-items:center;gap:12px;margin-bottom:10px;padding-bottom:10px;display:flex}.saved-transfer-bar .file-button{flex:none;min-height:34px}.saved-transfer-bar>span{color:var(--theme-muted,#74685c);font-size:12px;line-height:1.35}.saved-list{gap:6px;display:grid}.empty-save{color:#74685c;padding:18px 0}.saved-row{border:1px solid var(--theme-border,#cdbda7);background:var(--theme-control,#fffaf2);border-radius:6px;grid-template-columns:70px minmax(0,1fr) 88px;align-items:center;min-height:62px;display:grid;overflow:hidden}.saved-row>img{object-fit:cover;width:70px;height:60px}.saved-thumb-placeholder{width:70px;height:60px;color:var(--theme-accent,#49311f85);background:var(--theme-hover,#fff7e585);place-items:center;font-size:24px;display:grid}.saved-open{height:auto;min-height:60px;color:var(--theme-text,#3b332c);text-align:left;background:0 0;border:0;border-radius:0;align-content:center;justify-items:start;gap:4px;display:grid}.saved-open span{color:var(--theme-muted,#76695c);font-size:12px}.saved-progress{background:var(--theme-muted-panel,#e2d4c0);width:min(180px,100%);height:3px;display:block;overflow:hidden}.saved-progress>i{background:#66836d;height:100%;display:block}.saved-row-actions{border-left:1px solid var(--theme-border,#ded0bd);grid-template-columns:1fr 30px;height:100%;display:grid}.saved-row-actions button{height:100%;min-height:60px;color:var(--theme-muted,#5b5147);background:0 0;border:0;border-radius:0;padding:0 7px;font-size:11px}.saved-row-actions button+button{border-left:1px solid var(--theme-border,#e3d7c6);font-size:17px}.saved-row-actions button:hover{background:var(--theme-panel,#f1e5d4);color:var(--theme-text,#342d27)}.menu-recent-strip{border-top:1px solid var(--theme-border,#d1c2ad);width:min(1000px,100%);margin:30px auto 0;padding-top:18px}.menu-recent-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;display:flex}.menu-recent-heading strong{font-size:14px}.menu-overlay .menu-recent-heading button{height:28px;color:var(--theme-muted,#5b6f60);background:0 0;border:0;border-radius:0;padding:0}.menu-overlay .menu-recent-heading button:hover{color:var(--theme-text,#33483c);text-underline-offset:3px;background:0 0;text-decoration:underline}.menu-recent-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.menu-overlay .menu-recent-item{text-align:left;border-radius:5px;grid-template-columns:72px minmax(0,1fr);align-items:stretch;gap:10px;min-width:0;height:74px;padding:0 10px 0 0;display:grid;overflow:hidden}.menu-recent-item>img,.menu-recent-item>.saved-thumb-placeholder{object-fit:cover;width:72px;height:72px}.menu-recent-item>span:last-child{align-content:center;gap:4px;min-width:0;display:grid}.menu-recent-item strong,.menu-recent-item>span:last-child>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.menu-recent-item strong{color:var(--theme-text,#3b332c);font-size:12px}.menu-recent-item>span:last-child>span{color:var(--theme-muted,#76695c);font-size:10px}.menu-footer{color:#f0dfca;background:#725139;border-top:1px solid #624630;justify-content:space-between;align-items:center;gap:20px;padding:0 24px;font-size:11px;display:flex}.puzzle-menu{grid-template-rows:64px minmax(0,1fr)}.menu-footer{display:none}.menu-layout{border:0;width:100%;max-width:none;margin:0;transition:grid-template-columns .32s cubic-bezier(.22,.8,.28,1);position:relative}.menu-layout.is-overview,.menu-layout.is-detail{grid-template-columns:minmax(340px,.618fr) minmax(0,1fr)}.menu-layout.is-detail .menu-rail{border-right:1px solid var(--theme-border,#c4af91);opacity:1;pointer-events:auto;border-left:0;grid-area:1/1}.menu-layout.is-detail .menu-content{grid-area:1/2}.menu-rail{border-right-color:var(--theme-border,#c4af91);background-color:var(--theme-panel,#eadbc2);background-image:repeating-linear-gradient(91deg,#5e452a06 0 1px,#0000 1px 17px),linear-gradient(150deg,#ffffff42,#0000 44%);padding:clamp(28px,5vh,54px) clamp(24px,3vw,52px) 26px}.menu-start-title{border-bottom:1px solid var(--theme-border,#cdb99b);margin-bottom:clamp(18px,3vh,34px);padding-bottom:18px}.menu-start-title strong{max-width:360px;color:var(--theme-text,#342b24);font-size:clamp(23px,2.3vw,38px);line-height:1.04;display:block}.menu-start-title span{max-width:370px;color:var(--theme-muted,#756758);margin-top:10px;font-size:12px;line-height:1.45;display:block}.menu-overlay .menu-overview-button{border:0;border-bottom:1px solid var(--theme-border,#8c7b68);width:fit-content;color:var(--theme-text,#4f4439);background:0 0;border-radius:0;margin-bottom:22px;padding:0}.menu-overlay .menu-overview-button:hover{color:var(--theme-text,#2f2822);background:0 0;border-bottom-color:#3d342c}.menu-nav{scrollbar-width:thin;scrollbar-color:#b9a384 transparent;flex:auto;gap:0;min-height:0;padding:0 8px 0 0;overflow:hidden auto}.menu-nav button{--piece-bg:transparent;border:0;border-bottom:1px solid var(--theme-border,#cdb99b);background:0 0;border-radius:0;grid-template-columns:34px minmax(0,1fr);gap:12px;height:clamp(60px,8.2vh,82px);padding:0 16px 0 2px;transition:background-color .15s,color .15s,translate .18s cubic-bezier(.22,.8,.28,1)}.menu-nav button:before{display:none}.menu-nav button:after{border:1px solid var(--theme-border,#b79f7d);border-left:1px solid var(--theme-border,#b79f7d);background:var(--theme-panel,#eadbc2);opacity:0;border-radius:50%;width:14px;height:14px;transition:opacity .15s;right:-7px}.menu-nav button:hover{--piece-bg:transparent;border-color:var(--theme-border,#b79f7d);background:var(--theme-hover,#fffaf16b);translate:8px}.menu-nav button:hover:after,.menu-nav button.is-current:after{border-left:1px solid var(--theme-border,#b79f7d);opacity:1}.menu-nav button.is-current{--piece-bg:transparent;border-color:var(--theme-border,#b79f7d);background:var(--theme-hover,#fffaf194);color:var(--theme-text,#2f2923);border-left-color:#0000}.menu-nav button:disabled:hover{background:0 0;border-color:#0000;translate:none}.menu-layout.is-overview .menu-nav button.is-current{border-color:var(--theme-border,#cdb99b);background:0 0}.menu-layout.is-overview .menu-nav button.is-current:after{opacity:0}.menu-nav button>span:last-child{gap:5px}.menu-nav button strong{letter-spacing:-.025em;font-size:clamp(17px,1.45vw,24px);font-weight:650}.menu-nav button>span:last-child>span{color:var(--theme-muted,#7a6a5a);font-size:12px}.menu-nav-key{width:auto;height:auto;color:var(--menu-color);background:0 0;border:0;border-radius:0;font-size:11px;font-weight:700;display:block}.menu-nav-key:after{display:none}.menu-profile{border-top-color:var(--theme-border,#cdb99b);flex:none;padding:18px 2px 0}.menu-layout.is-detail .menu-profile{margin-top:24px}.menu-content{isolation:isolate;background:#2f4338;padding:0;position:relative;overflow:hidden}.menu-content:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg,#19251f38,#0000 42%),linear-gradient(#0000 52%,#121b16ad);position:absolute;inset:0}.menu-layout.is-overview .menu-content-header,.menu-layout.is-overview .menu-section-layout{display:none}.menu-layout.is-overview .menu-showcase{background:#31463a;border:0;border-radius:0;width:auto;min-height:100%;margin:0;display:block;position:absolute;inset:0}.menu-layout.is-overview .menu-cinematic-viewport{height:100%;min-height:100%}.menu-layout.is-overview .menu-cinematic-table{width:82%;height:72%;top:7%;left:9%}.menu-layout.is-overview .menu-cinematic-table.is-portrait{width:52%;height:82%;top:4%;left:24%}.menu-layout.is-overview .menu-cinematic-table.is-square{width:68%;height:80%;top:4%;left:16%}.menu-layout.is-overview .menu-cinematic-table.is-wide{width:88%;height:58%;top:12%;left:6%}.menu-layout.is-overview .menu-feature-copy{z-index:3;text-shadow:0 1px 2px #131b16bf;border:0;width:min(480px,100% - 48px);padding:0;display:block;position:absolute;bottom:38px;left:clamp(24px,4vw,64px)}.menu-layout.is-overview .menu-content:has(.menu-recent-strip) .menu-feature-copy{bottom:154px}.menu-layout.is-overview .menu-feature-copy>span{font-size:13px}.menu-layout.is-overview .menu-feature-copy>strong{margin-top:6px;font-size:clamp(30px,4vw,56px);display:block}.menu-layout.is-overview .menu-feature-copy p{max-width:450px;margin:9px 0 13px;font-size:13px}.menu-layout.is-detail .menu-content{padding:0;position:relative;overflow:hidden}.menu-layout.is-detail .menu-content:before{z-index:2;background:#1c26206b}.menu-layout.is-detail .menu-content:after{display:none}.menu-detail-panel{z-index:4;border:1px solid var(--theme-border,#c8b79f);border-left:4px solid var(--theme-border,#b9674b);background:var(--theme-overlay,#f7efe2f7);width:auto;color:var(--theme-text,#312b25);padding:24px 30px 30px;position:absolute;inset:24px clamp(18px,4vw,56px);overflow:auto;box-shadow:0 2px 8px #1d171229}.menu-detail-panel[hidden]{display:none}.menu-detail-panel .menu-overview-button{margin:0 0 18px}.menu-layout.is-detail .menu-showcase{opacity:.88;background:#31463a;border:0;border-radius:0;width:auto;min-height:100%;margin:0;position:absolute;inset:0}.menu-layout.is-detail .menu-cinematic-viewport{height:100%;min-height:100%}.menu-layout.is-detail .menu-cinematic-table{filter:blur(2px)saturate(.78);width:72%;height:68%;animation-play-state:running;top:8%;left:14%}.menu-layout.is-detail .menu-feature-copy{display:none}.menu-layout.is-detail .menu-content-header,.menu-layout.is-detail .menu-section-layout{z-index:1;width:100%;position:relative}.menu-layout.is-detail .menu-content-header{border-bottom-color:var(--theme-border,#d0bfaa);min-height:96px;padding:0 0 14px}.menu-layout.is-detail .menu-section-layout{grid-template-columns:minmax(330px,1fr) minmax(180px,220px);gap:30px;padding:0}.menu-layout.is-detail .menu-section-layout.is-mode-picker{grid-template-columns:1fr}.menu-layout.is-detail .menu-section-layout.is-mode-picker .menu-context{display:none}.menu-layout.is-detail .menu-section{padding-top:24px}.menu-layout.is-detail .menu-recent-strip{display:none}.lobby-mode-picker{gap:18px;max-width:720px;display:grid}.lobby-mode-intro{border-bottom:1px solid var(--theme-border,#d2c0a7);padding-bottom:14px}.lobby-mode-intro>span{color:var(--theme-accent,#a4583e);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:750}.lobby-mode-intro>strong{color:var(--theme-text,#302820);margin-top:5px;font-family:Georgia,serif;font-size:clamp(24px,3vw,36px);font-weight:500;display:block}.lobby-mode-intro p{max-width:590px;color:var(--theme-muted,#756756);margin:7px 0 0;line-height:1.5}.lobby-mode-group{border-left:3px solid var(--theme-border,#728d78);grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding-left:12px;display:grid}.lobby-mode-group.is-collaborative{grid-template-columns:1fr}.lobby-mode-group.is-hardcore{border-left-color:var(--theme-border,#b35e43)}.lobby-mode-category{color:var(--theme-muted,#766754);letter-spacing:.1em;text-transform:uppercase;grid-column:1/-1;font-size:11px;font-weight:750}.lobby-mode-group button{border:1px solid var(--theme-border,#d5c4ad);background:var(--theme-control,#fff8ed);min-height:108px;color:var(--theme-text,#332b24);text-align:left;border-radius:6px;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:9px;padding:12px;display:grid}:is(.lobby-mode-group button:hover,.lobby-mode-group button:focus-visible){border-color:var(--theme-border,#a88663);background:var(--theme-control,#fbefdd);translate:0 -2px;box-shadow:0 4px #5e432c1a}.lobby-mode-group button>i{border:1px solid var(--theme-border,#bda78b);width:32px;height:32px;color:var(--theme-accent,#9e523b);border-radius:50%;place-items:center;font-family:Georgia,serif;font-size:14px;font-style:normal;display:grid}.lobby-mode-group button>span{gap:4px;min-width:0;display:grid}.lobby-mode-group button strong{font-size:14px}.lobby-mode-group button small{color:var(--theme-muted,#776958);font-size:11px;line-height:1.35}.lobby-mode-group button>b{color:var(--theme-accent,#9e523b);font-size:17px;font-weight:400}.lobby-mode-group.is-collaborative button{min-height:78px}.chosen-lobby-mode{background:#f2e4cf;border-left:3px solid #b9674b;grid-template-columns:1fr auto;align-items:center;gap:3px 12px;margin-bottom:16px;padding:10px 12px;display:grid}.chosen-lobby-mode>span{color:#786a58;letter-spacing:.08em;text-transform:uppercase;font-size:10px}.chosen-lobby-mode>strong{color:#382f27;grid-row:2}.chosen-lobby-mode>button{grid-area:1/2/3;padding:6px 9px}.mode-picker-back{color:#8c513d;background:0 0;border:0;margin-bottom:12px;padding:6px 0}.mode-picker-back:hover{color:#573327;text-decoration:underline}.menu-layout.is-overview .menu-recent-strip{z-index:4;color:#fff8ed;background:#1f2b24eb;border:0;width:auto;height:128px;margin:0;padding:14px clamp(20px,3vw,44px);position:absolute;bottom:0;left:0;right:0}.menu-layout.is-overview .menu-recent-heading{margin-bottom:8px}.menu-layout.is-overview .menu-recent-heading strong{color:#fff8ed}.menu-layout.is-overview .menu-recent-heading button{color:#dce6dc}.menu-layout.is-overview .menu-recent-list{grid-template-columns:repeat(4,minmax(150px,1fr));gap:8px}.menu-layout.is-overview .menu-recent-item{border:0;border-left:1px solid var(--theme-border,#ffffff3d);color:#fff8ed;background:0 0;border-radius:0;height:72px}.menu-layout.is-overview .menu-recent-item:hover{border-left-color:var(--theme-border,#e4b76a);background:var(--theme-hover,#ffffff12)}.menu-layout.is-overview .menu-recent-item strong{color:#fff8ed}.menu-layout.is-overview .menu-recent-item>span:last-child>span{color:#cdd8ce}.settings-panel{width:min(520px,100vw - 32px);padding:0 20px 20px}.tray-editor-panel{width:min(460px,100vw - 32px);padding:0 20px 20px}.setup-panel{width:min(1040px,100vw - 32px);padding:0 20px 20px}.hardcore-image-pair{grid-template-columns:1fr 1fr;gap:9px;margin:12px 0;display:grid}.hardcore-image-pair>div,.hardcore-image-pair>label{color:#44382d;cursor:pointer;background:#f4eadb;border:1px solid #cbb9a0;border-radius:6px;grid-template-rows:auto 1fr;grid-template-columns:72px 1fr;align-items:center;gap:5px 10px;min-height:104px;padding:9px;display:grid}.hardcore-image-pair>div>span,.hardcore-image-pair>label>span{color:#856f58;letter-spacing:.09em;text-transform:uppercase;grid-column:1/-1;font-size:10px;font-weight:750}.hardcore-image-pair img,.hardcore-image-pair>label>i{object-fit:contain;background:#2f392f;border:1px solid #d0bda2;grid-area:2/1;width:72px;height:60px}.hardcore-image-pair>label>i{color:#f8ead5;place-items:center;font-size:24px;font-style:normal;display:grid}.hardcore-image-pair strong{text-overflow:ellipsis;grid-area:2/2;overflow:hidden}.hardcore-image-pair input{opacity:0;width:1px;height:1px;position:absolute}.hardcore-image-pair>p{color:#746656;grid-column:1/-1;margin:0;font-size:12px;line-height:1.45}.pair-selection-panel{color:#44382d;background:#f2e8d8;border:1px solid #b99d7d;border-radius:10px;width:min(900px,100vw - 32px);padding:0 22px 22px;box-shadow:0 2px 8px #1e140c3d}.pair-selection-panel>p{color:#756451;margin:18px 0}.pair-selection-panel .settings-header>div{gap:2px;display:grid}.pair-selection-panel .settings-header span{color:var(--theme-muted,#987758);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:800}.pair-selection-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.pair-selection-grid.is-multi{grid-template-columns:repeat(2,minmax(0,1fr))}.chaos-count-field{color:#55483b;grid-template-columns:1fr 180px;align-items:center;gap:12px;margin:0 0 14px;font-weight:700;display:grid}.chaos-count-field select{color:#44382d;background:#fff8ec;border:1px solid #aa9275;border-radius:7px;height:36px;padding:0 10px}.pair-selection-card{cursor:pointer;background:#e8dbc8;border:1px dashed #af9473;border-radius:9px;grid-template-rows:1fr auto auto;grid-template-columns:58px 1fr;align-items:end;gap:4px 12px;min-height:210px;padding:14px;transition:border-color .16s,transform .16s,box-shadow .16s;display:grid;position:relative;overflow:hidden}.pair-selection-card:hover{background:#eee1ce;border-color:#a85b42}.pair-selection-card>span{z-index:1;color:#fff8eb;background:#5b6f5d;border-radius:50%;place-items:center;width:30px;height:30px;font:700 14px Georgia,serif;display:grid;position:absolute;top:12px;left:12px}.pair-selection-card img{object-fit:cover;opacity:.7;width:100%;height:100%;position:absolute;inset:0}.pair-selection-card>i{color:#a85b42;grid-column:1/-1;place-self:center;font:42px Georgia,serif}.pair-selection-card strong,.pair-selection-card small{z-index:1;background:#f6eddee6;grid-column:1/-1;width:max-content;max-width:100%;padding:3px 6px;position:relative}.pair-selection-card small{color:#7b6753}.pair-selection-card input{opacity:0;width:1px;height:1px;position:absolute}.pair-selection-note{background:#ffffff52;border-left:3px solid #5b6f5d;gap:14px;margin-top:14px;padding:12px 14px;display:flex}.pair-selection-note span{color:#756451;font-size:12px;line-height:1.45}.pair-selection-panel .settings-actions>span{color:var(--theme-muted,#7b6a59);margin-right:auto;font-size:11px}.cut-preview{position:relative}.cut-preview-tabs{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#26201bd1;border:1px solid #ffffff42;border-radius:999px;padding:3px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.cut-preview-tabs button{color:#e4d4be;background:0 0;border:0;border-radius:999px;min-width:74px;padding:6px 10px}.cut-preview-tabs button.is-active{color:#3d3228;background:#e8d4b5}.chaos-cut-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:10px;width:100%;height:100%;display:grid}.chaos-cut-preview-grid figure{background:#0f0e0c;border:1px solid #443d35;place-items:center;min-width:0;min-height:0;margin:0;display:grid;position:relative;overflow:hidden}.chaos-cut-preview-grid figure>span{z-index:1;color:#e7d7c2;background:#24211d;border:1px solid #62584c;border-radius:5px;padding:3px 6px;font-size:11px;position:absolute;inset:7px auto auto 7px}.cut-preview .chaos-cut-preview-grid img{object-fit:contain;width:100%;height:100%;max-height:29vh}.next-round-card{background:#272421;border:1px solid #544b41;border-radius:8px;margin-top:12px;padding:14px}.next-round-heading{grid-template-columns:1fr auto;align-items:center;gap:2px 12px;display:grid}.next-round-heading>span{color:var(--theme-muted,#a99a87);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:800}.next-round-heading>strong{grid-column:1;font:600 18px Georgia,serif}.next-round-heading>button{border-radius:50%;grid-area:1/2/3;width:36px;height:36px}.next-round-card>p{color:var(--theme-muted,#b9ab99);margin:9px 0 0;font-size:12px;line-height:1.45}.next-round-mode-grid{grid-template-columns:repeat(2,1fr);gap:7px;margin-top:12px;display:grid}.next-round-mode-grid button{color:#e4d8c7;text-align:left;background:#302c28;border:1px solid #4d463f;gap:2px;padding:9px 10px;display:grid}.next-round-mode-grid button span{color:var(--theme-muted,#a99a87);font-size:10px}.next-round-mode-grid button.is-selected{border-color:var(--theme-border,#c27b5c);background:#463128;box-shadow:inset 3px 0 #c27b5c}.next-round-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.decoy-ratio-field{gap:6px;margin:12px 0;display:grid;position:relative}.decoy-ratio-field output{position:absolute;right:0}.decoy-ratio-field small{color:#786b5d;line-height:1.4}.menu-topbar{position:relative}.menu-topbar:after{content:"";background:#c76f4f;width:16px;height:5px;position:absolute;bottom:-1px;right:18%;box-shadow:16px 0 #d5a642,32px 0 #66836d,48px 0 #9b7180}.menu-preferences-button{place-items:center;width:38px;height:38px;padding:0;font-size:17px;display:grid;border-color:var(--theme-border,#fffaf08a)!important;color:#fffaf0!important;background:0 0!important;border-radius:50%!important;transition:rotate .18s,background-color .15s!important}:is(.menu-preferences-button:hover,.menu-preferences-button:focus-visible){rotate:18deg;background:var(--theme-hover,#ffffff1f)!important}.menu-rail{position:relative}.menu-rail:after{content:"";border:1px solid var(--theme-border,#b79f7d);background:var(--theme-panel,#eadbc2);border-left:0;border-radius:0 50% 50% 0;width:19px;height:19px;position:absolute;bottom:11%;right:-10px}.menu-start-title strong{font-family:Georgia,Times New Roman,serif;font-weight:500}.menu-start-title:before{content:"PUZZLEABEND";color:var(--theme-accent,#a4583e);letter-spacing:.16em;margin-bottom:9px;font-size:10px;font-weight:800;display:block}.menu-nav button:first-child{--menu-color:#c76f4f}.menu-nav button:nth-child(2){--menu-color:#d09c3e}.menu-nav button:nth-child(3){--menu-color:#66836d}.menu-nav button.is-current .menu-nav-key{font-size:13px}.play-hub{gap:20px;max-width:820px;display:grid}.play-path-picker{border:1px solid var(--theme-border,#bba68a);background:var(--theme-panel,#e6d7c1);grid-template-columns:1fr 1fr;display:grid}.menu-overlay .play-path-picker button{text-align:left;background:0 0;border:0;border-radius:0;grid-template-columns:44px 1fr;align-items:center;gap:12px;min-height:76px;padding:11px 18px;display:grid}.menu-overlay .play-path-picker button+button{border-left:1px solid var(--theme-border,#bba68a)}.menu-overlay .play-path-picker button:hover{background:var(--theme-hover,#fffaf185)}.menu-overlay .play-path-picker button.is-selected{background:var(--theme-control,#fff8eb);box-shadow:inset 0 -4px #b9674b}.play-path-picker button:nth-child(2).is-selected{box-shadow:inset 0 -4px #66836d}.play-path-picker button>i{color:var(--theme-accent,#a4583e);letter-spacing:-2px;font-family:Georgia,serif;font-size:13px;font-style:normal}.play-path-picker button:nth-child(2)>i{color:var(--theme-muted,#54725d);letter-spacing:0}.play-path-picker button>span{gap:3px;display:grid}.play-path-picker strong{color:var(--theme-text,#352d26);font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:500}.play-path-picker small{color:var(--theme-muted,#746656);font-size:11px}.play-mode-sheet{gap:18px;display:grid}.play-mode-sheet .lobby-mode-group{position:relative}.play-mode-sheet .lobby-mode-group:after{content:"";background:var(--theme-control,#f7efe2);border-radius:50%;width:13px;height:13px;position:absolute;bottom:-5px;left:-8px;box-shadow:0 0 0 1px #bca78c}.play-solo-sheet{border-top:1px solid var(--theme-border,#bca78c);border-bottom:1px solid var(--theme-border,#bca78c);background:var(--theme-control,#fff8ed);grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:22px;min-height:220px;padding:26px;display:grid}.play-solo-number{color:var(--theme-muted,#66836d);font-family:Georgia,serif;font-size:46px}.play-solo-sheet>div{gap:5px;display:grid}.play-solo-sheet>div>span{color:var(--theme-muted,#8a684c);letter-spacing:.13em;text-transform:uppercase;font-size:10px;font-weight:800}.play-solo-sheet strong{color:var(--theme-text,#352d26);font-family:Georgia,serif;font-size:27px;font-weight:500}.play-solo-sheet p{max-width:480px;color:var(--theme-muted,#706354);margin:0;line-height:1.5}.play-solo-sheet>button{white-space:nowrap}.menu-preferences-backdrop{z-index:130;background:#1a1f1bc2;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.menu-preferences-panel{border:1px solid var(--theme-border,#9c8467);border-top:5px solid var(--theme-border,#b9674b);background:var(--theme-panel,#f5ecdd);width:min(980px,100vw - 32px);max-height:calc(100vh - 40px);color:var(--theme-text,#342d26);grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden;box-shadow:10px 12px #1a171338}.menu-preferences-panel>header{border-bottom:1px solid var(--theme-border,#cbb89e);background:var(--theme-panel,#eadbc5);justify-content:space-between;align-items:flex-start;gap:20px;min-height:94px;padding:20px 24px 17px;display:flex}.menu-preferences-panel>header>div{gap:4px;display:grid}.menu-preferences-panel>header span{color:var(--theme-accent,#a4583e);letter-spacing:.15em;text-transform:uppercase;font-size:10px;font-weight:800}.menu-preferences-panel>header strong{font-family:Georgia,serif;font-size:27px;font-weight:500}.menu-preferences-panel>header p{max-width:650px;color:var(--theme-muted,#726454);margin:0;font-size:12px;line-height:1.45}.menu-overlay .menu-preferences-panel>header>button{background:0 0;border-radius:50%;width:36px;height:36px;padding:0;font-size:22px}.menu-preferences-body{min-height:0;padding:0 24px;overflow:auto}.preference-section{border-bottom:1px solid var(--theme-border,#d1c0aa);grid-template-columns:210px minmax(0,1fr);gap:24px;padding:24px 0;display:grid}.preference-heading{grid-template-columns:30px minmax(0,1fr);align-content:start;gap:10px;display:grid}.preference-heading>span{color:var(--theme-accent,#b9674b);font-family:Georgia,serif;font-size:18px}.preference-heading>div{gap:4px;display:grid}.preference-heading strong{font-family:Georgia,serif;font-size:18px;font-weight:500}.preference-heading small{color:var(--theme-muted,#786a5a);font-size:11px;line-height:1.4}.preference-heading>button{border:0;border-bottom:1px solid var(--theme-border,#8f7258);background:0 0;border-radius:0;grid-column:2;justify-self:start;margin-top:8px;padding:5px 8px}.preference-fields{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:14px;display:grid}.preference-fields.is-profile{grid-template-columns:minmax(180px,1fr) 76px}.preference-fields label{color:var(--theme-muted,#67594c);gap:6px;font-size:11px;display:grid;position:relative}.preference-fields select,.preference-fields input[type=text],.preference-fields input:not([type]){border:1px solid var(--theme-border,#bba78c);background:var(--theme-control,#fffaf2);width:100%;height:40px;color:var(--theme-text,#342d26);border-radius:4px;padding:0 10px}.preference-fields input[type=color]{border:1px solid var(--theme-border,#bba78c);background:var(--theme-control,#fffaf2);width:100%;height:40px;padding:4px}.preference-fields input[type=range]{accent-color:#b9674b;width:100%}.preference-fields output{color:var(--theme-text,#3e352d);position:absolute;right:0}.preference-fields .preference-check{min-height:40px;color:var(--theme-text,#40372f);flex-direction:row;align-items:center;gap:8px;display:flex}.preference-hotkeys{grid-template-columns:210px minmax(0,1fr)}.hotkey-list{border-top:1px solid var(--theme-border,#c7b49b)}.hotkey-row{border-bottom:1px solid var(--theme-border,#d9cab6);grid-template-columns:minmax(0,1fr) 126px;align-items:center;gap:16px;min-height:58px;display:grid}.hotkey-row>span{gap:3px;display:grid}.hotkey-row strong{font-size:13px}.hotkey-row small{color:var(--theme-muted,#7b6c5c);font-size:10px}.menu-overlay .hotkey-row>button{background:var(--theme-panel,#eee1cf);border-radius:3px;min-height:34px;font-size:11px}.menu-overlay .hotkey-row>button.is-capturing{border-color:var(--theme-border,#a9553c);background:var(--theme-control,#fff8ed);color:var(--theme-accent,#8f432e)}.hotkey-row kbd{border:1px solid var(--theme-border,#a58d70);background:var(--theme-control,#fffaf2);min-width:24px;color:var(--theme-text,#3a3027);border-bottom-width:3px;border-radius:3px;place-items:center;padding:3px 7px;font:700 12px/1 system-ui,sans-serif;display:inline-grid}.hotkey-notice{color:var(--theme-muted,#4f6b58);margin:10px 0 0;font-size:11px}.preference-footnote{color:var(--theme-muted,#7b6c5d);margin:8px 0 0;font-size:10px}.menu-preferences-panel>footer{border-top:1px solid var(--theme-border,#c7b49b);background:var(--theme-panel,#eadbc5);justify-content:space-between;align-items:center;gap:18px;min-height:60px;padding:10px 24px;display:flex}.menu-preferences-panel>footer>span{color:var(--theme-muted,#6f6255);font-size:11px}@media (max-width:820px){.lobby-mode-group,.hardcore-image-pair{grid-template-columns:1fr}.secondary-reference-panel{bottom:62px}.play-path-picker{grid-template-columns:1fr}.menu-overlay .play-path-picker button+button{border-left:0;border-top:1px solid var(--theme-border,#bba68a)}.play-solo-sheet{grid-template-columns:52px 1fr}.play-solo-sheet>button{grid-column:1/-1;justify-self:stretch}.preference-section,.preference-hotkeys{grid-template-columns:1fr;gap:14px}.preference-fields{grid-template-columns:1fr 1fr}}@media (max-width:560px){.menu-preferences-backdrop{padding:0}.menu-preferences-panel{width:100%;height:100%;max-height:100vh;box-shadow:none;border-inline:0}.menu-preferences-panel>header{padding:16px}.menu-preferences-panel>header p{display:none}.menu-preferences-body{padding:0 16px}.preference-fields,.preference-fields.is-profile{grid-template-columns:1fr}.hotkey-row{grid-template-columns:minmax(0,1fr) 108px}.menu-preferences-panel>footer{padding-inline:16px}.menu-preferences-panel>footer>span{display:none}.menu-preferences-panel>footer>button{width:100%}}.settings-header,.completion-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:50px;margin-bottom:16px;display:flex}.settings-panel>label{margin:13px 0;position:relative}.settings-panel output{color:var(--text);position:absolute;right:0}.settings-panel input[type=range]{accent-color:#b8753e;width:100%}.settings-panel .check-row{color:var(--text);grid-template-columns:none;align-items:center;gap:9px;display:flex}.scale-note{color:var(--muted);margin:-7px 0 11px;font-size:12px;line-height:1.4}.settings-note{color:var(--muted);margin-top:16px;font-size:12px}.special-shape-note{border-left:2px solid var(--theme-border,#9b6a40);color:var(--theme-muted,#bcb4a8);background:#1e1b18;margin:-5px 0 12px;padding:9px 10px;font-size:12px;line-height:1.4}.sound-setting{grid-template-columns:1fr auto;align-items:end;gap:8px;margin-top:13px;display:grid}.sound-setting label{color:var(--muted);gap:6px;display:grid}.sound-setting button{margin-bottom:1px}.settings-actions,.completion-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.tray-name-field,.tray-texture-field{color:var(--muted);gap:6px;margin:13px 0;display:grid}.tray-name-field input,.tray-texture-field select{width:100%;height:36px;color:var(--text);background:#1d1b18;border:1px solid #4b443b;border-radius:6px;padding:0 10px}.tray-tone-fieldset{border:0;min-width:0;margin:15px 0;padding:0}.tray-tone-fieldset legend{color:var(--muted);margin-bottom:7px}.tray-tone-options{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.tray-tone-options button{justify-content:flex-start;align-items:center;gap:7px;min-width:0;padding:0 8px;display:flex}.tray-tone-options button.is-selected{background:#3b3024;border-color:#b27d4c}.tray-tone-options i{border:2px solid;border-radius:3px;flex:0 0 17px;width:17px;height:17px}.tray-tone-options span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tray-size-fields{grid-template-columns:1fr 1fr;gap:12px;margin:13px 0;display:grid}.tray-size-fields label{color:var(--muted);gap:6px;display:grid;position:relative}.tray-size-fields output{color:var(--text);position:absolute;right:0}.tray-size-fields input{accent-color:#b8753e;width:100%}.tray-custom-color{grid-template-columns:1fr auto;align-items:end;gap:8px;margin:13px 0;display:grid}.tray-custom-color label{color:var(--muted);grid-template-columns:1fr 42px;align-items:center;gap:8px;display:grid}.tray-custom-color input{background:#1d1b18;border:1px solid #4b443b;border-radius:6px;width:42px;height:34px;padding:3px}.tray-grid-fields{grid-template-columns:1fr 1fr;gap:12px;margin:13px 0;display:grid}.tray-grid-fields label{color:var(--muted);gap:6px;display:grid;position:relative}.tray-grid-fields output{color:var(--text);position:absolute;right:0}.tray-grid-fields input{accent-color:#b8753e;width:100%}.tray-placement-help{color:var(--muted);margin:12px 0 0;font-size:12px;line-height:1.45}.tray-surface-preview{color:#2d2117;border:7px solid;place-items:center;min-height:70px;font-weight:650;display:grid;position:relative;overflow:hidden}.tray-surface-preview span{z-index:1;background:#ffffff2e;padding:3px 6px;position:relative}.tray-surface-preview.has-grid:after{content:"";opacity:.22;pointer-events:none;background-image:linear-gradient(currentColor 1px,#0000 1px),linear-gradient(90deg,currentColor 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.tray-texture-felt{background-image:repeating-linear-gradient(45deg,#ffffff0b 0 1px,#0000 1px 7px)}.tray-texture-linen{background-image:repeating-linear-gradient(0deg,#3f302217 0 1px,#0000 1px 7px),repeating-linear-gradient(90deg,#3f302217 0 1px,#0000 1px 7px)}.tray-texture-cork{background-image:radial-gradient(circle at 20% 28%,#35201129 0 1px,#0000 2px),radial-gradient(circle at 72% 64%,#fff0d21f 0 1px,#0000 2px);background-size:17px 19px,23px 21px}.tray-texture-velvet{background-image:linear-gradient(135deg,#ffffff1a,#0000 48%,#0000001f)}.tray-texture-rubber{background-image:radial-gradient(circle,#1414122e 0 1px,#0000 1.5px);background-size:9px 9px}.tray-texture-paper{background-image:repeating-linear-gradient(2deg,#4c3b2814 0 1px,#0000 1px 12px)}.compact-check{color:#5e5348;font-size:12px;line-height:1.35}.setup-layout{grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);gap:18px;display:grid}.cut-preview{min-height:410px;color:var(--muted);background:#171512;border:1px solid #443d35;place-items:center;padding:14px;display:grid;position:relative}.cut-preview img{object-fit:contain;width:100%;height:100%;max-height:62vh;display:block}.cut-preview span{background:#24211d;border:1px solid #50473d;border-radius:6px;padding:5px 7px;font-size:12px;position:absolute;bottom:10px;right:10px}.setup-fields{align-content:start;gap:12px;display:grid}.setup-fields label{color:var(--muted);gap:6px;display:grid;position:relative}.setup-fields select{width:100%;height:36px;color:var(--text);background:#1d1b18;border:1px solid #4b443b;border-radius:7px;padding:0 10px}.setup-fields output{color:var(--text);position:absolute;right:0}.setup-fields input[type=range]{accent-color:#b8753e;width:100%}.setup-fields .check-row{color:var(--text);grid-template-columns:none;align-items:center;gap:9px;display:flex}.setup-fields .check-row input{flex:none}.setup-option-group{border-top:1px solid var(--theme-border,#b8753e4d)}.setup-option-group>summary{color:var(--text);cursor:pointer;padding:12px 0;font-weight:700}.setup-option-group>summary:focus-visible{outline-offset:2px;outline:2px solid #b8753e}.setup-option-fields{gap:12px;padding:2px 0 14px;display:grid}.cut-style-controls{gap:11px;min-width:0;margin:0;display:grid}.cut-fine-settings{border-top:1px solid var(--theme-border,#b8753e4d)}.cut-fine-settings>summary{cursor:pointer;color:var(--text);padding:10px 0}.cut-fine-fields{gap:12px;padding-bottom:8px;display:grid}.cut-fine-fields>label{color:var(--muted);gap:6px;display:grid;position:relative}.cut-style-controls>p{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.cut-style-controls>label{color:var(--muted);gap:6px;display:grid;position:relative}.cut-style-controls output{color:var(--text);position:absolute;right:0}.cut-style-controls input[type=range]{accent-color:#b8753e;width:100%}.cut-style-controls small{color:var(--muted);line-height:1.4}.back-ratio-range{border:1px solid #b8753e52;border-radius:9px;gap:11px;margin:0;padding:12px 13px;display:grid}.back-ratio-range legend{color:var(--text);padding:0 5px;font-weight:700}.back-ratio-range small{color:var(--muted);line-height:1.4}.resolution-note{color:#d9c9b5;background:#211e1a;border-left:2px solid #c59648;gap:4px;padding:10px 11px;font-size:12px;line-height:1.45;display:grid}.resolution-note span{color:var(--muted)}.setup-preview-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:4px;display:grid}.piece-inspector{pointer-events:none;z-index:8;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.piece-inspector img{object-fit:contain;image-rendering:auto;filter:drop-shadow(0 8px 8px #0000007a)drop-shadow(0 0 1px #fff8e6e6)drop-shadow(0 0 5px #e2ab697a);width:min(620px,60vw);max-width:min(680px,62vw);height:min(620px,68vh);max-height:min(680px,72vh);transition:transform .18s;display:block}.completion-backdrop{background:#151310;padding:0}.completion-panel{width:100vw;height:100vh;max-height:none;box-shadow:none;background:#24211d;border:0;border-radius:0;grid-template-rows:56px minmax(0,1fr);padding:0;display:grid;overflow:hidden}.completion-panel .completion-header{min-height:56px;margin:0;padding:0 20px}.completion-layout{grid-template-columns:minmax(0,1fr) clamp(290px,24vw,360px);gap:0;height:auto;min-height:0;display:grid}.completion-picture{background:#151310;border:0;border-right:1px solid #3b352e;place-items:center;min-width:0;min-height:0;padding:0;display:grid;overflow:hidden;box-shadow:inset 0 0 34px #00000047}.completion-picture img{object-fit:contain;width:100%;min-width:0;height:100%;min-height:0;display:block}.completion-summary{flex-direction:column;min-height:0;padding:20px;display:flex}.completion-facts{border-bottom:1px solid #403a33;grid-template-columns:1fr 1fr;display:grid}.completion-facts>div{gap:3px;padding:4px 10px 15px 0;display:grid}.completion-facts>div+div{border-left:1px solid #403a33;padding-left:16px}.completion-facts strong{color:#f4e3cd;font-variant-numeric:tabular-nums;font-size:22px}.completion-facts span{color:var(--muted);font-size:12px}.completion-ranking{flex:1;min-height:0;padding-top:18px;overflow:auto}.completion-ranking-title{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.completion-ranking-title strong{color:#f4e3cd;font-size:15px}.completion-ranking-title span,.completion-ranking p{color:var(--muted);font-size:11px}.completion-ranking ol{margin:0;padding:0;list-style:none}.completion-ranking li{border-top:1px solid #3a352f;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:42px;display:grid}.completion-ranking li>b{color:var(--theme-accent,#bd8a54);font:700 12px/1 ui-monospace,monospace}.completion-ranking li>span{color:#e5ddd1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.completion-ranking li>strong{color:#f1c995;font-variant-numeric:tabular-nums;font-size:15px}.completion-actions{border-top:1px solid #403a33;grid-template-columns:1fr 1fr;gap:8px;margin-top:0;padding-top:14px;display:grid}.completion-actions .primary-button{grid-column:1/-1}.completion-actions .completion-next-puzzle{grid-column:1/-1;justify-content:center;align-items:center;min-height:42px;display:flex}.puzzle-intro{z-index:180;pointer-events:none;background:#181410;place-items:center;animation:2.9s both intro-curtain;display:grid;position:fixed;inset:0;overflow:hidden}.puzzle-intro-stage{width:100%;height:100%;position:absolute;inset:0}.puzzle-intro-stage canvas{width:100%;height:100%;display:block}.puzzle-intro-caption{color:#fff4e5;letter-spacing:.06em;text-align:center;text-shadow:0 2px 8px #000;font:600 14px/1.2 Georgia,serif;animation:2.9s both intro-caption;position:absolute;bottom:5%;left:24px;right:24px}@keyframes intro-curtain{0%{opacity:0}8%,82%{opacity:1}to{opacity:0}}@keyframes intro-caption{0%,18%{opacity:0;transform:translateY(8px)}30%,68%{opacity:1;transform:translateY(0)}82%,to{opacity:0;transform:translateY(-4px)}}.puzzle-outro{z-index:190;pointer-events:none;position:fixed;inset:0;overflow:hidden}.puzzle-outro canvas{width:100%;height:100%;display:block}.puzzle-outro-title{color:#fff4e5;text-align:center;text-shadow:0 2px 8px #000;gap:4px;animation:2.2s both outro-title;display:grid;position:absolute;bottom:5%;left:24px;right:24px}.puzzle-outro-title strong{font:600 22px/1.1 Georgia,serif}.puzzle-outro-title span{color:#d8c4aa;font-size:12px}@keyframes outro-title{0%,38%{opacity:0;transform:translateY(7px)}52%,88%{opacity:1;transform:translateY(0)}to{opacity:0}}.statusbar{border-top:1px solid var(--theme-border,#405548);color:#e7eee7;background:#526a59;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:0 14px;font-size:12px;display:grid;box-shadow:inset 0 1px #ffffff06}.statusbar>:last-child{text-align:right}@media (max-width:1100px){.player-chip,.presence,.brand-menu-hint,.quick-action-label{display:none}.topbar>button kbd{margin-left:0}.menu-section-layout{grid-template-columns:minmax(340px,1fr) 220px;gap:32px}.menu-recent-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:780px){.brand-label,.brand-menu-hint,.player-chip,.presence,.topbar-session{display:none}.brand-button{padding-right:7px}.topbar{gap:3px;padding-inline:6px}.topbar-menus{flex:auto;justify-content:center}.toolbar-menu>summary,.topbar-actions>button{padding-inline:7px}.toolbar-menu:nth-of-type(3),.settings-label,.toolbar-spacer,.compact-field span{display:none}.reference-panel{max-width:calc(100vw - 20px)}.race-panel{width:min(250px,100% - 16px);bottom:58px;right:8px}.personal-shelf,.personal-shelf.shelf-size-100,.personal-shelf.shelf-size-150,.personal-shelf.shelf-size-200{width:calc(100% - 16px);bottom:8px;right:8px}.personal-shelf:not(.is-open){width:176px}.zoom-controls{left:8px}.table-furniture{padding:10px}.hint{display:none}.statusbar{grid-template-columns:1fr 1fr}.puzzle-menu{grid-template-rows:56px minmax(0,1fr);min-height:0}.menu-topbar{padding:0 14px}.menu-brand span:not(.menu-brand-mark),.menu-room-status{display:none}.menu-layout,.menu-layout.is-overview,.menu-layout.is-detail{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.menu-layout.is-detail{grid-template-rows:auto minmax(0,1fr)}.menu-layout.is-detail .menu-rail{visibility:visible;border-left:0;grid-area:1/1}.menu-layout.is-detail .menu-content{grid-area:2/1;padding:0;position:relative}.menu-rail{border-right:0;border-bottom:1px solid var(--line);padding:10px 12px 11px}.menu-start-title{display:none}.menu-overlay .menu-overview-button{height:26px;margin:0 0 6px}.menu-nav{flex:none;padding-bottom:2px;display:flex;overflow-x:auto}.menu-nav button{flex:none;grid-template-columns:1fr;width:auto;min-width:138px;height:46px;padding-inline:10px}.menu-nav-key,.menu-nav button>span:last-child>span{display:none}.menu-profile{grid-template-columns:minmax(150px,1fr) 136px;margin-top:9px;padding:10px 0 0}.menu-profile-heading{display:none}.menu-profile input{height:36px}.menu-content{padding:0}.menu-detail-panel{width:auto;padding:18px;inset:10px}.menu-layout.is-detail .menu-content-header,.menu-layout.is-detail .menu-section-layout{width:100%;padding-inline:0}.menu-layout.is-detail .menu-section-layout{grid-template-columns:1fr;gap:0}.menu-content-header{min-height:82px}.menu-content-header h1{font-size:25px}.menu-showcase{grid-template-columns:1fr}.menu-cinematic-viewport{min-height:180px}.menu-feature-copy{border-top:1px solid var(--theme-border,#ffffff2e);border-left:0;padding:18px 20px}.menu-feature-copy p{margin-bottom:12px}.menu-section-layout{grid-template-columns:1fr;gap:0}.menu-section{padding-top:24px}.menu-context{margin-top:28px}.secret-rule-grid{grid-template-columns:1fr}.menu-footer{display:none}.piece-inspector img{max-width:76vw;max-height:64vh}.completion-panel{overflow:auto}.completion-layout{grid-template-rows:min(64vh,560px) auto;grid-template-columns:1fr;height:auto}.completion-picture{border-bottom:1px solid #3b352e;border-right:0;min-height:300px}.completion-summary{padding:16px}.setup-layout{grid-template-columns:1fr}.cut-preview{min-height:280px}.pair-selection-grid,.pair-selection-grid.is-multi,.chaos-cut-preview-grid,.next-round-mode-grid{grid-template-columns:1fr}.pair-selection-card{min-height:150px}.music-panel{width:calc(100% - 16px);bottom:8px;left:8px}.menu-recent-list{grid-template-columns:1fr}.menu-layout.is-overview .menu-recent-strip{display:none}.menu-layout.is-overview .menu-content:has(.menu-recent-strip) .menu-feature-copy{bottom:28px}}@media (orientation:portrait) and (max-width:900px){.app-shell,.app-shell.ui-scale-large,.app-shell.ui-scale-extra{grid-template-rows:96px minmax(0,1fr) 32px}.topbar{grid-template-rows:50px 45px;grid-template-columns:auto minmax(0,1fr);gap:0 6px;padding:0 8px;display:grid}.brand-button{grid-area:1/1;height:44px;padding-right:10px}.brand-label{display:inline}.brand-menu-hint,.topbar-session,.toolbar-spacer{display:none}.topbar-actions{grid-area:1/2;justify-content:flex-end;min-width:0;overflow:hidden}.topbar-actions>button{white-space:nowrap;min-height:36px;padding-inline:8px}.tablet-reference-toggle{display:inline-flex}.topbar-menus{border-top:1px solid var(--theme-border,#705b412e);scrollbar-width:none;grid-area:2/1/auto/-1;justify-content:flex-start;min-width:0;overflow:auto hidden}.topbar-menus::-webkit-scrollbar{display:none}.toolbar-menu:nth-of-type(3){display:block}.toolbar-menu>summary{white-space:nowrap;height:40px;padding-inline:9px}.toolbar-popover{width:auto;max-height:calc(100dvh - 148px);position:fixed;top:96px;left:8px;right:8px;overflow-y:auto}.table-furniture{padding:9px}.reference-panel{width:min(var(--reference-width,240px), 42vw);min-width:180px;max-width:calc(100vw - 34px);top:8px;right:8px}.reference-panel img{max-height:min(32vh,330px)}.secondary-reference-panel{top:auto;bottom:72px}.touch-piece-controls{bottom:14px}.statusbar{gap:8px;padding-inline:10px;font-size:11px}}@media (orientation:portrait) and (max-width:620px){.brand-label{display:none}.topbar-actions>button{padding-inline:6px;font-size:11px}}@keyframes menu-cinematic-tour{0%,12%{transform:rotateX(10deg)rotateY(-4deg)rotate(-.8deg)translate(-11%,-5%)scale(.98)}24%,36%{transform:rotateX(7deg)rotateY(5deg)rotate(.5deg)translate(10%,-8%)scale(1.03)}48%,60%{transform:rotateX(13deg)rotateY(6deg)rotate(-.4deg)translate(12%,7%)scale(1)}72%,84%{transform:rotateX(8deg)rotateY(-6deg)rotate(.6deg)translate(-10%,9%)scale(1.03)}to{transform:rotateX(10deg)rotateY(-4deg)rotate(-.8deg)translate(-11%,-5%)scale(.98)}}@media (prefers-reduced-motion:reduce){.menu-cinematic-table{animation:none;transform:rotateX(10deg)rotate(-1deg)}.menu-nav button,.menu-feature-action span{transition:none}.puzzle-intro,.puzzle-intro-caption,.puzzle-outro-title{animation-duration:.45s}}:root{--paper:#f5ecdd;--paper-control:#fffaf2;--paper-line:#c7b59c;--paper-text:#342d26;--paper-muted:#6f6255;--action:#a85539;--action-hover:#93462f}.table-furniture{background:#76502d;padding:12px;box-shadow:inset 0 0 0 1px #49301d}.table-furniture:before{border-color:#f5d2a31f}.table-surface{background-image:none;box-shadow:inset 0 0 12px #00000029}.table-surface:after{box-shadow:none}.surface-charcoal,.surface-burgundy{background-image:none}.surface-linen{background-image:repeating-linear-gradient(0deg,#493c2c06 0 1px,#0000 1px 7px)}.surface-cork{background-image:radial-gradient(circle at 12% 28%,#4a2c1712 0 1px,#0000 1.5px),radial-gradient(circle at 71% 63%,#ffebc20f 0 1px,#0000 1.5px);background-size:27px 29px,33px 25px}.race-panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:#29251f;box-shadow:0 2px 8px #00000029}.cut-preview-tabs{-webkit-backdrop-filter:none;backdrop-filter:none;background:#29251f;border-radius:6px}.cut-preview-tabs button{border-radius:3px}.menu-layout.is-detail .menu-cinematic-table{filter:saturate(.86)}.setup-panel,.settings-panel,.tray-editor-panel,.menu-preferences-panel{--text:var(--paper-text);--muted:var(--paper-muted);--line:var(--paper-line);color-scheme:var(--ui-scheme,light);color:var(--paper-text);background:var(--paper);border-color:var(--paper-line);border-radius:8px;max-height:calc(100dvh - 40px);box-shadow:0 2px 8px #1a17132e}.menu-preferences-panel{border-top-width:1px}:is(.setup-panel,.settings-panel,.tray-editor-panel,.menu-preferences-panel) :is(button,select,.file-button){border-color:var(--paper-line);background:var(--paper-control);min-height:36px;color:var(--paper-text);border-radius:6px}:is(.setup-panel,.settings-panel,.tray-editor-panel,.menu-preferences-panel) :is(button,select,.file-button):hover{border-color:var(--theme-border,#a58f70);background:var(--theme-control,#fff)}:is(.setup-panel,.settings-panel,.tray-editor-panel,.menu-preferences-panel) .primary-button,.toolbar-popover button.primary-button,.menu-overlay .primary-button{border-color:var(--action);background:var(--action);color:#fffaf3}:is(.setup-panel,.settings-panel,.tray-editor-panel,.menu-preferences-panel) .primary-button:hover,.toolbar-popover button.primary-button:hover,.menu-overlay .primary-button:hover{border-color:var(--action-hover);background:var(--action-hover)}:is(.setup-panel,.settings-panel,.tray-editor-panel,.menu-preferences-panel) button.active-tool{border-color:var(--theme-border,#66806d);background:var(--theme-panel,#e2ebe2);color:var(--theme-text,#385342)}:is(.setup-panel,.settings-panel,.tray-editor-panel,.menu-preferences-panel) :is(input[type=text],input[type=color],input:not([type])){border-color:var(--paper-line);background:var(--paper-control);color:var(--paper-text)}.setup-panel .cut-preview{color:var(--theme-muted,#c4b8a7)}.setup-panel .cut-preview-tabs button{color:#e4d4be;background:0 0}.setup-panel .cut-preview-tabs button.is-active{background:var(--theme-muted-panel,#e8d4b5);color:var(--theme-text,#3d3228)}.setup-panel .cut-preview>span{color:#e4d4be}.setup-panel .resolution-note{background:var(--theme-panel,#eee2d2);color:var(--paper-text)}.special-shape-note{background:var(--theme-panel,#eee2d2);color:var(--paper-muted)}.tray-tone-options button.is-selected{color:#385342;background:#e2ebe2;border-color:#66806d}.settings-header{z-index:4;background:var(--paper);gap:12px;position:sticky;top:0}.settings-header>strong{overflow-wrap:anywhere;min-width:0;line-height:1.35}.settings-header>button{flex:none;min-width:36px}.settings-actions{z-index:3;border-top:1px solid var(--paper-line);background:var(--paper);padding-block:12px;position:sticky;bottom:0}.setup-fields label,.preference-fields label{font-size:13px;line-height:1.4}.preference-heading small,.hotkey-row small,.preference-footnote{font-size:12px;line-height:1.45}.menu-preferences-body{overscroll-behavior:contain}.piece-outline-settings{border:0;border-top:1px solid var(--paper-line);grid-column:1/-1;min-width:0;margin:12px 0 0;padding:12px 0 0}.piece-outline-settings legend{padding:0 8px 0 0;font-weight:600}.piece-outline-fields{grid-template-columns:minmax(80px,1fr) minmax(120px,2fr) 96px;align-items:center;gap:16px;margin-top:12px;display:grid}.piece-outline-preview{background:var(--paper-control);border:1px solid var(--paper-line);border-radius:6px;width:96px;height:76px}@media (max-width:520px){.piece-outline-fields{grid-template-columns:1fr 1fr}.piece-outline-preview{grid-column:1/-1}}.menu-preferences-panel>header>button,.menu-overlay .menu-preferences-panel>header>button{border:1px solid var(--paper-line);background:var(--paper-control);width:36px;height:36px;color:var(--paper-text);border-radius:6px;padding:0;font-size:22px}.menu-preferences-panel .hotkey-row>button,.menu-overlay .hotkey-row>button{border-color:var(--paper-line);background:var(--theme-panel,#eee1cf);min-height:36px;color:var(--paper-text);border-radius:6px;font-size:12px}.menu-preferences-panel .hotkey-row>button.is-capturing,.menu-overlay .hotkey-row>button.is-capturing{border-color:var(--theme-border,#a9553c);background:var(--theme-control,#fff8ed);color:var(--theme-accent,#8f432e)}@media (pointer:coarse){.app-shell :is(button,select,.file-button,summary){min-height:44px}.app-shell button{min-width:44px}.app-shell :is(.check-row,.preference-check,.compact-check){min-height:44px}.app-shell input[type=checkbox]{flex:0 0 20px;width:20px;height:20px}.app-shell input[type=range]{min-height:44px}:is(.setup-panel,.settings-panel,.tray-editor-panel,.menu-preferences-panel,.toolbar-popover) :is(select,input[type=text],input[type=color],input:not([type])){min-height:44px;font-size:16px}.menu-preferences-panel>header>button,.menu-overlay .menu-preferences-panel>header>button{width:44px;height:44px}.menu-preferences-panel .hotkey-row>button,.menu-overlay .hotkey-row>button{min-height:44px}.reference-panel{min-width:min(216px,100vw - 32px)}.reference-header{flex-wrap:wrap;gap:6px;height:auto;min-height:44px;padding:8px}.reference-actions{justify-content:flex-end;gap:3px;width:100%;display:flex}.reference-actions button{flex:0 0 44px;width:44px;height:44px}.reference-tabs{flex-wrap:wrap}.reference-tabs button{min-width:44px}.zoom-controls>button{min-width:44px;min-height:44px}.music-header{min-height:52px}.music-panel.is-minimized{max-height:52px}.personal-shelf-remove{width:44px;height:44px}.personal-shelf-add{white-space:normal}.settings-actions{flex-wrap:wrap}.settings-actions>button{flex:180px;height:auto;padding-block:10px}}@media (pointer:coarse) and (max-width:1180px){.app-shell,.app-shell.ui-scale-large,.app-shell.ui-scale-extra{grid-template-rows:100px minmax(0,1fr) 32px}.topbar{grid-template-rows:50px 49px;grid-template-columns:auto minmax(0,1fr);gap:0 6px;padding-inline:8px;display:grid}.brand-button{grid-area:1/1;height:44px;padding-right:8px}.brand-menu-hint,.topbar-session,.toolbar-spacer{display:none}.topbar-actions{scrollbar-width:thin;grid-area:1/2;justify-content:flex-start;min-width:0;overflow:auto hidden}.topbar-actions>button{white-space:nowrap;flex:none;min-height:44px;padding-inline:10px;font-size:13px}.topbar-actions .quick-action-label{display:inline}.topbar-actions kbd{display:none}.tablet-reference-toggle{display:inline-flex}.topbar-menus{border-top:1px solid var(--theme-border,#d1c0a9);scrollbar-width:thin;grid-area:2/1/auto/-1;justify-content:flex-start;min-width:0;overflow:auto hidden}.toolbar-menu:nth-of-type(3){display:block}.toolbar-menu>summary{white-space:nowrap;height:44px;padding-inline:10px}.toolbar-popover{overscroll-behavior:contain;width:auto;max-height:calc(100dvh - 144px);position:fixed;top:100px;left:8px;right:8px;overflow-y:auto}.table-furniture{padding:8px}.menu-preferences-panel{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.menu-preferences-backdrop{padding:12px}.preference-section,.preference-hotkeys{grid-template-columns:1fr;gap:14px}.preference-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.preference-fields.is-profile{grid-template-columns:minmax(0,1fr) 76px}.cut-preview{min-height:220px}.cut-preview img{max-height:38dvh}}@media (max-width:560px){.menu-preferences-backdrop{padding:0}.menu-preferences-panel{border-radius:0;width:100%;height:100dvh;max-height:100dvh}.preference-fields,.preference-fields.is-profile{grid-template-columns:1fr}.menu-preferences-panel>header{min-height:72px;padding:12px 16px}.menu-preferences-panel>footer{padding:8px 16px}.menu-preferences-panel>footer>button{min-height:44px}.settings-actions{flex-direction:column-reverse}.settings-actions>button{flex:none}}dialog.menu-preferences-backdrop{width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--paper-text);border:0;margin:0}dialog.menu-preferences-backdrop:not([open]){display:none}dialog.menu-preferences-backdrop::backdrop{background:0 0}.menu-preferences-panel{min-height:0;overflow:hidden}.menu-preferences-body{min-height:0}.menu-preferences-panel :is(button,select,input){font-family:inherit}.menu-preferences-panel button:disabled,.personal-sound-actions .is-disabled{opacity:.5;cursor:default}.menu-preferences-panel :is(button,input,select):focus-visible{outline-offset:3px;outline:2px solid #526e59}.menu-preferences-panel .preference-fields label{font-size:14px}.menu-preferences-panel .preference-heading>div>strong{font-size:15px}.keyboard-navigation{grid-column:2}.keyboard-navigation .preference-check{align-items:center;gap:8px;min-height:44px;display:flex}.preference-hotkeys>:is(.hotkey-list,.hotkey-notice,.preference-footnote){grid-column:2}.keyboard-navigation p{margin:0 0 8px;font-size:13px}.personal-sounds{margin-top:20px}.personal-sound-row{border:0;border-top:1px solid var(--paper-line);min-width:0;margin:16px 0 0;padding:12px 0 16px}.personal-sound-row legend{padding-right:8px;font-size:14px;font-weight:650}.personal-sound-name{overflow-wrap:anywhere;color:var(--paper-muted);margin:0 0 10px;font-size:13px}.personal-sound-actions{flex-wrap:wrap;gap:8px;display:flex}.personal-sound-actions :is(button,.file-button){border:1px solid var(--paper-line);font:inherit;cursor:pointer;justify-content:center;align-items:center;padding:8px 12px;font-size:13px;display:inline-flex;position:relative}.personal-sound-actions .file-button input{opacity:0;cursor:pointer;width:100%;height:100%;display:block;position:absolute;inset:0}.personal-sound-actions .file-button:focus-within{outline-offset:3px;outline:2px solid #526e59}.personal-sound-options{grid-template-columns:1fr 1fr;align-items:center;gap:8px 16px;margin-top:10px;font-size:13px;display:grid}.personal-sound-options label{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.personal-sound-options input[type=range]{flex:1 0 100%;min-width:0}.personal-sound-row [role=status]{color:var(--paper-muted);font-size:12px}.personal-sound-error{color:var(--theme-accent,#843926);font-size:13px}@media (max-width:820px),(pointer:coarse) and (max-width:1180px){.keyboard-navigation,.preference-hotkeys>:is(.hotkey-list,.hotkey-notice,.preference-footnote){grid-column:1}}@media (max-width:560px){.personal-sound-options{grid-template-columns:1fr}.menu-preferences-panel>header{padding-top:max(12px, env(safe-area-inset-top))}.menu-preferences-panel>footer{padding-bottom:max(8px, env(safe-area-inset-bottom))}}.topbar-actions>button:not(:has(kbd)) .quick-action-label{display:inline}.menu-preferences-panel :is(.preference-heading small,.hotkey-row small,.preference-footnote){color:var(--paper-muted)}.menu-preferences-panel>header p,.menu-preferences-panel>footer>span{color:var(--theme-muted,#67594c)}@media (pointer:coarse){.zoom-controls{width:54px}}.puzzle-load-shield{z-index:1000;background:var(--theme-panel,#f5ecde);color:var(--theme-text,#3d332b);color-scheme:var(--ui-scheme,light);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:fixed;inset:0}.puzzle-load-shield p{max-width:42ch;margin:0;font-size:17px}.puzzle-load-shield>div{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.puzzle-load-shield button{background:var(--theme-control,#fffaf2);min-height:44px;color:var(--theme-text,#3d332b);border-color:var(--theme-border,#bba78c)}.completion-gallery{flex-direction:column;min-width:0;min-height:0;display:flex}.completion-gallery-controls{flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:10px;display:flex}.completion-gallery-controls label{align-items:center;gap:8px;display:flex}.completion-gallery-controls [aria-pressed=true]{border-color:var(--focus)}.completion-gallery .completion-picture{flex:1;min-height:0}.workshop-mix{border:1px solid var(--paper-line);min-width:0;margin:0;padding:12px}.workshop-mix-row{grid-template-columns:minmax(0,1fr) minmax(60px,.65fr) 42px;align-items:center;gap:8px;margin:8px 0;display:grid}.workshop-mix-row label{align-items:center;gap:6px;display:flex}.workshop-mix-row input[type=range]{width:100%;min-width:0;margin:0}.workshop-mix-row output{white-space:nowrap;font-variant-numeric:tabular-nums;justify-self:end;position:static}.topbar .frame-lock-control{width:44px;height:44px;color:inherit;touch-action:manipulation;background:0 0;border:1px solid #0000;border-radius:4px;flex:0 0 44px;justify-content:center;align-items:center;padding:10px;display:inline-flex}.topbar .frame-lock-control:hover{background:var(--theme-panel);border-color:var(--paper-line)}.frame-lock-control svg{flex-shrink:0;width:18px;height:18px}.frame-lock-control:disabled{opacity:.8;cursor:default}.achievement-settings{border-top:1px solid var(--paper-line);color:var(--paper-text);padding:20px 24px;overflow:auto}.achievement-settings ul{padding:0;list-style:none}.achievement-settings li{border-bottom:1px solid var(--paper-line);grid-template-columns:1fr auto;padding:10px 0;display:grid}.achievement-settings li span{color:var(--paper-muted);grid-column:1}.achievement-settings output{grid-area:1/2/span 2;align-self:center}.achievement-transfer{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.achievement-transfer input{display:none}.achievement-badge{color:var(--paper-muted);font-size:11px}.achievement-dialog{border:1px solid var(--paper-line);background:var(--paper);width:min(880px,100vw - 32px);max-width:none;height:min(820px,100dvh - 32px);max-height:none;color:var(--paper-text);color-scheme:var(--ui-scheme,light);border-radius:8px;padding:0}.achievement-dialog[open]{flex-direction:column;margin:auto;display:flex;position:fixed;inset:0}.achievement-dialog::backdrop{background:#0000008c}.achievement-dialog header{border-bottom:1px solid var(--paper-line);justify-content:space-between;align-items:flex-start;gap:16px;padding:24px;display:flex}.achievement-dialog h2{font:inherit;margin:0 0 4px;font-size:24px;font-weight:600}.achievement-dialog header p{color:var(--paper-muted);margin:0}.achievement-dialog :is(button,select,input,.file-button){background:var(--paper-control);color:var(--paper-text);border:1px solid var(--paper-line)}.achievement-dialog button:hover{background:var(--paper)}.achievement-dialog button{min-height:40px}.achievement-tabs{border-bottom:1px solid var(--paper-line);flex-shrink:0;padding:0 24px;display:flex;overflow-x:auto}.achievement-tabs button{background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;height:48px}.achievement-tabs button[aria-selected=true]{border-bottom-color:currentColor;font-weight:600}.achievement-content{overscroll-behavior:contain;flex:1;min-height:0;padding:20px 24px;overflow:auto}.achievement-search{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.achievement-search input{border-radius:6px;flex:1;min-width:160px;height:40px;padding:8px 10px}.achievement-list{margin:0;padding:0;list-style:none}.achievement-list li{border-bottom:1px solid var(--paper-line);grid-template-columns:24px 1fr auto;align-items:start;gap:12px;padding:18px 0;display:grid}.achievement-list h3{font:inherit;margin:0 0 5px;font-weight:600}.achievement-list p{margin:0;line-height:1.5}.achievement-symbol{font-size:19px;line-height:1.25}.achievement-state{color:var(--paper-muted);padding-top:2px;font-size:12px}.achievement-list .is-undiscovered p{color:var(--paper-muted)}.achievement-list details{color:var(--paper-muted);margin-top:10px;font-size:12px}.achievement-list summary{cursor:pointer}.achievement-list details p{margin-top:5px}.achievement-dialog footer{border-top:1px solid var(--paper-line);color:var(--paper-muted);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;font-size:12px;display:flex}.achievement-content .achievement-settings{border:0;padding:0}.achievement-toast{z-index:900;pointer-events:none;width:min(380px,100vw - 40px);position:fixed;bottom:58px;right:20px}.achievement-toast>div{border:1px solid var(--paper-line);background:var(--paper);color:var(--paper-text);border-radius:6px;align-items:flex-start;gap:12px;padding:16px;display:flex}.achievement-toast p{margin:5px 0 0;line-height:1.45}.achievement-toast-label{color:var(--paper-muted);margin-bottom:5px;font-size:12px;display:block}.achievement-progress{color:var(--paper-muted);align-items:center;gap:12px;margin-top:12px;font-size:12px;display:flex}.achievement-progress progress{width:min(230px,65%);height:7px;accent-color:var(--theme-accent,#a85539)}.achievement-toast button{pointer-events:auto;background:var(--paper-control);color:var(--paper-text);border-color:var(--paper-line);flex-shrink:0}@media (max-width:600px){.achievement-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px)}.achievement-dialog header,.achievement-content,.achievement-dialog footer{padding:16px}.achievement-tabs{padding:0 8px}.achievement-tabs button{min-height:44px;padding:0 10px}.achievement-list li{grid-template-columns:20px 1fr;gap:8px}.achievement-state{grid-column:2}.achievement-dialog footer{flex-wrap:wrap}.workshop-mix-row{grid-template-columns:1fr 70px 40px;gap:5px}.achievement-badge{display:none}}.hammer-effects{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;inset:0}.cut-layout-control{gap:6px;margin-bottom:14px;display:grid}.cut-layout-control label{gap:6px;display:grid}.cut-layout-control select{width:100%;min-width:0}@media (orientation:portrait) and (max-width:900px){.topbar-actions{justify-content:flex-start;overflow:auto hidden}}.setup-backdrop{padding:20px}.setup-panel{grid-template-rows:auto minmax(0,1fr) auto;height:min(850px,100dvh - 40px);padding-bottom:0;display:grid;overflow:hidden}.setup-panel>.setup-layout{min-height:0;overflow:hidden}.setup-panel .setup-fields{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;padding:0 8px 12px 0;overflow-y:auto}.setup-panel .cut-preview{min-width:0;min-height:0;overflow:hidden}.setup-panel .cut-preview>img{min-height:0;max-height:100%}.setup-panel .chaos-cut-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);align-content:stretch;min-height:0}.setup-panel .chaos-cut-preview-grid img{min-height:0;max-height:100%}.setup-panel>.settings-header{margin-block:0 10px;position:static}.setup-panel>.settings-actions{margin-top:10px;position:static}@media (max-width:900px){.setup-backdrop{padding:8px}.setup-panel{width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);padding-inline:12px}.setup-panel>.setup-layout{grid-template-rows:minmax(70px,28%) minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:10px}.setup-panel .cut-preview{padding:5px}.setup-panel>.settings-actions{gap:8px}.setup-panel>.settings-actions button{white-space:normal;flex:1;min-width:0}}.menu-preferences-panel.help-panel>header strong{min-width:0;font-size:22px}.menu-preferences-panel.help-panel>header>button{flex-shrink:0}.help-panel textarea{border:1px solid var(--paper-line,#cbb89e);background:var(--paper-control,#fffaf2);color:inherit;border-radius:6px;padding:8px}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.menu-layout.is-overview .menu-showcase.puzzle-showcase{isolation:isolate;background:#35473c;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);min-height:0;display:grid}.menu-layout.is-overview .menu-content:has(.menu-recent-strip) .puzzle-showcase{bottom:128px}.showcase-stage{min-height:0;position:relative;overflow:hidden}.showcase-shot{perspective:1500px;opacity:1;place-items:center;transition:opacity .85s;display:grid;position:absolute;inset:0}.showcase-shot.is-leaving{opacity:0}.showcase-camera{transform-origin:50%;will-change:transform;position:relative}.showcase-plane{width:100%;height:100%;animation:.85s both showcase-reveal}.showcase-plane img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.showcase-footer{color:#fff8ed;justify-content:space-between;align-items:flex-end;gap:16px;padding:24px clamp(24px,3vw,44px) 28px;display:flex;position:relative}.menu-layout.is-overview .puzzle-showcase .showcase-footer .menu-feature-copy{width:auto;min-width:0;text-shadow:none;border:0;padding:0;position:static}.menu-layout.is-overview .puzzle-showcase .menu-feature-copy>strong{overflow-wrap:anywhere;font-size:clamp(24px,2.5vw,36px);line-height:1.15}.menu-layout.is-overview .puzzle-showcase .menu-feature-copy>span{color:#cdd8ce}.menu-layout.is-overview .puzzle-showcase .menu-feature-copy p{margin:8px 0 12px;font-size:14px}.showcase-controls{flex-shrink:0;align-items:center;gap:4px;display:flex}.showcase-controls>span{color:#cdd8ce;font-variant-numeric:tabular-nums;white-space:nowrap;margin-right:8px;font-size:13px}.showcase-controls button{color:#fff7e9;background:0 0;border:1px solid #728375;border-radius:4px;width:44px;height:44px;padding:0;font-size:22px}.showcase-controls button:hover:not(:disabled){background:#435c4b;border-color:#c9d0c2}.showcase-controls button:focus-visible{outline-offset:3px;outline:2px solid #f4ce83}.showcase-controls button:disabled{opacity:.45}.showcase-placeholder{color:#d7dfd3;place-items:center;height:100%;padding:32px;font-size:15px;display:grid}.menu-layout.is-detail .puzzle-showcase{margin:0;position:absolute;inset:0}.menu-layout.is-detail .showcase-footer{display:none}.menu-layout.is-detail .showcase-stage{position:absolute;inset:0}@keyframes showcase-reveal{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.showcase-plane{animation:none}.showcase-shot{transition:none}}@media (min-width:781px) and (max-width:1100px){.showcase-footer{flex-wrap:wrap;gap:12px;padding:18px 24px}}@media (max-width:780px){.puzzle-menu{grid-template-columns:minmax(0,1fr)}.menu-topbar{gap:8px}.menu-topbar-actions{gap:6px}.menu-nav{grid-template-columns:repeat(3,minmax(0,1fr));padding-right:0;display:grid;overflow:visible}.menu-nav button{width:100%;min-width:0;height:auto;min-height:48px;padding:8px 5px}.menu-nav button strong{white-space:normal;font-size:14px;line-height:1.2}.menu-profile{grid-template-columns:minmax(0,1fr) 128px;gap:12px}.menu-profile label{min-width:0}.menu-profile .profile-color{flex-direction:column;align-items:flex-start;gap:5px;font-size:12px;display:flex}.menu-profile input{width:100%;min-width:0;height:44px}.menu-profile input[type=color]{width:64px;height:44px}.menu-layout.is-overview .menu-content:has(.menu-recent-strip) .puzzle-showcase{bottom:0}.showcase-footer{flex-wrap:wrap;gap:12px;padding:12px 20px 18px}.menu-layout.is-overview .puzzle-showcase .menu-feature-copy>strong{font-size:23px}.showcase-controls{margin-left:auto}}@media (max-width:380px){.menu-brand strong{font-size:14px}.menu-brand{gap:6px}}:root{--ui-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ui-scheme:dark;--theme-panel:#222820;--theme-control:#30372d;--theme-muted-panel:#282d25;--theme-border:#59604f;--theme-text:#f1ebdf;--theme-muted:#c0b8a9;--theme-accent:#e4ae85;--theme-overlay:#222820fa;--theme-hover:#eee7d814;--paper:var(--theme-panel);--paper-control:var(--theme-control);--paper-line:var(--theme-border);--paper-text:var(--theme-text);--paper-muted:var(--theme-muted);--focus:#ebbf7d}.theme-toggle,.menu-overlay .theme-toggle{border:1px solid var(--paper-line);background:var(--paper-control);min-width:44px;min-height:36px;color:var(--paper-text);white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding-inline:10px;font-size:13px;display:inline-flex}.theme-toggle svg{flex-shrink:0}.theme-toggle:hover,.menu-overlay .theme-toggle:hover{color:var(--paper-text);background:var(--paper)}:root[data-theme=dark] .menu-topbar{border-color:var(--paper-line);background:#1c241e}:root[data-theme=dark] .topbar{color:var(--paper-text);background:#222820}:root[data-theme=dark] .menu-preferences-panel :is(button,input,select):focus-visible{outline-color:var(--focus)}:root[data-theme=dark] :is(.puzzle-load-shield,.menu-preferences-panel){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (max-width:600px){.theme-toggle span{display:none}.theme-toggle,.menu-overlay .theme-toggle{width:44px;height:44px;padding:0}.menu-topbar-actions{gap:5px}.menu-topbar .menu-resume-button{white-space:nowrap;padding-inline:8px;font-size:12px}}@media (pointer:coarse){.theme-toggle,.menu-overlay .theme-toggle{min-height:44px}}