:root{color-scheme:light;font-family:Segoe UI,Trebuchet MS,sans-serif;--bg-a: #f3e7d0;--bg-b: #d6ece7;--ink: #16212a;--muted: #5e6c73;--panel: rgba(255, 251, 244, .84);--line: rgba(16, 30, 37, .12);--accent: #0b7a75;--accent-soft: #ddf6f1;--shadow: 0 24px 60px rgba(33, 46, 56, .15)}html,body,#app{min-height:100%}body{margin:0;color:var(--ink);background:radial-gradient(circle at top left,rgba(255,255,255,.72),transparent 34%),radial-gradient(circle at bottom right,rgba(11,122,117,.16),transparent 26%),linear-gradient(135deg,var(--bg-a),var(--bg-b))}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 80%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 80%)}button{font:inherit}.import-card{margin-top:16px;padding:14px;border-radius:18px;background:#ffffffb8;border:1px solid rgba(16,30,37,.08);display:grid;gap:10px}.import-card h3,.import-card p{margin:0}.import-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.import-file-btn{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;text-align:center}.import-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.import-status{color:var(--muted);font-size:.82rem}.rubic2x2-page{min-height:100vh;color-scheme:light;font-family:Segoe UI,Trebuchet MS,sans-serif;--bg-a: #f3e7d0;--bg-b: #d6ece7;--ink: #16212a;--muted: #5e6c73;--panel: rgba(255, 251, 244, .84);--line: rgba(16, 30, 37, .12);--accent: #0b7a75;--accent-soft: #ddf6f1;--shadow: 0 24px 60px rgba(33, 46, 56, .15);background:radial-gradient(circle at top left,rgba(255,255,255,.72),transparent 34%),radial-gradient(circle at bottom right,rgba(11,122,117,.16),transparent 26%),linear-gradient(135deg,var(--bg-a),var(--bg-b))}.rubic2x2-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 80%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 80%)}.rubic2x2-nav{position:fixed;top:16px;right:16px;z-index:20;display:flex;gap:8px}.rubic2x2-nav-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:999px;background:#ffffffd6;border:1px solid rgba(17,31,38,.1);color:var(--ink);text-decoration:none;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.rubic2x2-nav-link:hover{text-decoration:underline}.rubic2x2-page *{box-sizing:border-box}.rubic2x2-page button{font:inherit}.shell{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.95fr);gap:20px;padding:24px}.panel{background:var(--panel);border:1px solid rgba(255,255,255,.5);border-radius:28px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.stage-panel,.editor-panel{padding:22px}.editor-panel{align-self:start}.hero-copy h1,.panel-head h2{margin:0;font-family:Georgia,Times New Roman,serif;font-weight:700;letter-spacing:-.02em}.hero-copy h1{max-width:14ch;font-size:clamp(2rem,4vw,3.2rem);line-height:.94}.eyebrow,.panel-kicker{margin:0 0 10px;font-size:.8rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--accent)}.hero-copy .eyebrow{font-size:1.08rem;font-weight:800;letter-spacing:.28em}.intro,.panel-note,.face-card p,.move-desc,.status-text,.move-summary,.empty-state,.count-label{color:var(--muted);font-size:.82rem}.hero-copy{display:grid;gap:8px}.hero-brand{display:flex;align-items:center;gap:10px}.hero-logo{width:clamp(48px,6vw,60px);height:auto;display:block;flex:0 0 auto}.hero-brand .eyebrow{margin:0}.hero-credit{margin:0;font-size:.82rem;color:var(--muted)}.stage-credit{margin-top:12px;text-align:right}.hero-credit a{color:var(--accent);font-weight:700;text-decoration:none}.hero-credit a:hover{text-decoration:underline}.viewer-card{position:relative;margin-top:22px;overflow:hidden;border-radius:24px;min-height:530px;background:radial-gradient(circle at top,rgba(255,255,255,.9),transparent 42%),linear-gradient(180deg,#f0f7f9f2,#d9eae4d9);border:1px solid rgba(255,255,255,.7)}.viewer{min-height:530px}.viewer canvas{display:block;width:100%;height:100%}.viewer-overlay{display:grid;gap:8px;margin-top:12px;padding:14px 16px;border-radius:18px;background:#0f1f26db;color:#f7fbfc}.viewer-overlay .status-text{color:#f7fbfceb;font-size:.98rem;font-weight:500}.status-pill{width:fit-content;padding:7px 12px;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.status-pill.tone-neutral{background:#ffffff24}.status-pill.tone-loading{background:#f7c5443d;color:#ffebaa}.status-pill.tone-success{background:#3ea66b3d;color:#bdf3cf}.status-pill.tone-error{background:#d94c3f42;color:#ffd6d1}.status-pill.tone-accent{background:#3d6fd642;color:#dce8ff}.controls-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.primary-btn,.secondary-btn,.ghost-btn{min-height:48px;padding:0 16px;border-radius:16px;border:1px solid transparent;font-weight:700;transition:transform .14s ease,box-shadow .14s ease,background .14s ease,border-color .14s ease}.primary-btn:hover,.secondary-btn:hover,.ghost-btn:hover,.palette-swatch:hover,.move-row:hover,.sticker:hover{transform:translateY(-1px)}.primary-btn{background:linear-gradient(135deg,#0a7d73,#0d5d88);color:#f7fcfd;box-shadow:0 14px 30px #0b7a7540}.secondary-btn{background:#fff;border-color:#111f261f;color:var(--ink)}.ghost-btn{background:#ffffff94;border-color:#111f261a;color:var(--ink)}button:disabled{cursor:not-allowed;opacity:.45;transform:none;box-shadow:none}.solution-panel{margin-top:20px;padding:18px;border-radius:22px;background:#ffffff85;border:1px solid var(--line)}.panel-head,.panel-head.compact{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.summary-chip{padding:10px 14px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.88rem;font-weight:700}.move-summary{margin:14px 0 12px;padding:14px 16px;border-radius:18px;background:#d8eeeab3}.move-list{display:grid;gap:10px;max-height:420px;overflow:auto;padding-right:4px}.move-row{display:grid;grid-template-columns:48px 68px minmax(0,1fr);gap:12px;align-items:center;width:100%;padding:14px;border:1px solid rgba(14,28,35,.1);border-radius:18px;text-align:left;background:#ffffffe0}.move-row.is-current{border-color:#3d6fd64d;background:#dfeaffd9}.move-row.is-done{border-color:#3ea66b47;background:#e1f8e9d1}.move-step,.move-token{font-weight:700}.move-token{font-size:1.1rem;color:var(--accent)}.empty-state{padding:18px;border-radius:18px;border:1px dashed rgba(14,28,35,.18);background:#ffffff8c}.palette{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.palette-swatch{display:grid;place-items:center;width:38px;height:38px;padding:0;border-radius:999px;border:2px solid rgba(17,31,38,.08);background:#ffffffb8;flex:0 0 auto}.palette-swatch.is-active{border-color:#0c5d886b;box-shadow:0 0 0 3px #0c5d881f}.swatch-dot{width:16px;height:16px;border-radius:999px;border:2px solid rgba(16,30,37,.16);background:var(--swatch)}.count-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.count-card{padding:8px 10px;border-radius:16px;background:#ffffffad;border:1px solid rgba(16,30,37,.08);flex:0 1 74px;min-width:74px}.count-card strong{display:block;margin-top:1px;font-size:.95rem;color:#20313a}.count-card.is-good{box-shadow:inset 0 0 0 1px #3ea66b2e}.count-card.is-bad{box-shadow:inset 0 0 0 1px #d94c3f2e}.face-editors{display:grid;gap:14px;margin-top:10px}.face-card{padding:14px;border-radius:22px;background:#ffffffbd;border:1px solid rgba(16,30,37,.08)}.face-card header{display:flex;gap:12px;align-items:center;margin-bottom:10px}.face-card h3,.face-card p{margin:0}.face-tag{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:#0b7a751a;color:var(--accent);font-weight:800}.sticker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.sticker{aspect-ratio:1;border-radius:14px;border:2px solid rgba(16,30,37,.08);background:var(--sticker);color:var(--sticker-text);font-weight:800}.sticker.is-center{border-color:#101e2561;box-shadow:inset 0 0 0 2px #ffffff73}@media (max-width: 1180px){.shell{grid-template-columns:1fr}.hero-copy h1{max-width:100%}}@media (max-width: 760px){.shell{padding:14px;gap:14px}.stage-panel,.editor-panel{padding:16px}.controls-grid,.palette,.count-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.viewer,.viewer-card{min-height:390px}.move-row{grid-template-columns:38px 54px minmax(0,1fr)}}.face-editor-panel{margin-top:14px;padding:14px;border-radius:22px;background:#ffffff9e;border:1px solid rgba(16,30,37,.08)}.face-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.face-toolbar h3,.face-toolbar p,.face-helper{margin:0}.face-toolbar>div:first-child{display:grid;gap:4px;padding-top:4px}.face-toolbar h3{font-family:Georgia,Times New Roman,serif;font-size:1.2rem;line-height:1.05}.face-toolbar{margin-top:18px}.face-selector-row{display:flex;gap:10px;align-items:center;padding-top:6px}.face-select,.face-nav-btn{min-height:40px;border-radius:16px;border:1px solid rgba(17,31,38,.12);background:#ffffffeb;color:var(--ink)}.face-select{min-width:210px;padding:0 12px}.face-nav-btn{min-width:40px;font-size:1rem;font-weight:800}.face-reset-btn{min-height:40px;padding:0 12px;border-radius:16px;border:1px solid rgba(17,31,38,.12);background:#ffffffeb;color:var(--ink);font-weight:700}.face-card-single{box-shadow:inset 0 0 0 1px #0c5d880f}.face-helper{margin-bottom:10px;color:var(--muted);font-size:.92rem}@media (max-width: 760px){.face-toolbar{flex-direction:column;align-items:stretch}.face-selector-row{width:100%}.face-select{min-width:0;width:100%}}.editor-sticky{position:static;top:auto;z-index:auto;padding-bottom:0;margin-bottom:8px;background:transparent}.face-editor-panel{padding:10px 12px}.face-card-single{max-width:272px;margin:0 auto}.face-card-single header{gap:10px}.face-card h3{font-size:1.05rem}.face-card p,.face-helper{font-size:.82rem}.face-tag{width:32px;height:32px;border-radius:12px;font-size:.88rem}.sticker-grid{max-width:210px;margin:0 auto;gap:5px}.sticker{border-radius:12px;font-size:.95rem}.sidebar-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.sidebar-tab-btn{min-height:46px;border-radius:16px;border:1px solid rgba(17,31,38,.12);background:#ffffffb8;color:var(--muted);font-weight:700}.sidebar-tab-btn.is-active{background:linear-gradient(135deg,#0a7d73,#0d5d88);color:#f7fcfd;box-shadow:0 14px 30px #0b7a752e}.sidebar-panel.is-hidden{display:none}.playback-panel .viewer-overlay{margin-top:0}.playback-controls-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.playback-panel .solution-panel{margin-top:14px}.sticker-grid-2x2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:148px;margin:0 auto}.face-card-single{max-width:250px}@media (max-width: 1180px){.shell{padding-top:72px}}@media (max-width: 760px){.rubic2x2-nav{top:12px;right:12px}.shell{padding-top:70px}}:root{color-scheme:light;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color:#122033;background:radial-gradient(circle at top,rgba(42,155,255,.18),transparent 30%),linear-gradient(180deg,#f4f8ff,#eef4fb)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.page-shell{width:min(1160px,calc(100% - 32px));margin:0 auto;padding:32px 0 64px}.page-shell--narrow{width:min(980px,calc(100% - 32px))}.hero{padding:48px 0 16px}.hero__content,.panel,.card,.table-card,.game-shell,.empty-state{background:#ffffffe0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(18,32,51,.08);box-shadow:0 18px 60px #1632581f;border-radius:24px}.hero__content{padding:40px}.hero h1,.section__header h1,.section__header h2,.game-shell h1,.empty-state h1{margin:0;line-height:1.1}.hero h1{font-size:clamp(2.6rem,5vw,4.8rem);max-width:12ch}.hero p{max-width:60ch}.hero__actions,.header-actions,.field-row,.card__actions,.table-actions,.form-actions{display:flex;gap:12px;flex-wrap:wrap}.section{margin-top:28px}.section__header{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:20px}.admin-edit-page{padding-bottom:48px}.admin-games-page{width:min(1440px,calc(100% - 32px))}.admin-edit-sticky{position:sticky;top:0;z-index:30;background:#f4f8ffc7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(18,32,51,.08);box-shadow:0 10px 30px #16325814}.admin-edit-sticky__inner{padding-top:7px;padding-bottom:7px;display:flex;justify-content:space-between;align-items:center;gap:12px}.admin-edit-sticky__inner>div:first-child{display:grid;gap:0}.admin-edit-sticky__inner h1{margin:0;line-height:1.02}.admin-edit-sticky__inner .eyebrow{margin:0;font-size:.7rem;line-height:1}.admin-edit-sticky__inner .muted{margin:0;font-size:.84rem;line-height:1.05}.admin-edit-content{padding-top:18px}.eyebrow{margin:0 0 8px;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:#2f7de1;font-weight:700}.muted,.cell-note,.card p,.panel p{color:#536379}.pill,.status{display:inline-flex;align-items:center;border-radius:999px;padding:6px 12px;font-size:.82rem;font-weight:700}.pill{background:#dfeeff;color:#205db2}.status--published{background:#ddf7e8;color:#1f7a43}.status--draft{background:#fff0d6;color:#9a6200}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border-radius:14px;border:none;background:linear-gradient(135deg,#1777f2,#0d4c9a);color:#fff;font-weight:700;cursor:pointer}.button--ghost{background:#fff;color:#163357;border:1px solid rgba(18,32,51,.12)}.button--small{min-height:36px;padding:0 12px;font-size:.88rem}.toolbar,.field,.panel,.game-shell__header,.card__body{display:flex;flex-direction:column;gap:12px}.toolbar{margin-bottom:16px}.input,.textarea{width:100%;padding:12px 14px;border-radius:14px;border:1px solid rgba(18,32,51,.12);background:#fff}.textarea{resize:vertical}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.card{overflow:hidden}.card__thumbnail{width:100%;height:180px;object-fit:cover;display:block;background:#dfe7f4}.thumbnail-image{display:block;width:100%;object-fit:cover}.thumbnail-fallback{display:grid;place-items:center;background:repeating-linear-gradient(135deg,#edf3fb,#edf3fb 12px,#e5edf8 12px,#e5edf8 24px);color:#6d7f98}.card__body,.panel,.table-card,.game-shell,.empty-state{padding:20px}.card__head,.meta-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.table-card{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:14px 12px;border-bottom:1px solid rgba(18,32,51,.08);vertical-align:top}.table-sort-button{display:inline-flex;align-items:center;gap:8px;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:700;cursor:pointer}.table-sort-button__icon{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:10px}.table-sort-button__chevron{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;opacity:.45;transition:opacity .14s ease,transform .14s ease,border-color .14s ease}.table-sort-button__chevron--up{border-bottom:6px solid #6d7f98}.table-sort-button__chevron--down{border-top:6px solid #6d7f98}.table-sort-button.is-active{color:#0d4c9a}.table-sort-button:hover .table-sort-button__chevron,.table-sort-button.is-active .table-sort-button__chevron{opacity:.72}.table-sort-button__chevron.is-active{opacity:1;transform:scale(1.06)}.table-sort-button.is-active .table-sort-button__chevron--up.is-active{border-bottom-color:currentColor}.table-sort-button.is-active .table-sort-button__chevron--down.is-active{border-top-color:currentColor}.table-thumb{width:110px;height:68px;border-radius:14px}.form-grid{display:grid;gap:18px}.editor-thumb{width:min(100%,420px);height:220px;border-radius:18px}.panel--error{background:#fff2f2;color:#8a2424}.panel--success{background:#edfdf2;color:#1f7a43}.empty-state{width:min(520px,calc(100% - 32px));margin:48px auto;text-align:center}.game-shell{width:min(980px,calc(100% - 32px));margin:24px auto 48px}.game-shell__header{margin-bottom:24px}@media (max-width: 720px){.page-shell,.page-shell--narrow,.game-shell,.empty-state{width:calc(100% - 24px)}.hero__content,.panel,.table-card,.game-shell,.empty-state{padding:18px}.section__header,.admin-edit-sticky__inner,.card__head,.meta-row{align-items:start;flex-direction:column}.desktop-only{display:none!important}.mobile-only{display:block!important}.mobile-game-list{display:grid!important;gap:14px}.mobile-game-card__top,.mobile-game-card__title-row{flex-direction:column}.mobile-game-card__thumb{width:100%;height:152px}.mobile-game-card__meta{grid-template-columns:1fr}.mobile-game-card__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mobile-game-card__actions .button{width:100%}}.desktop-only{display:block}.mobile-only{display:none}.toolbar--admin-games{align-items:stretch}.mobile-game-list{gap:14px}.mobile-game-card{background:#ffffffe0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(18,32,51,.08);box-shadow:0 18px 60px #1632581f;border-radius:22px;padding:16px}.mobile-game-card__top{display:flex;gap:12px;align-items:flex-start}.mobile-game-card__thumb{width:92px;height:72px;border-radius:14px;flex:0 0 auto}.mobile-game-card__main{min-width:0;display:grid;gap:4px}.mobile-game-card__title-row{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.mobile-game-card__title-row strong{line-height:1.25}.mobile-game-card__meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.mobile-meta-pill{display:grid;gap:2px;padding:10px 12px;border-radius:14px;background:#f4f8ff;border:1px solid rgba(18,32,51,.08);color:#23364d}.mobile-meta-pill__label{color:#6d7f98;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.mobile-game-card__actions{margin-top:12px}