:root{font:16px system-ui,-apple-system,'Segoe UI',sans-serif;color:#17344f;background:#edf4f9;color-scheme:light;--paper:#fff;--ink:#17344f;--muted:#5d7386;--border:#cbdde9;--blue:#1477be;--soft:#e7f2fa;--shadow:0 14px 40px #173d5b12}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--border);color:var(--ink);background:var(--paper);padding:12px 17px;border-radius:13px;font-weight:650;transition:background .15s,transform .15s}button:active{transform:scale(.97)}button:disabled{opacity:.48;cursor:not-allowed}a{color:var(--blue)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e49745;outline-offset:3px}.primary{background:var(--blue);color:white;border-color:var(--blue)}.danger{color:#b72f43;border-color:#e5aeb8}.muted,small{color:var(--muted)}small{display:block;line-height:1.5}h1{font-size:clamp(27px,4vw,38px);letter-spacing:-.055em;margin:0 0 12px}h2{font-size:23px;letter-spacing:-.035em}h3{font-size:18px}p{line-height:1.65}.brand{font-weight:850;letter-spacing:-.07em;color:var(--blue);font-size:27px;text-decoration:none}.auth{min-height:100dvh;display:grid;place-items:center;background:radial-gradient(at 10% 90%,#ffd8b450,transparent 50%),radial-gradient(at 95% 0%,#66bcf740,transparent 50%);padding:30px 18px}.auth .card{max-width:490px;width:100%;padding:32px}.card{background:var(--paper);border:1px solid var(--border);border-radius:23px;padding:24px;box-shadow:var(--shadow)}label{display:block;font-weight:650;margin:16px 0 7px}input:not([type=checkbox]),select,textarea{width:100%;border-radius:12px;padding:12px;border:1px solid var(--border);color:var(--ink);background:var(--paper);min-height:46px}input[type=checkbox]{width:20px;height:20px;accent-color:var(--blue);vertical-align:middle;margin-right:8px}.checks label{font-weight:500}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.actions.sticky{position:sticky;bottom:0;background:var(--paper);padding:14px 0;z-index:3}.actions .primary{flex:1}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100dvh}.sidebar{position:sticky;top:0;height:100dvh;padding:30px 18px;background:var(--paper);border-right:1px solid var(--border)}.sidebar nav{display:grid;gap:7px;margin-top:35px}.sidebar button{text-align:left;border:0;background:transparent}.sidebar button.active{background:var(--soft);color:var(--blue);box-shadow:inset 3px 0 var(--blue)}.main{padding:28px 38px 80px;max-width:1400px;width:100%;margin:auto}.top{display:flex;align-items:center;gap:16px;justify-content:space-between;margin-bottom:30px}.top small{margin-top:7px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:17px}.stats .card b{font-size:30px;display:block;margin:10px 0}.row{display:flex;gap:12px;align-items:center;justify-content:space-between}.stack{display:grid;gap:12px}.list-item{display:flex;align-items:center;gap:15px;background:var(--paper);border:1px solid var(--border);padding:16px;border-radius:17px;text-align:left;width:100%}.list-item .grow{flex:1}.thumb{line-height:1;overflow:hidden;width:51px;height:51px;border-radius:14px;background:var(--soft);display:grid;place-items:center;object-fit:cover;flex-shrink:0;font-size:25px}.price{font-weight:800;white-space:nowrap}.chip{display:inline-block;padding:6px 10px;border-radius:10px;font-size:12px;background:var(--soft);color:var(--blue);margin:5px 0}.empty{text-align:center;padding:55px 20px;border:1px dashed var(--border);border-radius:22px}.empty span{font-size:38px}.notice{padding:14px 18px;background:var(--soft);border:1px solid var(--border);border-radius:14px;margin:15px 0;line-height:1.5}.bad{background:#fff0ee;color:#923842}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.amount{font-size:32px;font-weight:800;margin:14px 0}.pills{display:flex;gap:8px;flex-wrap:wrap}.pills .selected,.choice.selected{border:2px solid var(--blue);background:var(--soft);color:var(--blue)}.choice{text-align:left;padding:20px;min-height:100px}.choice b{display:block;margin-top:8px}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:8px;max-height:260px;overflow:auto}.icon-grid button{padding:4px;min-width:0;min-height:52px;display:grid;place-items:center;font-size:25px;line-height:1;overflow:hidden;font-family:system-ui,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.icon-grid .selected{background:var(--soft);outline:2px solid var(--blue)}dialog{border:1px solid var(--border);border-radius:24px;padding:0;width:min(680px,calc(100% - 24px));max-height:calc(100dvh - 40px);color:var(--ink);background:var(--paper);box-shadow:0 30px 80px #102d5040}dialog::backdrop{background:#0e294885;backdrop-filter:blur(4px)}.modal-body{padding:25px;overflow:auto;max-height:calc(100dvh - 42px)}dialog h2{margin-top:0}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100;background:#153b60;color:white;border-radius:14px;padding:15px 23px;max-width:90%;box-shadow:0 7px 35px #0003;display:none}#toast.show{display:block}.loader{height:6px;overflow:hidden;border-radius:8px;background:var(--soft)}.loader:after{content:'';display:block;height:100%;width:35%;background:var(--blue);animation:load 1s ease-in-out infinite alternate}@keyframes load{to{transform:translateX(180%)}}.page{opacity:1}.receipt{max-width:500px;margin:auto;font-family:system-ui}.receipt hr{border:0;border-top:1px dashed #8e9ba5;margin:18px 0}.receipt-logo{max-width:100px;max-height:80px;display:block;margin:auto}.receipt .title{text-align:center}.receipt .row{margin:10px 0}.legal-text{max-height:42vh;overflow:auto;border:1px solid var(--border);padding:20px;border-radius:14px;white-space:pre-wrap;line-height:1.6}.hero-title{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}.walkback{position:fixed;inset:0;background:#082039b3;z-index:45}.walk{position:fixed;z-index:48;bottom:25px;left:50%;transform:translateX(-50%);max-width:450px;width:calc(100% - 32px)}.spot{position:relative;z-index:46;background:var(--paper)!important;outline:4px solid #ffc386;border-radius:14px}.photo-actions{display:flex;gap:8px;margin-top:9px}table{border-collapse:collapse;width:100%}td,th{text-align:left;padding:10px;border-bottom:1px solid var(--border)}.scroll-x{overflow:auto}.hidden{display:none!important}
:root[data-theme=dark]{color-scheme:dark;--paper:#15324a;--ink:#e9f3fa;--muted:#afc5d6;--border:#35536a;--blue:#248cdb;--soft:#203f59;background:#0c2337;color:var(--ink);--shadow:0 14px 35px #0002}.reduce *{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:800px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;top:auto;bottom:0;height:auto;left:0;right:0;z-index:20;padding:6px;background:var(--paper);border:0;border-top:1px solid var(--border);padding-bottom:max(8px,env(safe-area-inset-bottom))}.sidebar>.brand,.sidebar>.muted{display:none}.sidebar nav{display:flex;justify-content:space-around;margin:0;gap:2px}.sidebar nav button{font-size:12px;padding:11px 7px;white-space:nowrap}.sidebar nav button.active{box-shadow:none}.main{padding:22px 16px 105px}.split{grid-template-columns:1fr}.top{align-items:flex-start}.stats.grid{grid-template-columns:1fr 1fr}.stats .card{padding:16px}.stats .card b{font-size:23px}.walk{bottom:100px}.card{padding:20px}#toast{bottom:95px}.top h1{font-size:27px}.grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media print{body>*:not(dialog){display:none!important}dialog{position:static;display:block;width:100%;max-height:none;border:0;box-shadow:none}dialog::backdrop{display:none}.modal-body{max-height:none;overflow:visible;padding:0}.no-print,dialog .actions{display:none!important}.receipt{color:#000;background:#fff;max-width:80mm;font-size:12px}.receipt img{max-height:60px}}

#f-customCategory{margin-top:8px}.top .refresh{font-weight:750;background:var(--soft);color:var(--blue);white-space:nowrap}.icon-grid button{font-variant-emoji:emoji}
.bell{position:relative;white-space:nowrap}.week-chart{height:160px;display:grid;grid-template-columns:repeat(7,1fr);gap:10px;align-items:end;margin:22px 0}.week-chart>div{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.week-chart .bar{width:min(45px,100%);min-height:4px;border-radius:8px 8px 2px 2px;background:linear-gradient(180deg,#248cdb,#69b7ef)}.week-chart small{font-size:11px}.top>div:last-child{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}@media(max-width:600px){.top>div:last-child button{padding:9px 11px}.week-chart{gap:5px}}

.icon-grid{grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:10px}.icon-grid button{width:100%;height:58px;min-height:58px;padding:0;line-height:1.15;font-size:24px;overflow:hidden;text-align:center;contain:paint}

/* Business setup is a deliberate four-step conversation, with no default choices. */
.survey-head{display:grid;gap:7px;margin:8px 0 22px;color:var(--blue)}.survey-head>span{font-size:12px;font-weight:800;letter-spacing:.16em}.survey-head>strong{font-size:24px;letter-spacing:-.04em;color:var(--ink)}.survey-progress{height:6px;background:linear-gradient(90deg,var(--blue) var(--progress),var(--soft) var(--progress));border-radius:99px}.survey-stage>p{max-width:65ch;color:var(--muted)}.survey-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:15px 0 24px}.survey-choice{display:flex;align-items:center;gap:12px;margin:0;padding:13px;border:1px solid var(--border);border-radius:18px;background:var(--paper);cursor:pointer;min-height:92px}.survey-choice:has(input:checked){border:2px solid var(--blue);background:var(--soft);padding:12px}.survey-choice input{align-self:flex-start;flex:none;margin:7px 0 0}.survey-choice b,.survey-choice small{display:block}.survey-art{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:16px;background:linear-gradient(140deg,#d7eefa,#fff0d8);font-size:28px}.survey-example{display:grid;gap:7px;padding:18px;border-radius:18px;background:var(--soft);line-height:1.55}.survey-example span{color:var(--muted)}@media(max-width:680px){.survey-grid{grid-template-columns:1fr}.survey-choice{min-height:76px}}
.contact-card{display:grid;gap:15px;background:white;border:1px solid #dce8f1;border-radius:24px;padding:28px;box-shadow:0 15px 50px #102c4620}.contact-card label{display:grid;gap:7px;font-weight:700}.contact-card input,.contact-card select,.contact-card textarea{width:100%;font:inherit;border:1px solid #c6d8e6;border-radius:12px;padding:12px;background:#fff;color:#173550}.contact-card button{justify-self:start}.kitchen-group details{border-top:1px solid var(--border);margin-top:16px;padding-top:12px}.kitchen-group summary{cursor:pointer;font-weight:700}
.business-heading{display:flex;gap:12px;align-items:center}.business-mark{width:45px;height:45px;object-fit:contain;border-radius:12px;background:#fff;padding:5px}.admin-banner{margin:12px 0;border-left:4px solid #1882bc}.admin-banner p{white-space:pre-wrap}
/* Shared brand, illustrations and restrained motion across the product. */
.a27-icon{display:block;width:40px;height:40px;object-fit:contain;flex:none}.a27-brand{width:42px;height:42px;object-fit:contain;border-radius:13px}.brand{display:inline-flex;align-items:center;gap:10px;letter-spacing:-.045em}.brand-home{padding:0;border:0;background:transparent;flex:none}.brand-home .a27-brand{width:36px;height:36px}.thumb .a27-icon{width:44px;height:44px}.survey-art .a27-icon{width:48px;height:48px}.icon-grid .a27-icon{width:46px;height:46px}.empty>span{display:grid;place-items:center}.empty .a27-icon{width:62px;height:62px}.sidebar nav button{display:flex;align-items:center;gap:10px}.sidebar nav .a27-icon{width:28px;height:28px}.circle-action{width:42px;height:42px;min-height:42px;padding:5px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:23px;position:relative;flex:none}.circle-action .a27-icon{width:28px;height:28px}.count-badge{position:absolute;top:-4px;right:-4px;background:#ffbb75;color:#102c48;border:2px solid var(--paper);border-radius:20px;padding:1px 5px;font-size:10px;font-weight:850;line-height:15px}.module-question{border:1px solid var(--border);border-radius:19px;padding:18px;margin:18px 0;background:var(--paper)}.module-question legend{display:flex;align-items:center;gap:10px;font-weight:800;padding:0 7px}.module-question legend .a27-icon{width:36px;height:36px}.module-question p{margin:0 0 10px;color:var(--muted)}.module-answer{display:flex;gap:12px;flex-wrap:wrap}.module-answer label{display:flex;align-items:center;gap:8px;margin:0;border:1px solid var(--border);padding:11px 15px;border-radius:12px;font-weight:600}.module-answer label:has(input:checked){background:var(--soft);border-color:var(--blue)}.module-answer input[type=radio],.survey-choice input[type=radio]{width:20px;height:20px;min-height:20px;padding:0;accent-color:var(--blue)}.module-answer input[type=radio]{margin:0}.guide-overlay .walk{max-height:45dvh;overflow:auto}.guide-overlay .walkback{pointer-events:auto}.guide-overlay .spot{pointer-events:none}.page{animation:page-enter .18s ease-out}.card{transition:box-shadow .18s,border-color .18s}.survey-choice:hover{box-shadow:0 8px 20px #153f5912}.business-heading h1{margin:0;font-size:clamp(22px,3vw,33px)}.business-heading>div{min-width:0}.business-heading h1{overflow-wrap:anywhere}.top{gap:12px;flex-wrap:wrap}.business-heading{min-width:0;flex:1}.main{background:radial-gradient(at 100% 0%,#c6e6f82b,transparent 35%)}@keyframes page-enter{from{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(min-width:900px){dialog:has(.survey-head){width:min(960px,calc(100% - 60px))}.survey-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.survey-stage:has(.module-question){display:grid;grid-template-columns:1fr 1fr;gap:15px}.survey-stage:has(.module-question)>p{grid-column:1/-1}.module-question{margin:0}}@media(max-width:800px){.sidebar nav button{flex-direction:column;gap:2px;padding:5px 8px;font-size:11px}.sidebar nav .a27-icon{width:25px;height:25px}.main{padding-top:16px}.top{margin-bottom:20px}.top>div:last-child{width:100%;justify-content:flex-end}.business-heading h1{font-size:25px}.top small{font-size:11px}.brand-home .a27-brand{width:32px;height:32px}.business-mark{width:35px;height:35px}.survey-stage{padding-bottom:8px}.guide-overlay .walk{bottom:98px}.module-answer label{flex:1}}@media(prefers-reduced-motion:reduce){.page{animation:none}}

/* A27: interface refinement, isolated scrolling, transparent spotlight. */
html:has(dialog[open]){overflow:hidden;overscroll-behavior:none}
dialog{max-height:92dvh;width:min(720px,calc(100vw - 24px));padding:0;overflow:hidden}
dialog .modal-body{max-height:92dvh;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding:24px}
dialog .sticky{position:sticky;bottom:-24px;margin:18px -24px -24px;padding:14px 24px;background:var(--paper);border-top:1px solid var(--border);z-index:2}
.main:not(:has(#view[data-section=history])) .top{padding:10px 0 16px;margin-bottom:16px;gap:12px;min-height:68px}
.main:not(:has(#view[data-section=history])) .top h1{font-size:22px;line-height:1.2;margin:0 0 3px}
.top>.business-heading{min-width:0}.business-heading>div{min-width:0}.top h1{overflow:hidden;text-overflow:ellipsis;max-width:48vw;white-space:nowrap}
.top>div:last-child{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.top .refresh{font-size:0;width:40px;height:40px;padding:0}.top .refresh:before{content:'↻';font-size:23px}
.page:not([data-section=history]) h2{font-size:22px;margin:8px 0 12px}
.page:not([data-section=history])>.card,.page:not([data-section=history]) .grid>.card{padding:18px}
.section-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}.section-bar h2{margin:0 0 3px!important}.section-bar .actions{margin:0}
.account-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.account-tile{text-align:left;display:block;min-height:155px;border-radius:18px;padding:16px}.account-tile h3{margin:10px 0 2px}.account-tile .thumb{width:36px;height:36px}.account-tile .row:last-child{margin-top:13px}.account-tile .row:last-child b{font-size:21px}.chip{font-size:12px;white-space:nowrap}
.kitchen-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:14px;align-items:start}
.kitchen-group{padding:16px;border-radius:18px;overflow:hidden}.kitchen-group header{padding-bottom:10px;border-bottom:1px solid var(--border)}.kitchen-group header strong{font-size:18px}
.prep-line{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid var(--border);border-left:3px solid #8aa5bc;padding-left:10px}.prep-line.status-preparing{border-left-color:#e0a234}.prep-line.status-ready{border-left-color:#2aab83}.prep-line button{padding:9px 12px;font-size:13px;min-height:40px}.prep-line small{font-size:12px}.prep-options,.prep-note{color:var(--ink);margin:4px 0}.prep-bulk{margin:12px 0 0!important}.prep-bulk button{font-size:12px;padding:8px 10px}
.form-section{border:1px solid var(--border);border-radius:15px;padding:13px 15px;margin:16px 0}.form-section>summary{font-weight:750;cursor:pointer;display:list-item}.form-section[open]>summary{margin-bottom:12px}.form-section p{font-size:14px;margin:10px 0}.option-example{padding:12px;background:var(--soft);border-radius:12px}.option-editor{margin:14px 0;padding:12px;border:1px solid var(--border);border-radius:12px;min-width:0}.option-editor>.row{gap:8px}.group-name{flex:1;min-width:100px!important}.option-rules{display:flex;gap:12px;flex-wrap:wrap}.option-rules label{font-size:12px;display:flex;gap:5px;align-items:center}.option-row{display:flex;gap:8px;align-items:center;margin:8px 0}.option-row .option-name{flex:1;min-width:0}.option-price-label{display:flex;gap:5px;align-items:center;margin:0;font-size:12px;white-space:nowrap}.option-price{max-width:90px}.option-row>button{padding:8px;min-width:36px}.subtle{font-size:12px;padding:8px 10px}
.sale-options{padding:12px 15px;margin:14px 0;border:1px solid var(--border);border-radius:14px}.sale-options legend{font-weight:750;padding:0 5px}.sale-options legend .chip{display:inline}.sale-options label{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--border);border-radius:10px;margin:8px 0}.sale-options label:has(input:checked){border-color:var(--blue);background:var(--soft)}.sale-options label span{margin-left:auto;font-size:12px}.sale-options input{width:18px!important;height:18px;margin:0;flex:none}
.setup-checklist{padding:14px 16px;margin:0 0 20px;border-radius:17px;box-shadow:none}.setup-checklist>summary{display:flex;align-items:center;justify-content:space-between;font-weight:750;cursor:pointer}.setup-checklist>summary:after{content:'⌄';margin-left:10px}.checklist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.checklist-task{display:flex;align-items:center;gap:9px;text-align:left;padding:11px;border-radius:12px;font-size:13px;font-weight:500}.checklist-task>span:nth-child(2){flex:1}.checklist-task small{font-size:11px}.checklist-task.done{opacity:.7}.check-icon{color:var(--blue);font-size:22px}.bank-details{padding:14px;background:var(--soft);border:1px solid var(--border);border-radius:13px;margin:14px 0;overflow-wrap:anywhere}.bank-details code{display:block;font-size:18px;letter-spacing:.05em;margin:8px 0}.bank-details small:last-child{font-size:11px}.settings-form{max-width:760px}
.guide-overlay{position:fixed;inset:0;z-index:2000;isolation:isolate}.guide-scrim{position:absolute;inset:0;background:transparent}.guide-focus{position:fixed;border:3px solid #ffc36d;border-radius:14px;box-shadow:0 0 0 9999px #071b32c7,0 0 0 7px #ffc36d50;pointer-events:none;z-index:1;transition:top .18s,left .18s,width .18s,height .18s}
.guide-target-label{position:absolute;top:-26px;left:0;padding:4px 8px;border-radius:7px;background:#ffc36d;color:#142d46;font:800 10px system-ui;letter-spacing:.06em;white-space:nowrap}
.guide-overlay .walk{position:fixed;width:min(390px,calc(100vw - 24px));max-height:70dvh;overflow:auto;z-index:2;background:var(--paper);color:var(--ink);padding:20px;border-radius:20px;box-shadow:0 20px 65px #0006;margin:0}
.guide-overlay .walk h2{font-size:23px;margin:10px 0}.guide-overlay .walk p{font-size:15px;line-height:1.55;margin:8px 0 16px}.guide-progress{font-size:11px;letter-spacing:.06em;color:var(--muted);font-weight:800}.guide-close{border:0;padding:3px 9px;font-size:22px}.guide-overlay .actions{justify-content:space-between;margin-bottom:0}.guide-dots{display:flex;gap:5px;margin:12px 0}.guide-dots i{height:4px;flex:1;background:var(--border);border-radius:5px}.guide-dots .current{background:var(--blue)}.spot{background:inherit!important;outline:0}
@media(max-width:800px){.main{padding-top:10px}.top .business-heading .a27-brand{width:30px;height:30px}.top h1{max-width:44vw!important;font-size:18px!important}.top .business-heading small{font-size:11px}.top>div:last-child{gap:5px}.top [data-act=back]{font-size:0;padding:7px}.top [data-act=back]:before{content:'←';font-size:20px}.top .circle-action{width:36px;height:36px;min-height:36px}.top .refresh{width:32px;height:36px}.section-bar{gap:10px}.account-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.account-tile{padding:12px;min-height:145px}.account-tile h3{font-size:16px}.account-tile .chip{font-size:10px}.account-tile small{font-size:11px}.account-tile .row:last-child{font-size:11px}.account-tile .row:last-child b{font-size:18px}.checklist-grid{grid-template-columns:1fr}.option-price{max-width:76px}.option-rules{gap:6px}.option-editor>.row{flex-wrap:wrap}.guide-overlay .walk{max-height:55dvh}.settings-form{padding:16px}}
@media(prefers-reduced-motion:reduce){.guide-focus,.page,button{animation:none!important;transition:none!important}}

.main{margin:0 auto;align-self:start}.top>div:last-child{width:auto}.prep-line .grow{flex:1;min-width:0}.kitchen-board{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))}.guide-overlay .walk{transform:none!important}