:root{color:#202532;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#eef1f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{width:100%;min-width:720px;height:100%;overflow:hidden}body{background:radial-gradient(circle at 50% -10%,#fff 0,#f4f6fa 38%,#e9edf4 100%);width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible{outline-offset:2px;outline:3px solid #315bb261}#root{width:100%;height:100%;overflow:hidden}@media (width<=700px),(hover:none) and (pointer:coarse){html{min-width:0;height:auto;min-height:100%;overflow:hidden auto}body,#root{height:auto;min-height:100dvh;overflow:visible}}.app-shell{color:#202532;flex-direction:column;width:min(1180px,100%);height:100dvh;margin:0 auto;padding:clamp(10px,1.8vh,20px) clamp(14px,2vw,24px);display:flex;overflow:hidden}.app-header{flex:none;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:clamp(7px,1.2vh,13px);display:flex}.app-brand{text-align:left;flex:none}.app-eyebrow,.section-eyebrow{color:#687083;letter-spacing:.15em;margin:0 0 3px;font-size:10px;font-weight:800}.app-brand h1{color:#161b26;letter-spacing:-.04em;margin:0;font-size:clamp(28px,4.4vh,42px);font-weight:850;line-height:1}.stage-strip{flex-wrap:wrap;justify-content:flex-end;gap:6px;min-width:0;padding:3px;display:flex;overflow:hidden}.stage-button{color:#424a5a;cursor:pointer;background:#fff;border:1px solid #cfd4df;border-radius:9px;flex:none;padding:7px 10px;font-size:11px;font-weight:750}.stage-button:hover:not(:disabled){background:#f7f8fb;border-color:#687083}.stage-button:disabled{opacity:.55;cursor:not-allowed}.stage-button-active:disabled{color:#fff;opacity:1;background:#27324a;border-color:#27324a}.stage-button-locked{color:#8a91a0;background:#f0f1f4}.puzzle-screen{flex-direction:column;flex:auto;gap:clamp(6px,1vh,10px);min-height:0;display:flex}.puzzle-heading{flex:none;justify-content:space-between;align-items:center;gap:18px;padding:0 4px;display:flex}.puzzle-heading h2{color:#161b26;letter-spacing:-.02em;margin:0;font-size:clamp(22px,3.2vh,28px);font-weight:850;line-height:1}.puzzle-stats{gap:7px;display:flex}.stat-item{background:#fff;border:1px solid #d8dce5;border-radius:9px;flex-direction:column;align-items:center;min-width:68px;padding:5px 11px;display:flex}.stat-label{color:#7a8292;letter-spacing:.1em;font-size:9px;font-weight:800}.stat-item strong{color:#222938;font-size:17px;line-height:1.1}.assist-panel,.board-panel{background:#fffffff0;border:1px solid #d9dde6;border-radius:16px;box-shadow:0 8px 24px #282f400f}.assist-panel{flex:none;padding:clamp(9px,1.4vh,14px) clamp(13px,1.8vw,19px) clamp(7px,1.1vh,11px)}.panel-heading,.hand-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:clamp(5px,.8vh,9px);display:flex}.panel-heading h3,.hand-heading h3{letter-spacing:.03em;margin:0;font-size:clamp(16px,2.3vh,20px);font-weight:850;line-height:1}.assist-cost{color:#a14c32;font-size:11px;font-weight:750}.assist-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.assist-button{color:#303746;text-align:left;cursor:pointer;background:linear-gradient(145deg,#fff,#f5f6fa);border:1px solid #cfd4df;border-radius:11px;flex-direction:column;justify-content:center;align-items:flex-start;gap:1px;min-height:clamp(46px,6.5vh,60px);padding:8px 12px;display:flex;position:relative}.assist-button:hover:not(:disabled){border-color:#59647a;transform:translateY(-1px);box-shadow:0 5px 13px #27324a1f}.assist-button:disabled{opacity:.46;cursor:not-allowed}.assist-button-used{background:linear-gradient(145deg,#f3faf5,#e5f2e9);border-color:#4d6b57}.assist-button-name{letter-spacing:.02em;font-size:13px;font-weight:850}.assist-button-description{color:#737b8b;font-size:11px;font-weight:550}.assist-used-mark{color:#2e6540;letter-spacing:.08em;background:#caead4;border-radius:999px;padding:2px 5px;font-size:8px;font-weight:900;position:absolute;top:6px;right:7px}.assist-notice{color:#374157;min-height:17px;margin:clamp(5px,.8vh,8px) 2px 0;font-size:12px;font-weight:650;line-height:1.3}.assist-notice-idle{color:#8a91a0;font-weight:500}.board-panel{flex-direction:column;flex:auto;justify-content:center;width:min(880px,100%);min-height:0;margin:0 auto;padding:clamp(8px,1.5vh,15px) clamp(12px,2vw,24px);display:flex}.board-row{grid-template-columns:94px 1fr;align-items:center;gap:13px;display:grid}.board-label{text-align:left;flex-direction:column;display:flex}.board-label-main{color:#252c3b;letter-spacing:.08em;font-size:13px;font-weight:900}.board-label-sub{color:#9298a5;font-size:10px}.tile-row{justify-content:center;align-items:flex-end;min-width:0;padding:4px;display:flex;overflow:hidden}.board-divider{background:linear-gradient(90deg,#0000,#d5d9e2 15% 85%,#0000);height:1px;margin:clamp(6px,1.2vh,12px) 0}.play-actions{flex:none;justify-content:center;gap:9px;display:flex}.action-button,.result-button{color:#303746;cursor:pointer;background:#fff;border:1px solid #bfc5d1;border-radius:9px;min-width:110px;padding:7px 16px;font-size:12px;font-weight:800}.action-button:hover:not(:disabled),.result-button:hover:not(:disabled){background:#f6f7fa;border-color:#566078}.action-button:disabled{opacity:.42;cursor:not-allowed}.action-button-skip{color:#914631;background:#fff8f5;border-color:#dab6ac}.result-panel{text-align:left;border:1px solid;border-radius:13px;flex:none;justify-content:space-between;align-items:center;gap:18px;width:min(700px,100%);margin:0 auto;padding:9px 16px;display:flex}.result-panel-skipped{background:#fff5f2;border-color:#d5b2a8}.result-kicker{color:#717989;letter-spacing:.12em;margin:0;font-size:9px;font-weight:850}.result-title{color:#242b39;font-size:20px;font-weight:900}.result-stars{color:#bd7a13;letter-spacing:.05em;font-size:18px;font-weight:900}.result-button{color:#fff;background:#303b55}.result-button:hover{color:#fff;background:#222b40}.hand-panel{color:#f7f8fb;background:radial-gradient(circle at 50% 0,#394863,#212b40 72%);border:1px solid #28334b;border-radius:17px;flex:none;padding:clamp(9px,1.4vh,15px) clamp(12px,2vw,24px) clamp(10px,1.5vh,17px);box-shadow:0 12px 30px #19202f33}.section-eyebrow-light{color:#aeb9cd}.hand-heading{text-align:left}.hand-heading h3{color:#fff}.hand-count{color:#b9c3d5;align-items:baseline;gap:6px;display:flex}.hand-count strong{color:#fff;font-size:20px;line-height:1}.hand-count span{font-size:11px}.hand-cards{flex-wrap:nowrap;justify-content:center;align-items:stretch;gap:clamp(6px,1vw,11px);min-height:0;padding:4px 0 0;display:flex;overflow:visible}.hand-panel .command-card{flex:130px;width:auto;min-width:0;max-width:154px;min-height:clamp(88px,12vh,108px);padding:clamp(12px,1.8vh,16px) 8px 7px}.result-backdrop{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#131925a8;place-items:center;padding:20px;animation:.18s ease-out backdrop-fade-in;display:grid;position:fixed;inset:0}.clear-dialog{color:#242b39;text-align:center;background:linear-gradient(155deg,#fff 0%,#f5f7fb 100%);border:1px solid #fffc;border-radius:24px;outline:none;width:min(480px,100%);padding:clamp(25px,5vh,42px);animation:.22s ease-out dialog-pop-in;box-shadow:0 30px 90px #070c176b}.clear-dialog-kicker{color:#6f7889;letter-spacing:.17em;margin:0 0 5px;font-size:11px;font-weight:850}.clear-dialog h2{color:#1e2635;letter-spacing:-.035em;margin:0;font-size:clamp(36px,6vh,54px);font-weight:950;line-height:1}.clear-dialog-stars{justify-content:center;align-items:center;gap:clamp(9px,2vw,16px);margin:clamp(21px,4vh,33px) 0 6px;display:flex}.clear-star{filter:drop-shadow(0 5px 6px #272c3929);font-size:clamp(48px,8vh,70px);line-height:1;display:inline-block}.clear-star-earned{color:#f0ae26;-webkit-text-stroke:2px #c77d0e}.clear-star-empty{color:#d9dde5;-webkit-text-stroke:2px #aeb5c2}.clear-dialog-caption{color:#6d7584;letter-spacing:.12em;margin:0;font-size:12px;font-weight:850}.clear-dialog-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:clamp(22px,4vh,32px);display:grid}.clear-dialog-actions:has(.clear-dialog-button:only-child){grid-template-columns:minmax(0,220px);justify-content:center}.clear-dialog-button{letter-spacing:.035em;cursor:pointer;border:1px solid;border-radius:11px;min-height:45px;padding:10px 16px;font-size:13px;font-weight:900}.clear-dialog-button-restart{color:#354055;background:#fff;border-color:#b9c0cc}.clear-dialog-button-restart:hover{background:#f1f3f7;border-color:#68758c}.clear-dialog-button-next{color:#fff;background:#303e5d;border-color:#26334e;box-shadow:0 7px 15px #26334e38}.clear-dialog-button-next:hover{background:#202b43}@keyframes backdrop-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-pop-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (height<=760px){.app-eyebrow,.section-eyebrow{margin-bottom:2px;font-size:8px}.app-brand h1{font-size:28px}.assist-panel{padding:7px 12px 6px}.assist-button{min-height:43px;padding:6px 10px}.assist-notice{min-height:14px;margin-top:4px;font-size:10px}.board-panel{padding:5px 12px}.board-divider{margin:5px 0}.board-panel .tile-wrapper{margin:5px}.board-panel .tile-index{margin-bottom:2px;font-size:10px}.board-panel .tile{width:44px;height:44px;font-size:21px}.hand-panel{padding:7px 12px 9px}.hand-panel .command-card{min-height:88px;padding:11px 7px 6px}.hand-panel .command-card-kicker{margin-bottom:2px;font-size:7px}.hand-panel .command-card-type{font-size:15px}.hand-panel .command-card-parameters{margin-top:2px;font-size:12px}.hand-panel .command-card-assist-area{min-height:15px;padding-top:4px}}@media (height<=650px){.app-eyebrow,.board-label-sub,.assist-button-description,.section-eyebrow{display:none}.app-header{margin-bottom:5px}.app-brand h1{font-size:24px}.puzzle-screen{gap:5px}.puzzle-heading h2{font-size:19px}.stat-item{padding:3px 9px}.assist-panel{padding:5px 10px}.panel-heading{margin-bottom:4px}.assist-button{min-height:34px}.assist-notice{margin-top:2px}.board-panel .tile{width:39px;height:39px;font-size:19px}.board-divider{margin:2px 0}.hand-heading{margin-bottom:3px}.hand-panel .command-card{min-height:70px}.hand-panel .command-card-assist-area{display:none}}@media (width<=820px){.app-shell{padding:clamp(8px,1.5vh,14px) 10px}.app-header{align-items:center;gap:12px}.stage-button{padding:6px 7px;font-size:9px}.board-row{grid-template-columns:75px 1fr;gap:7px}.hand-cards{gap:5px}.hand-panel .command-card{padding-left:4px;padding-right:4px}}@media (prefers-reduced-motion:reduce){.result-backdrop,.clear-dialog{animation:none}}@media (height<=760px){.menu-screen{padding-top:10px;padding-bottom:10px}.menu-heading{margin-bottom:13px}.menu-heading h2{font-size:29px}.difficulty-card{gap:5px;padding:14px}.difficulty-card strong{font-size:18px}.stage-card{min-height:130px}}@media (width<=900px){.difficulty-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.main-screen{grid-template-columns:minmax(0,1.25fr) minmax(220px,.75fr);gap:24px}}.header-nav-actions{justify-content:flex-end;align-items:center;gap:7px;display:flex}.header-nav-button{color:#465065;letter-spacing:.05em;cursor:pointer;background:#ffffffdb;border:1px solid #c5cad4;border-radius:9px;padding:7px 11px;font-size:10px;font-weight:850}.header-nav-button:hover{background:#fff;border-color:#657087}.menu-screen{flex-direction:column;flex:auto;min-height:0;padding:clamp(16px,3vh,32px) clamp(6px,2vw,20px);display:flex}.menu-heading{text-align:center;flex:none;margin-bottom:clamp(18px,3vh,30px)}.menu-kicker{color:#6d7585;letter-spacing:.17em;margin:0 0 6px;font-size:10px;font-weight:900}.menu-heading h2{color:#1b2230;letter-spacing:-.04em;margin:0;font-size:clamp(30px,5vh,48px);font-weight:900;line-height:1}.menu-heading>p:last-child{color:#6f7786;margin:10px 0 0;font-size:13px}.main-screen{grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);align-items:center;gap:clamp(30px,6vw,80px);width:min(960px,100%);margin:0 auto;display:grid}.main-hero{text-align:left}.main-hero h2{color:#171e2b;letter-spacing:-.065em;margin:0;font-size:clamp(50px,9vh,86px);font-weight:950;line-height:.88}.main-description{color:#606a7c;width:min(530px,100%);margin:clamp(18px,3vh,28px) 0;font-size:clamp(13px,1.8vh,16px);font-weight:550;line-height:1.7}.menu-primary-button{color:#fff;letter-spacing:.1em;cursor:pointer;background:linear-gradient(145deg,#3a4866,#26324b);border:1px solid #27334d;border-radius:12px;min-width:185px;padding:13px 27px;font-size:14px;font-weight:900;box-shadow:0 10px 22px #232f4940}.menu-primary-button:hover{transform:translateY(-2px);box-shadow:0 14px 28px #232f4952}.main-progress-card{text-align:center;background:linear-gradient(155deg,#fffffffa,#f2f5faf5);border:1px solid #d4d9e3;border-radius:22px;padding:clamp(24px,4vh,38px) clamp(22px,3vw,34px);box-shadow:0 20px 50px #232c3f1f}.main-progress-value{color:#252f45;letter-spacing:-.06em;margin-top:13px;font-size:clamp(52px,8vh,76px);font-weight:950;line-height:1}.main-progress-value span{color:#99a1af;letter-spacing:-.02em;font-size:22px}.main-progress-label{color:#7b8392;margin:7px 0 0;font-size:11px;font-weight:700}.main-progress-divider{background:#d8dce4;height:1px;margin:22px 0}.main-star-summary{color:#747d8d;letter-spacing:.08em;justify-content:space-between;align-items:center;font-size:10px;font-weight:850;display:flex}.main-star-summary strong{color:#c47d11;letter-spacing:0;font-size:22px}.difficulty-grid{flex:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.7vw,18px);min-height:0;display:grid}.difficulty-card{color:#2a3242;text-align:left;cursor:pointer;background:linear-gradient(150deg,#fff,#f3f5f9);border:1px solid #d4d9e3;border-radius:17px;flex-direction:column;justify-content:center;align-items:flex-start;gap:9px;min-height:0;padding:clamp(17px,3vh,28px) clamp(16px,2vw,25px);display:flex;position:relative;box-shadow:0 9px 25px #252e4112}.difficulty-card strong{letter-spacing:-.025em;font-size:clamp(18px,2.7vh,25px);font-weight:900}.difficulty-card-available:hover{border-color:#586681;transform:translateY(-3px);box-shadow:0 15px 32px #252e4126}.difficulty-card-disabled{color:#8b929f;box-shadow:none;cursor:not-allowed;background:#eceef2}.difficulty-card-generated{color:#727c8f;background:linear-gradient(145deg,#eef2f8,#e4e9f1);border-style:dashed}.difficulty-status{color:#596477;letter-spacing:.08em;background:#e4e8ef;border-radius:999px;padding:3px 7px;font-size:8px;font-weight:900;position:absolute;top:11px;right:12px}.difficulty-card-available .difficulty-status{color:#2f6742;background:#d7edde}.difficulty-description{color:#747d8d;font-size:11px;font-weight:550;line-height:1.5}.difficulty-stage-count{color:#4f5c74;letter-spacing:.1em;margin-top:auto;font-size:9px;font-weight:900}.stage-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,1.8vw,18px);width:min(1000px,100%);margin:0 auto;display:grid}.stage-card{color:#273044;cursor:pointer;background:linear-gradient(150deg,#fff,#f3f5f9);border:1px solid #cfd5df;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:clamp(150px,24vh,210px);padding:18px;display:flex;position:relative;box-shadow:0 10px 26px #222b3e17}.stage-card:hover:not(:disabled){border-color:#586681;transform:translateY(-4px);box-shadow:0 16px 33px #222b3e29}.stage-card-number{color:#a1a7b2;letter-spacing:.12em;font-size:10px;font-weight:900}.stage-card strong{letter-spacing:-.035em;font-size:clamp(23px,3.5vh,31px);font-weight:950}.stage-card-status{color:#596477;letter-spacing:.08em;background:#e7eaf0;border-radius:999px;min-height:22px;padding:4px 9px;font-size:9px;font-weight:900}.stage-card-cleared{background:linear-gradient(150deg,#fbfffc,#eaf6ed);border-color:#9ec9aa}.stage-card-cleared .stage-card-status{color:#317047;background:#d2ebd9}.stage-card-skipped{background:linear-gradient(150deg,#fffdfc,#faeeea);border-color:#d8b4a9}.stage-card-skipped .stage-card-status{color:#914b36;background:#f3dcd4}.stage-card-locked{color:#8d94a1;box-shadow:none;opacity:.72;cursor:not-allowed;background:#e9ebef}.skip-dialog h2{letter-spacing:-.04em;font-size:clamp(27px,4.5vh,40px)}.skip-dialog-icon{color:#9c513b;background:#f8e3dc;border-radius:50%;justify-content:center;align-items:center;width:51px;height:51px;margin-bottom:12px;font-size:30px;font-weight:900;display:inline-flex}.skip-dialog-description{color:#667082;margin:17px 0 0;font-size:13px;font-weight:550;line-height:1.7}.skip-dialog-stars{color:#d2d6de;-webkit-text-stroke:1px #aeb4bf;justify-content:center;gap:8px;margin-top:17px;font-size:31px;line-height:1;display:flex}.skip-confirm-button{color:#fff;background:#a9563e;border-color:#9d4e38}.skip-confirm-button:hover{background:#8d432f}@media (height<=760px){.menu-screen{padding-top:10px;padding-bottom:10px}.menu-heading{margin-bottom:13px}.menu-heading h2{font-size:29px}.difficulty-card{gap:5px;padding:14px}.difficulty-card strong{font-size:18px}.stage-card{min-height:130px}}@media (width<=900px){.difficulty-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.main-screen{grid-template-columns:minmax(0,1.25fr) minmax(220px,.75fr);gap:24px}}.difficulty-card-generated:not(:disabled){color:#344463;cursor:pointer;background:linear-gradient(145deg,#f7faff,#e6edf8);border-color:#8295b8}.difficulty-card-generated:not(:disabled) .difficulty-status{color:#315b91;background:#d8e7fa}.difficulty-card-generated:not(:disabled):hover{border-color:#426697;transform:translateY(-3px);box-shadow:0 15px 32px #304b712e}.generated-quality-summary{flex-wrap:wrap;gap:4px;margin-top:5px;display:flex}.generated-quality-summary span{color:#52617a;letter-spacing:.06em;background:#f4f7fc;border:1px solid #cfd8e8;border-radius:999px;padding:2px 7px;font-size:9px;font-weight:800;line-height:1.35}.generated-quality-summary strong{color:#294f85;font-size:inherit}.generator-difficulty-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.generator-difficulty-card{padding:clamp(16px,2.5vh,23px) clamp(17px,2vw,25px)}.generator-difficulty-easy:not(:disabled){color:#315d3d;background:linear-gradient(145deg,#f7fcf8,#e4f2e7);border-color:#8eb99a}.generator-difficulty-easy:not(:disabled) .difficulty-status{color:#2e6840;background:#d7edde}.generator-difficulty-normal:not(:disabled){border-color:#8295b8}.generator-difficulty-hard:not(:disabled){color:#694a29;background:linear-gradient(145deg,#fffaf4,#f5e7d5);border-color:#c29a69}.generator-difficulty-hard:not(:disabled) .difficulty-status{color:#7b4e20;background:#f2ddc3}.generator-difficulty-very-hard:not(:disabled){color:#533d72;background:linear-gradient(145deg,#fbf8ff,#ebe3f6);border-color:#9a85b9}.generator-difficulty-very-hard:not(:disabled) .difficulty-status{color:#5f3d87;background:#e2d5f2}.touch-command-help{display:none}@media (width<=700px),(hover:none) and (pointer:coarse){.app-shell{height:auto;min-height:100dvh;padding:16px max(12px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));overflow:visible}.app-header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px}.app-brand h1{font-size:30px}.app-eyebrow,.section-eyebrow{margin-bottom:4px;font-size:9px;display:block}.header-nav-actions{flex-wrap:wrap;justify-content:flex-start;gap:8px}.header-nav-button,.action-button,.result-button{min-height:44px;padding:10px 14px;font-size:12px}.menu-screen{flex:none;padding:14px 0}.main-screen{grid-template-columns:minmax(0,1fr);gap:28px}.main-hero h2{font-size:58px}.main-description{margin:22px 0;font-size:14px}.menu-primary-button{min-height:48px}.main-progress-card{padding:24px}.menu-heading{margin-bottom:24px}.menu-heading h2{font-size:32px;line-height:1.15}.menu-heading>p:last-child{line-height:1.6}.difficulty-grid,.generator-difficulty-grid{flex:none;grid-template-columns:minmax(0,1fr);gap:12px}.difficulty-card{gap:10px;min-height:148px;padding:35px 20px 20px}.difficulty-card strong{font-size:23px}.difficulty-description{font-size:13px}.difficulty-stage-count,.difficulty-status{font-size:10px}.stage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stage-card{min-height:145px;padding:18px 10px}.stage-card strong{font-size:26px}.puzzle-screen{flex:none;gap:10px}.puzzle-heading{flex-wrap:wrap;gap:12px;padding:0}.puzzle-heading>div{min-width:0;max-width:100%}.puzzle-heading h2{overflow-wrap:anywhere;font-size:24px;line-height:1.2}.puzzle-stats{margin-left:auto}.stat-item{padding:7px 12px}.assist-panel{padding:14px 12px}.panel-heading,.hand-heading{flex-wrap:wrap;gap:8px;margin-bottom:12px}.assist-buttons{grid-template-columns:minmax(0,1fr);gap:8px}.assist-button{flex-flow:wrap;justify-content:flex-start;align-items:center;gap:5px 10px;min-height:48px;padding:10px}.assist-button-name{min-width:108px;font-size:13px}.assist-button-description{font-size:11px;display:block}.assist-used-mark{margin-left:auto;position:static}.assist-notice{margin-top:10px;font-size:12px;line-height:1.6}.board-panel{flex:none;min-width:0;padding:10px 8px}.board-row{grid-template-columns:minmax(0,1fr);gap:6px}.board-label{flex-direction:row;align-items:baseline;gap:8px}.board-label-sub{display:block}.tile-row{overscroll-behavior-x:contain;justify-content:safe center;padding:4px;overflow-x:auto}.board-divider{margin:8px 0}.play-actions{flex-wrap:wrap}.result-panel{flex-wrap:wrap;gap:12px;padding:14px}.hand-panel{min-width:0;padding:12px 8px 8px}.touch-command-help{color:#d2dbee;margin:0 0 8px;font-size:12px;line-height:1.6;display:block}.hand-cards{scroll-snap-type:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 8px;padding:8px 4px 6px;display:grid;overflow:visible}.hand-panel .command-card{width:100%;min-width:0;max-width:none;min-height:96px;padding:14px 4px 8px}.hand-panel .command-card-kicker{display:none}.hand-panel .command-card-type{letter-spacing:0;font-size:clamp(11px,3vw,14px)}.hand-panel .command-card-parameters{white-space:nowrap;margin-top:5px;font-size:clamp(9px,2.6vw,12px)}.hand-panel .command-card-assist-area{flex-wrap:wrap;gap:3px;min-height:18px;padding-top:6px;display:flex}.result-backdrop{padding:12px;overflow-y:auto}.clear-dialog{max-height:calc(100dvh - 24px);padding:24px 18px;overflow-y:auto}:is(.clear-dialog-actions,.clear-dialog-actions:has(.clear-dialog-button:only-child)){grid-template-columns:minmax(0,1fr);margin-top:22px}.clear-dialog-button{min-height:48px}}.command-card{--card-accent:#68758c;color:#252c3a;scroll-snap-align:center;cursor:pointer;touch-action:manipulation;background:linear-gradient(155deg,#fff 0%,#f4f6fa 100%);border:2px solid #cdd3de;border-radius:14px;flex-direction:column;flex:0 0 154px;align-items:center;width:154px;min-height:116px;padding:17px 12px 11px;transition:transform .14s,box-shadow .14s,border-color .14s;display:flex;position:relative;overflow:visible;box-shadow:0 7px 14px #0d162726}.command-card-accent{background:var(--card-accent);border-radius:0 0 5px 5px;height:5px;position:absolute;top:0;left:14px;right:14px}.command-card-swap{--card-accent:#c95b64}.command-card-reverse{--card-accent:#7b62c5}.command-card-rotate{--card-accent:#3e8cad}.command-card-move{--card-accent:#4d9469}.command-card:hover:not(:disabled){z-index:2;border-color:var(--card-accent);transform:translateY(-7px);box-shadow:0 14px 24px #0c152538}.command-card-kicker{color:#969dab;letter-spacing:.15em;margin-bottom:5px;font-size:9px;font-weight:850}.command-card-type{color:#222938;letter-spacing:.035em;font-size:18px;font-weight:900;line-height:1.1}.command-card-parameters{color:#50596b;margin-top:5px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:15px;font-weight:750}.command-card-assist-area{justify-content:center;align-items:center;gap:5px;min-height:21px;margin-top:auto;padding-top:8px;display:flex}.command-card-assist-label{letter-spacing:.05em;border-radius:999px;padding:3px 7px;font-size:9px;font-weight:900;line-height:1.3}.command-card-assist-label-unused{color:#7c2d12;background:#fed7aa}.command-card-assist-label-next{color:#14532d;background:#bbf7d0}.command-card-use-check{background:linear-gradient(155deg,#fffaf4,#ffeddc);border-color:#d17a42}.command-card-next-move{border-color:#30905a;box-shadow:0 0 0 4px #30905a33,0 9px 20px #0c15252e}.command-card-order-hint{z-index:3;color:#fff;background:#2f62bd;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:29px;height:29px;font-size:14px;font-weight:900;line-height:1;display:inline-flex;position:absolute;top:-12px;right:-12px;box-shadow:0 3px 8px #2039694d}.command-card:disabled{color:#747b88;box-shadow:none;opacity:.52;cursor:not-allowed;background:repeating-linear-gradient(-45deg,#e1e4e9,#e1e4e9 7px,#d9dde3 7px 14px);border-color:#aeb5c2}.command-card:disabled .command-card-accent{background:#8d95a3}.command-card:disabled:hover{transform:none}@media (width<=640px){.command-card{flex-basis:142px;width:142px;min-height:108px}}.command-card.command-card-touch-preview:not(:disabled){z-index:2;border-color:var(--card-accent);box-shadow:0 0 0 3px #fffc,0 10px 20px #0c152538}@media (width<=700px),(hover:none) and (pointer:coarse){.hand-panel .command-card-assist-label{letter-spacing:0;padding:3px 4px;font-size:8px}.hand-panel .command-card-order-hint{border-width:2px;width:22px;height:22px;font-size:11px;top:-7px;right:-3px}}@media (hover:none) and (pointer:coarse){.command-card:hover:not(:disabled){transform:none}.command-card:hover:not(:disabled):not(.command-card-touch-preview){border-color:var(--card-accent);box-shadow:0 7px 14px #0d162726}}.tile-wrapper{flex-direction:column;flex:none;align-items:center;margin:clamp(6px,.9vw,9px);display:inline-flex}.tile-index{color:#687083;margin-bottom:5px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;font-weight:700}.tile{box-sizing:border-box;color:#20242c;border:2px solid #333;border-radius:10px;justify-content:center;align-items:center;width:clamp(50px,5.2vw,62px);height:clamp(50px,5.2vw,62px);font-size:clamp(23px,2.4vw,29px);font-weight:850;display:flex;position:relative;box-shadow:0 5px 11px #1e253321}.tile-matched:before{content:"";box-sizing:border-box;pointer-events:none;border:2px solid #222;border-radius:12px;position:absolute;inset:-7px}.tile-preview-changed:after{content:"";box-sizing:border-box;pointer-events:none;border:3px dashed #666;border-radius:10px;position:absolute;inset:-4px}@media (width<=640px){.tile-wrapper{margin:6px}.tile{width:46px;height:46px;font-size:22px}}@media (width<=700px),(hover:none) and (pointer:coarse){.board-panel .tile-wrapper{width:clamp(24px,12.5% - 10px,40px);margin:3px 5px}.board-panel .tile-index{margin-bottom:3px;font-size:10px}.board-panel .tile{aspect-ratio:1;border-radius:7px;width:100%;height:auto;font-size:20px}.board-panel .tile-matched:before{border-radius:9px;inset:-4px}.board-panel .tile-preview-changed:after{border-width:2px;border-radius:8px;inset:-2px}}