.app-footer{min-height:18px;display:flex;align-items:center;justify-content:center;gap:14px;color:var(--footer-text);font-size:11px;line-height:1;letter-spacing:0;text-shadow:0 0 8px var(--accent-glow)}.app-footer a{color:var(--footer-link);text-decoration:none}.app-footer a:hover{color:var(--footer-link-hover);text-decoration:underline}@media(max-width:700px){.app-footer{flex-wrap:wrap;gap:8px 12px;line-height:1.4;text-align:center}}.app-header{display:grid;grid-template-columns:minmax(280px,1fr) minmax(0,460px) minmax(280px,1fr);align-items:center;gap:12px}.app-header h1{position:relative;margin:0;display:flex;align-items:center}.app-header h1:before{content:"";position:absolute;inset:-4px -8px;z-index:-1;border:1px solid var(--logo-plate-border);border-radius:8px;background:var(--logo-plate-bg);box-shadow:var(--logo-plate-shadow);pointer-events:none}.app-logo{display:block;width:auto;height:32px;object-fit:contain;filter:var(--logo-filter)}.roulette-tabs{min-height:34px;display:inline-grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;padding:4px;border:1px solid var(--segmented-border);border-radius:10px;background:var(--segmented-bg);box-shadow:var(--control-shadow)}.roulette-tab-wrap{min-width:0}.roulette-tab,.roulette-tab-input{height:26px;width:100%;min-width:0;padding:0 12px;font-size:12px;line-height:1;white-space:nowrap}.roulette-tab{display:grid;grid-template-columns:18px minmax(0,1fr) 18px;align-items:center;overflow:hidden}.roulette-tab.active{border-color:var(--active-border);background:var(--active-bg);box-shadow:var(--active-shadow)}.roulette-tab:hover .roulette-tab-edit-icon{opacity:.9}.roulette-tab-label{grid-column:2;min-width:0;overflow:hidden;text-overflow:ellipsis}.roulette-tab-edit-icon{grid-column:3;justify-self:end;width:11px;height:11px;opacity:0}.roulette-tab-edit-icon svg{display:block;width:100%;height:100%;fill:var(--gold)}.roulette-tab-input{color:var(--text-primary);text-align:center;background:var(--input-bg);border:1px solid var(--active-border);border-radius:8px;outline:none;box-shadow:0 0 0 2px var(--accent-soft),0 0 12px var(--accent-glow)}.header-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px}.language-switch,.theme-switch{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--segmented-border);border-radius:10px;background:var(--segmented-bg);box-shadow:var(--control-shadow)}.language-button,.theme-button{min-width:42px;height:30px;padding:0 8px;font-size:13px;line-height:1}.language-button.active,.theme-button.active{border-color:var(--active-border);background:var(--active-bg);box-shadow:var(--active-shadow)}.theme-button{min-width:34px;display:inline-flex;align-items:center;justify-content:center}.theme-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.help-button{width:34px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-color:var(--border-strong);border-radius:50%;font-size:18px;font-weight:900;line-height:1}@media(max-width:900px){.app-header{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"logo actions" "tabs tabs";align-items:center;gap:10px}.app-header h1{grid-area:logo;min-width:0}.app-logo{max-width:100%;height:28px}.roulette-tabs{grid-area:tabs;justify-self:stretch}.header-actions{grid-area:actions;gap:6px}}@media(max-width:520px){.app-header{grid-template-columns:1fr;grid-template-areas:"logo" "tabs" "actions"}.app-header h1{justify-content:center}.app-logo{height:26px}.roulette-tabs{gap:4px;padding:3px}.roulette-tab,.roulette-tab-input{height:32px;padding:0 6px;font-size:11px}.roulette-tab{grid-template-columns:12px minmax(0,1fr) 12px}.roulette-tab-edit-icon{opacity:.8}.header-actions{justify-content:center;flex-wrap:wrap}}.consent-banner{position:fixed;right:18px;bottom:18px;z-index:20;width:min(560px,100vw - 36px);padding:14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;background:var(--dialog-bg);border:1px solid var(--border-strong);border-radius:8px;box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.consent-banner-text{min-width:0}.consent-banner-text h2{margin:0 0 5px;color:var(--heading-color);font-size:15px;line-height:1.35}.consent-banner-text p{margin:0;color:var(--text-secondary);font-size:13px;line-height:1.55}.consent-banner-actions{display:flex;gap:8px}.consent-button{min-width:92px;white-space:nowrap}.consent-button.primary{border-color:var(--active-border);background:var(--active-bg)}.consent-button.secondary{color:var(--text-secondary);border-color:var(--border-subtle);background:var(--control-bg)}@media(max-width:640px){.consent-banner{right:10px;bottom:10px;width:calc(100vw - 20px);grid-template-columns:1fr}.consent-banner-actions{justify-content:stretch}.consent-button{flex:1}}.controls{display:grid}.controls .button-row{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.control-button{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;height:100%;min-width:0;padding:12px;font-size:18px;font-weight:800;line-height:1}.control-button span:first-child{font-size:36px;line-height:1}.control-button span:last-child{white-space:nowrap;word-break:keep-all;overflow-wrap:normal}@media(max-width:900px){.controls{min-height:122px}.control-button{min-height:96px;font-size:16px}.control-button span:first-child{font-size:32px}}@media(max-width:520px){.controls{min-height:108px}.control-button{min-height:82px;padding:10px 8px;gap:8px;font-size:15px}.control-button span:first-child{font-size:28px}}.help-dialog{width:min(680px,100vw - 48px);padding:18px;background:var(--dialog-bg);border:1px solid var(--result-border);border-radius:10px;box-shadow:var(--dialog-shadow)}.help-dialog h2{margin:0 0 10px;font-size:22px}.help-dialog h3{margin:18px 0 8px;color:var(--gold);font-size:17px}.help-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.dialog-close-button{width:34px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:24px;line-height:1}.help-intro{margin:0 0 14px;color:var(--text-secondary);line-height:1.6}.help-list{margin:0;padding-left:24px;color:var(--text-primary);line-height:1.7}.help-list li+li{margin-top:6px}.help-reset{margin-top:18px;padding-top:12px;border-top:1px solid var(--border-subtle);display:flex;justify-content:flex-end;gap:16px}.help-link-button,.help-reset-button{padding:0;color:var(--footer-link);background:transparent;border:0;border-radius:0;box-shadow:none;text-decoration:underline;text-underline-offset:3px}.help-link-button:hover:not(:disabled),.help-reset-button:hover:not(:disabled){color:var(--footer-link-hover);background:transparent;box-shadow:none}@media(max-width:520px){.help-dialog{width:100%;padding:14px}.help-dialog h2{font-size:20px}.help-reset{align-items:flex-end;flex-direction:column;gap:10px}}.item-editor{display:flex;flex-direction:column;gap:8px}.item-editor-header{display:flex;align-items:center;justify-content:flex-start;gap:8px}.item-editor-header h2{flex:1;margin:0}.add-item-button{width:34px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-color:var(--border-strong);font-size:22px;line-height:1}.add-item-button:hover{background:var(--active-bg)}.item-filter-tabs{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--segmented-border);border-radius:10px;background:var(--segmented-bg);box-shadow:var(--control-shadow)}.item-filter-label{width:28px;height:30px;display:inline-flex;align-items:center;justify-content:center;font-size:15px;line-height:1;opacity:.9}.item-filter-button{width:30px;height:30px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:15px;line-height:1}.item-filter-button.active{border-color:var(--active-border);background:var(--active-bg);box-shadow:var(--active-shadow)}.item-list{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:6px;padding-right:4px}.empty-list-message{margin:8px 0 0;color:var(--text-muted);font-size:14px}.item-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center}.status-buttons{display:inline-flex;gap:4px}.status-button{width:34px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-color:var(--border-subtle);font-size:16px;line-height:1}.status-button.active{border-color:var(--active-border);background:var(--active-bg);box-shadow:var(--active-shadow)}.remove-button{width:34px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-color:var(--danger);font-size:16px;line-height:1}.remove-button:hover{background:var(--danger-surface)}.item-text-input{width:100%;min-width:0;height:34px;padding:0 8px;overflow:hidden;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px}.item-text-input:focus{border-color:var(--active-border);outline:none;box-shadow:0 0 0 2px var(--accent-soft),0 0 12px var(--accent-glow)}@media(max-width:900px){.item-editor{min-height:320px}.item-list{max-height:520px}}@media(max-width:520px){.item-editor-header{align-items:stretch;flex-wrap:wrap}.item-editor-header h2{flex-basis:100%}.item-filter-tabs{flex:1;justify-content:center}.item-row{grid-template-columns:minmax(0,1fr) auto;gap:6px}.item-text-input{grid-column:1/-1;height:38px}.status-button,.remove-button{width:36px;height:36px}}.paste-dialog{width:min(640px,100vw - 48px);padding:18px;background:var(--dialog-bg);border:1px solid var(--result-border);border-radius:10px;box-shadow:var(--dialog-shadow)}.paste-dialog h2{margin:0 0 10px;font-size:22px}.paste-dialog p{margin:0 0 12px;color:var(--text-secondary)}.paste-preview{max-height:220px;overflow:auto;display:grid;gap:6px;padding:10px;color:var(--text-primary);background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px}.paste-preview div{overflow-wrap:anywhere}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.result-display{display:grid;gap:8px;justify-items:center;text-align:center;background:var(--result-bg);border-color:var(--result-border);box-shadow:var(--result-shadow)}.result-display p{margin:0;color:var(--result-text);font-size:44px;font-weight:800;line-height:1.25;text-shadow:var(--result-text-shadow);word-break:break-word;overflow-wrap:anywhere}.result-display.is-empty{visibility:hidden}@media(max-width:900px){.result-display{min-height:118px}.result-display p{font-size:34px}}@media(max-width:520px){.result-display{min-height:104px}.result-display p{font-size:28px}}.roulette-grid{height:100%;display:grid;gap:10px}.roulette-cell{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate;padding:8px;color:var(--cell-text);font-size:22px;font-weight:700;text-align:center;white-space:normal;word-break:break-word;overflow-wrap:anywhere;text-shadow:var(--cell-text-shadow);background:var(--cell-bg);border:1px solid var(--cell-border);border-top-color:var(--cell-border-top);border-left-color:var(--cell-border-left);border-radius:8px;box-shadow:var(--cell-shadow)}.roulette-cell:before,.roulette-cell:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}.roulette-cell:before{background:var(--cell-before)}.roulette-cell:after{border-radius:inherit;box-shadow:var(--cell-after-shadow)}.roulette-cell.empty{visibility:hidden}.roulette-cell.active{color:var(--cell-active-text);background:var(--cell-active-bg);border-color:var(--cell-active-border);box-shadow:var(--cell-active-shadow);animation:roulette-active-pulse .55s ease-in-out infinite alternate}.roulette-cell.won{color:var(--cell-won-text);text-shadow:var(--cell-won-text-shadow);background:var(--cell-won-bg);border-color:var(--cell-won-border);box-shadow:var(--cell-won-shadow)}.roulette-cell.won:before{background:var(--cell-won-before)}.roulette-cell.won:after{box-shadow:var(--cell-won-after-shadow)}@keyframes roulette-active-pulse{0%{transform:scale(1);filter:brightness(1)}to{transform:scale(1.03);filter:brightness(1.15)}}@media(max-width:900px){.roulette-grid{gap:8px}.roulette-cell{padding:6px;font-size:18px}}@media(max-width:520px){.roulette-grid{gap:6px}.roulette-cell{padding:5px;font-size:14px;border-radius:7px}}.toast-notice{position:fixed;right:18px;bottom:34px;z-index:20;max-width:460px;padding:12px 16px;color:var(--toast-text);font-size:14px;line-height:1.5;background:var(--toast-bg);border:1px solid var(--toast-border);border-radius:10px;box-shadow:var(--toast-shadow);text-shadow:var(--toast-text-shadow);animation:toast-slide-in .18s ease-out}@keyframes toast-slide-in{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}:root{font-family:Segoe UI,sans-serif;color:var(--text-primary);background:var(--page-bg);--page-bg: #f5fbff;--text-primary: #142337;--text-secondary: #41566e;--text-muted: #70849a;--text-inverse: #ffffff;--heading-color: #1e5c85;--accent: #147fb3;--accent-strong: #006fa8;--accent-soft: #d7f1ff;--accent-glow: #51bde655;--gold: #986f00;--gold-soft: #fff3bf;--danger: #b2414d;--danger-surface: #ffe7eb;--border-subtle: #b6d4e7;--border-strong: #6baed1;--control-bg: linear-gradient(180deg, #ffffff 0%, #dff2ff 100%);--control-bg-hover: linear-gradient(180deg, #ffffff 0%, #c9eaff 100%);--control-border: #7fb8d4;--control-text: #142337;--control-shadow: inset 0 1px 0 #ffffffcc, 0 6px 18px #6da8c72e;--control-hover-shadow: inset 0 1px 0 #ffffff, 0 0 0 2px #62c4ef26, 0 8px 22px #45a7d43b;--segmented-bg: #ffffffb8;--segmented-border: #a7cfe4;--active-bg: #c6efff;--active-border: #2498c4;--active-shadow: 0 0 0 2px #69cbef33, 0 0 14px #38aee647;--panel-bg: linear-gradient(180deg, #ffffffd9 0%, #eaf7ffe8 100%);--panel-border: #9bc8df;--panel-shadow: inset 0 1px 0 #ffffff, 0 0 0 1px #ffffffa8, 0 14px 32px #91b6cf3d;--input-bg: #ffffffdb;--input-border: #a7cfe4;--dialog-bg: linear-gradient(180deg, #ffffff 0%, #eaf7ff 100%);--dialog-shadow: 0 20px 48px #6d879f4d;--backdrop-bg: #d8ebf2b5;--footer-text: #526c84;--footer-link: #0e6f9f;--footer-link-hover: #073c61;--logo-plate-bg: linear-gradient(90deg, #0d2942d9 0%, #144a6dcc 100%);--logo-plate-border: #ffffff99;--logo-plate-shadow: 0 8px 20px #477c9a38, inset 0 1px 0 #ffffff4d;--logo-filter: drop-shadow(0 1px 0 #001d31) drop-shadow(0 0 8px #ffffff80);--body-background: radial-gradient(circle at 18% 22%, #4fb6e0 0 1px, transparent 2px), radial-gradient(circle at 74% 18%, #ffe28d 0 1px, transparent 2px), radial-gradient(circle at 40% 70%, #78d9c4 0 1px, transparent 2px), radial-gradient(circle at 82% 78%, #7c9fb7 0 1px, transparent 2px), linear-gradient(135deg, #f8fcff 0%, #eaf6ff 48%, #f6f1ff 100%);--body-background-size: 190px 150px, 240px 210px, 310px 260px, 420px 300px, 100% 100%;--app-overlay: linear-gradient(90deg, #147fb30d 1px, transparent 1px), linear-gradient(#147fb309 1px, transparent 1px), radial-gradient(ellipse at 22% 28%, #9be2ff4d 0%, transparent 40%), radial-gradient(ellipse at 78% 72%, #ffd47a47 0%, transparent 36%);--app-overlay-size: 80px 80px, 80px 80px, 100% 100%, 100% 100%;--cell-text: #12304a;--cell-text-shadow: 0 1px 0 #ffffffcc;--cell-bg: radial-gradient(ellipse at 50% 35%, #ffffff 0%, #d9eefb 70%), linear-gradient(180deg, #eef8ff 0%, #d8edf9 100%);--cell-border: #9fc8df;--cell-border-top: #c7e2f1;--cell-border-left: #c7e2f1;--cell-shadow: inset 0 2px 8px #ffffffcc, inset 0 -1px 0 #6bb2d444, inset 0 0 0 1px #ffffffa8;--cell-before: linear-gradient(180deg, #ffffff99 0%, transparent 34%), radial-gradient(ellipse at 50% 100%, #28a7d91c 0%, transparent 58%);--cell-after-shadow: inset 0 2px 0 #ffffffcc, inset 2px 0 0 #ffffff99, inset -1px -1px 0 #317ba024;--cell-active-text: #ffffff;--cell-active-bg: radial-gradient(ellipse at 50% 45%, #4ed8ff 0%, #0f91c5 48%, #08709b 78%), linear-gradient(180deg, #1aa8d5 0%, #08709b 100%);--cell-active-border: #0089bd;--cell-active-shadow: inset 0 3px 8px #005c7d55, inset 0 0 20px #ffffff4d, 0 0 0 1px #ffffff99, 0 0 18px #19aeea8a, 0 0 34px #2ed6a745;--cell-won-text: #ffffff;--cell-won-text-shadow: 0 1px 2px #4d3300;--cell-won-bg: radial-gradient(ellipse at 50% 45%, #ffe88f 0%, #d9a22c 52%, #a46a12 84%), linear-gradient(180deg, #c1851e 0%, #8a5b14 100%);--cell-won-border: #c88713;--cell-won-shadow: inset 0 3px 8px #6f460055, inset 0 0 20px #fff2a666, 0 0 0 1px #fff3bf99, 0 0 16px #f1b52a7a, 0 0 30px #d99a3940;--cell-won-before: linear-gradient(180deg, #fff1ac4d 0%, transparent 34%), radial-gradient(ellipse at 50% 100%, #ffd45a33 0%, transparent 58%);--cell-won-after-shadow: inset 0 2px 0 #fff3bf99, inset 2px 0 0 #ffffff55, inset -1px -1px 0 #7b4d0d33;--result-bg: linear-gradient(135deg, #ffffff 0%, #d9f2ff 58%, #fff0bd 100%);--result-border: #73b7db;--result-shadow: inset 0 1px 0 #ffffff, 0 0 22px #61bde040, 0 12px 30px #92b2c64d;--result-text: #8d6500;--result-text-shadow: 0 0 10px #fff1a9, 0 0 22px #ffc85a66;--toast-text: #553d00;--toast-bg: linear-gradient(180deg, #fff7d9f2 0%, #fff0ba 100%);--toast-border: #d2a32f;--toast-shadow: inset 0 1px 0 #ffffff, 0 0 18px #f3c55666, 0 14px 32px #7790a04d;--toast-text-shadow: 0 1px 0 #ffffffcc}:root[data-theme=dark]{--page-bg: #050812;--text-primary: #f7fbff;--text-secondary: #d9f3ff;--text-muted: #8fa9bf;--text-inverse: #ffffff;--heading-color: #d9f3ff;--accent: #78e9ff;--accent-strong: #8ddcff;--accent-soft: #00d4ff33;--accent-glow: #00d4ff55;--gold: #ffeaa2;--gold-soft: #ffeaa2;--danger: #855454;--danger-surface: #79313c;--border-subtle: #355e86;--border-strong: #7bbdff;--control-bg: linear-gradient(180deg, #203955 0%, #14233a 100%);--control-bg-hover: linear-gradient(180deg, #2c5075 0%, #173655 100%);--control-border: #5b84ad;--control-text: #f7fbff;--control-shadow: inset 0 1px 0 #ffffff20, 0 0 12px #2f9dff22;--control-hover-shadow: inset 0 1px 0 #ffffff28, 0 0 16px #2f9dff55;--segmented-bg: #0a1220aa;--segmented-border: #355e86;--active-bg: #00d4ff33;--active-border: #78e9ff;--active-shadow: 0 0 12px #00d4ff55;--panel-bg: linear-gradient(180deg, #15233dcc 0%, #0d1325e6 100%);--panel-border: #426f9d;--panel-shadow: inset 0 1px 0 #ffffff1c, 0 0 0 1px #07101fcc, 0 12px 30px #00000055;--input-bg: #0a1220cc;--input-border: #355e86;--dialog-bg: linear-gradient(180deg, #17233d 0%, #0d1325 100%);--dialog-shadow: 0 20px 48px #00000088;--backdrop-bg: #020713cc;--footer-text: #9fb7ca;--footer-link: #c7eaff;--footer-link-hover: #ffffff;--logo-plate-bg: transparent;--logo-plate-border: transparent;--logo-plate-shadow: none;--logo-filter: drop-shadow(0 0 8px #6ed6ff45);--body-background: radial-gradient(circle at 18% 22%, #244a7a 0 1px, transparent 2px), radial-gradient(circle at 74% 18%, #f7db8a 0 1px, transparent 2px), radial-gradient(circle at 40% 70%, #8ce6d1 0 1px, transparent 2px), radial-gradient(circle at 82% 78%, #ffffff 0 1px, transparent 2px), linear-gradient(135deg, #050812 0%, #0b1730 42%, #160f2c 100%);--body-background-size: 190px 150px, 240px 210px, 310px 260px, 420px 300px, 100% 100%;--app-overlay: linear-gradient(90deg, #6ed6ff16 1px, transparent 1px), linear-gradient(#6ed6ff10 1px, transparent 1px), radial-gradient(ellipse at 24% 30%, #2467b844 0%, transparent 38%), radial-gradient(ellipse at 78% 74%, #b86b2440 0%, transparent 36%);--app-overlay-size: 80px 80px, 80px 80px, 100% 100%, 100% 100%;--cell-text: #e7f5ff;--cell-text-shadow: 0 1px 2px #020713cc;--cell-bg: radial-gradient(ellipse at 50% 35%, #213a55 0%, #101d30 70%), linear-gradient(180deg, #0d1829 0%, #142238 100%);--cell-border: #243851;--cell-border-top: #111827;--cell-border-left: #111827;--cell-shadow: inset 0 3px 8px #000b1888, inset 0 -1px 0 #8ddcff22, inset 0 0 0 1px #00000055;--cell-before: linear-gradient(180deg, #0000004d 0%, transparent 34%), radial-gradient(ellipse at 50% 100%, #2eb6ff14 0%, transparent 58%);--cell-after-shadow: inset 0 2px 0 #030916cc, inset 2px 0 0 #03091699, inset -1px -1px 0 #6f91b01a;--cell-active-text: #ffffff;--cell-active-bg: radial-gradient(ellipse at 50% 45%, #39cbe9 0%, #177b96 46%, #143047 76%), linear-gradient(180deg, #082034 0%, #10233a 100%);--cell-active-border: #6bdfff;--cell-active-shadow: inset 0 3px 8px #00263d88, inset 0 0 20px #b9f8ff33, 0 0 0 1px #78e9ff55, 0 0 18px #00d4ff73, 0 0 34px #7dffb13d;--cell-won-text: #fff;--cell-won-text-shadow: 0 1px 2px #2f2300;--cell-won-bg: radial-gradient(ellipse at 50% 45%, #ffe178 0%, #d9a83d 50%, #9c6b24 82%), linear-gradient(180deg, #6d4a18 0%, #503411 100%);--cell-won-border: #ffe68a;--cell-won-shadow: inset 0 3px 8px #3c260080, inset 0 0 20px #fff2a633, 0 0 0 1px #ffe68a55, 0 0 16px #ffe26a66, 0 0 30px #d99a3933;--cell-won-before: linear-gradient(180deg, #6a480f34 0%, transparent 34%), radial-gradient(ellipse at 50% 100%, #ffd45a26 0%, transparent 58%);--cell-won-after-shadow: inset 0 2px 0 #412b07cc, inset 2px 0 0 #412b0799, inset -1px -1px 0 #ffe68a2e;--result-bg: linear-gradient(135deg, #132446 0%, #29224a 56%, #46311a 100%);--result-border: #81b8ff;--result-shadow: inset 0 1px 0 #ffffff24, 0 0 22px #3aa8ff3d, 0 12px 30px #00000066;--result-text: #ffeaa2;--result-text-shadow: 0 0 10px #ffe26a99, 0 0 22px #ff9b4a66;--toast-text: #fff7c7;--toast-bg: linear-gradient(180deg, #24395dcc 0%, #121b31ee 100%);--toast-border: #ffd66f;--toast-shadow: inset 0 1px 0 #ffffff24, 0 0 18px #ffcf5a66, 0 14px 32px #00000088;--toast-text-shadow: 0 0 8px #ffcf5a55}html{width:100%;min-height:100%;background:var(--page-bg)}*{box-sizing:border-box}body{margin:0;width:100%;min-height:100vh;overflow-x:hidden;overflow-y:auto;color:var(--text-primary);background:var(--body-background);background-size:var(--body-background-size)}#root{width:100%;min-height:100vh}button,input{font:inherit}button{border:1px solid var(--control-border);border-radius:8px;padding:8px 14px;background:var(--control-bg);color:var(--control-text);cursor:pointer;box-shadow:var(--control-shadow)}button:hover:not(:disabled){border-color:var(--accent-strong);background:var(--control-bg-hover);box-shadow:var(--control-hover-shadow)}button:disabled{opacity:.5;cursor:not-allowed}.app-root{position:relative;isolation:isolate;width:100%;min-height:100vh;padding:16px;display:flex;flex-direction:column;gap:12px}.app-root:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--app-overlay);background-size:var(--app-overlay-size);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 72%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 72%,transparent 100%);pointer-events:none}.app-layout{flex:1;display:grid;grid-template-columns:2fr 1fr;gap:12px;min-height:0}.app-layout.editor-hidden{grid-template-columns:1fr}.left-column{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) 138px;gap:12px}.result-controls-row{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:12px}.panel{min-height:0;padding:12px;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:10px;box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.panel h2{margin:0 0 10px;color:var(--heading-color);font-size:18px;text-shadow:0 0 8px var(--accent-glow)}.dialog-backdrop{position:fixed;inset:0;z-index:10;display:grid;place-items:center;background:var(--backdrop-bg)}@media(min-width:901px)and (min-height:700px){body{height:100vh;overflow:hidden}#root,.app-root{height:100%}}@media(max-width:900px){.app-root{padding:12px;gap:10px}.app-layout,.app-layout.editor-hidden{flex:initial;display:grid;grid-template-columns:1fr;gap:10px;min-height:auto}.left-column{display:flex;flex-direction:column;gap:10px;min-height:auto}.roulette-grid-wrap{min-height:420px}.result-controls-row{display:grid;grid-template-columns:1fr;gap:10px}.panel{padding:10px;border-radius:8px}.panel h2{font-size:16px}.dialog-backdrop{padding:12px;align-items:start;overflow:auto}}@media(max-width:520px){.app-root{padding:10px}.roulette-grid-wrap{min-height:360px}}