@import "https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;800&family=Noto+Serif+TC:wght@500;700&family=ZCOOL+XiaoWei&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-body);color:var(--ink);background:var(--bg-base);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-body:"Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;--font-display:"ZCOOL XiaoWei", "Noto Serif TC", serif;--font-serif:"Noto Serif TC", "PingFang TC", serif;--bg-base:oklch(95.5% .032 62);--paper:oklch(98.2% .012 74);--paper-soft:oklch(95.8% .025 68);--paper-warm:oklch(94% .043 42);--mist:oklch(93% .048 145);--blossom:oklch(80% .09 12);--blossom-deep:oklch(56% .12 18);--jade:oklch(56% .095 154);--amber:oklch(70% .13 73);--sapphire:oklch(57% .12 248);--ink:oklch(27% .048 35);--ink-soft:oklch(45% .036 34);--ink-muted:oklch(60% .03 42);--line:oklch(74% .035 48/.38);--line-strong:oklch(59% .056 34/.36);--surface:oklch(98.5% .011 76/.84);--surface-strong:oklch(99% .008 78/.96);--surface-smoke:oklch(92% .024 70/.72);--danger:oklch(53% .14 24);--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--radius-sm:12px;--radius-md:20px;--radius-lg:30px;--radius-xl:42px;--radius-full:999px;--shadow-soft:0 12px 32px oklch(36% .05 32/.08);--shadow-panel:0 22px 60px oklch(36% .055 32/.12);--shadow-float:0 28px 72px oklch(34% .06 24/.18);--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--ease-out-quint:cubic-bezier(.22, 1, .36, 1);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#app{min-height:100vh}body{color:var(--ink);font-family:var(--font-body);background:radial-gradient(circle at 8% 10%,oklch(98% .032 50/.95) 0%,#0000 30rem),radial-gradient(circle at 88% 12%,oklch(91% .08 12/.62) 0%,#0000 24rem),radial-gradient(circle at 78% 82%,oklch(88% .075 145/.7) 0%,#0000 28rem),linear-gradient(145deg,oklch(97% .02 80) 0%,oklch(93% .042 45) 42%,oklch(93% .042 105) 100%);margin:0;position:relative;overflow-x:hidden}body:before,body:after{content:"";z-index:-1;pointer-events:none;filter:blur(10px);opacity:.76;animation:cloudDrift 18s var(--ease-out-quint) infinite alternate;border-radius:999px;position:fixed}body:before{background:radial-gradient(circle,oklch(99% .012 80/.86),#0000 72%);width:22rem;height:12rem;top:9vh;left:-7rem}body:after{background:radial-gradient(circle,oklch(92% .08 23/.58),#0000 74%);width:26rem;height:15rem;animation-delay:-8s;bottom:10vh;right:-9rem}button,input,select,textarea{font:inherit}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.62}a{color:inherit}#app{width:min(1560px,100vw - 32px);margin:0 auto}.app-shell{gap:clamp(var(--space-lg), 2.4vw, var(--space-2xl));padding:clamp(18px, 3vw, 38px) 0 var(--space-2xl);flex-direction:column;display:flex}.topbar,.hero-panel,.online-panel,.panel-card,.board-panel{border:1px solid var(--line);background:linear-gradient(135deg, color-mix(in oklch, var(--surface) 92%, transparent), color-mix(in oklch, var(--surface-smoke) 72%, transparent)), var(--surface);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(18px)}.topbar,.hero-panel,.online-panel,.panel-card{border-radius:var(--radius-xl);padding:clamp(18px,2.2vw,30px)}.topbar{gap:var(--space-xl);animation:riseIn .68s var(--ease-out-quint) both;grid-template-columns:minmax(0,1fr) auto;align-items:start;display:grid}.topbar__title{gap:var(--space-xs);display:grid}.topbar__title h1,.panel-header h2,.hero-panel h2,.online-panel h3,.dialog-header h2{color:var(--ink);font-family:var(--font-display);margin:0;font-weight:400;line-height:1.05}.topbar__title h1{letter-spacing:.06em;font-size:clamp(2.8rem,5vw,5.4rem)}.topbar__desc{max-width:52ch;color:var(--ink-soft);margin:0;font-size:1rem;line-height:1.85}.topbar__actions,.hero-panel__meta,.panel-actions,.online-panel__actions,.buy-panel__actions,.preset-actions,.draw-actions{gap:var(--space-sm);flex-wrap:wrap;align-items:center;display:flex}.topbar__actions{justify-content:flex-end}.eyebrow,.meta-chip__label,.story-card__label{color:color-mix(in oklch, var(--blossom-deep) 72%, var(--ink-muted));letter-spacing:.2em;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:700}.auth-bar,.meta-chip,.player-card,.card-editor,.preset-panel,.board-center__block,.inline-field,.board-tile,.story-card,.scenario-item{border:1px solid color-mix(in oklch, var(--line) 88%, transparent);background:color-mix(in oklch, var(--surface-strong) 92%, transparent);box-shadow:var(--shadow-soft)}.auth-bar,.meta-chip{border-radius:var(--radius-full);padding:10px 14px}.auth-bar{align-items:center;gap:var(--space-sm);max-width:min(420px,100%);display:inline-flex}.auth-text{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.auth-text--warn{color:var(--danger)}.back-link,.pill-btn,.primary-btn,.secondary-btn,.danger-btn,.icon-btn{cursor:pointer;isolation:isolate;transition:transform .18s var(--ease-out-quart), box-shadow .18s var(--ease-out-quart), background-color .18s var(--ease-out-quart), border-color .18s var(--ease-out-quart), color .18s var(--ease-out-quart);border:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex;position:relative}.back-link,.pill-btn,.primary-btn,.secondary-btn,.danger-btn{border-radius:var(--radius-full);min-height:42px;padding:10px 17px;font-weight:700}.back-link,.primary-btn{color:oklch(98.5% .012 70);background:radial-gradient(circle at 22% 20%,oklch(88% .12 65/.46),#0000 36%),linear-gradient(135deg,oklch(43% .09 35),oklch(58% .13 18));box-shadow:0 14px 26px oklch(43% .1 23/.22)}.back-link--secondary,.secondary-btn,.pill-btn,.icon-btn{color:var(--ink);border:1px solid color-mix(in oklch, var(--line-strong) 72%, transparent);background:color-mix(in oklch, var(--surface-strong) 84%, transparent)}.pill-btn--ghost,.danger-btn{color:var(--danger);background:oklch(95% .035 24/.82);border:1px solid oklch(62% .11 24/.28)}.icon-btn{border-radius:50%;width:36px;height:36px;padding:0}.primary-btn--wide{width:100%}.back-link:hover,.pill-btn:hover,.primary-btn:hover,.secondary-btn:hover,.danger-btn:hover,.icon-btn:hover{transform:translateY(-2px);box-shadow:0 16px 34px oklch(36% .055 28/.16)}.back-link:active,.pill-btn:active,.primary-btn:active,.secondary-btn:active,.danger-btn:active,.icon-btn:active{transform:translateY(1px)scale(.98)}.hero-panel{gap:clamp(var(--space-lg), 3vw, var(--space-2xl));min-height:260px;animation:riseIn .76s var(--ease-out-quint) .1s both;grid-template-columns:minmax(0,1.2fr) minmax(180px,.42fr) minmax(230px,.52fr);align-items:center;display:grid;position:relative;overflow:hidden}.hero-panel:before{content:"";height:22rem;animation:softGlow 8s var(--ease-out-quint) infinite alternate;background:radial-gradient(circle,oklch(84% .09 23/.28),#0000 70%);border-radius:50%;position:absolute;inset:-30% 52% auto -10%}.hero-panel__intro{z-index:1;gap:var(--space-md);max-width:68ch;display:grid;position:relative}.hero-panel__intro h2{letter-spacing:.04em;max-width:11ch;font-size:clamp(2.3rem,4.6vw,5.4rem)}.hero-panel__intro p:last-child,.panel-note,.hero-panel p,.online-panel__status,.player-card p{color:var(--ink-soft);line-height:1.78}.hero-orbit{z-index:1;place-items:center;min-height:210px;display:grid;position:relative}.hero-orbit__ring{border:1px solid oklch(58% .07 43/.36);border-radius:50%;width:180px;height:180px;animation:18s linear infinite orbitTurn;position:absolute;box-shadow:inset 0 0 0 18px oklch(98% .02 80/.34),0 24px 60px oklch(42% .08 24/.13)}.hero-orbit__beast{color:oklch(96% .02 82);width:112px;height:112px;font-family:var(--font-display);box-shadow:var(--shadow-float);animation:creatureFloat 5.5s var(--ease-out-quint) infinite;background:radial-gradient(circle at 34% 24%,oklch(78% .12 72),#0000 32%),linear-gradient(145deg,oklch(42% .1 148),oklch(34% .07 43));border-radius:42% 58% 48% 52%;place-items:center;font-size:3.6rem;display:grid;position:relative}.hero-orbit__dice{width:54px;height:54px;color:var(--ink);background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-soft);animation:diceWink 4.8s var(--ease-out-quint) infinite;border-radius:18px;place-items:center;display:grid;position:absolute;bottom:28px;right:6px;transform:rotate(-10deg)}.hero-orbit__spark{background:var(--amber);border-radius:50%;width:12px;height:12px;position:absolute;box-shadow:0 0 0 8px oklch(75% .12 72/.18)}.hero-orbit__spark--one{animation:sparkDrift 6s var(--ease-out-quint) infinite;top:46px;left:12px}.hero-orbit__spark--two{background:var(--blossom);width:9px;height:9px;animation:sparkDrift 7.5s var(--ease-out-quint) -2s infinite;top:22px;right:28px}.hero-panel__meta{z-index:1;justify-content:flex-end;position:relative}.meta-chip{gap:var(--space-2xs);border-radius:24px;flex-direction:column;min-width:180px;padding:14px 18px;display:flex}.meta-chip strong{color:var(--ink);font-family:var(--font-serif);font-size:1.08rem}.story-strip{gap:var(--space-md);animation:riseIn .72s var(--ease-out-quint) .18s both;grid-template-columns:minmax(260px,420px);display:grid}.story-card,.scenario-item{gap:var(--space-xs);border-radius:var(--radius-lg);transition:transform .22s var(--ease-out-quart), box-shadow .22s var(--ease-out-quart), border-color .22s var(--ease-out-quart);padding:18px 20px;display:grid}.story-card--button{appearance:none;color:inherit;cursor:pointer;font:inherit;text-align:left}.story-card:hover,.scenario-item:hover{border-color:color-mix(in oklch, var(--blossom) 42%, var(--line));box-shadow:var(--shadow-panel);transform:translateY(-3px)}.story-card--button:focus-visible{box-shadow:0 0 0 4px oklch(78% .09 18/.16), var(--shadow-panel);border-color:oklch(58% .12 18/.58);outline:none}.story-card strong,.scenario-item strong{color:var(--ink);font-family:var(--font-serif)}.story-card p,.story-card>span:not(.story-card__label),.scenario-item p{color:var(--ink-soft);margin:0;line-height:1.72}.online-panel{gap:var(--space-lg);animation:riseIn .72s var(--ease-out-quint) .24s both;grid-template-columns:minmax(0,.7fr) minmax(280px,1fr);align-items:center;display:grid}.online-panel h3{font-size:1.6rem}.online-panel__actions{justify-content:flex-end}.online-panel__status{gap:var(--space-xs);word-break:break-all;padding:var(--space-md);border-radius:var(--radius-md);background:oklch(95% .03 148/.58);border:1px solid oklch(62% .08 148/.28);grid-column:1/-1;display:grid}.workspace-grid{gap:clamp(var(--space-lg), 2vw, var(--space-xl));grid-template-columns:minmax(0,1fr) minmax(330px,.34fr);align-items:start;display:grid}.board-panel{border-radius:var(--radius-xl);animation:riseIn .76s var(--ease-out-quint) .3s both;padding:clamp(18px,2vw,28px);position:relative;overflow:hidden}.board-panel:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,oklch(50% .05 42/.045) 1px,#0000 1px),linear-gradient(0deg,oklch(50% .05 42/.045) 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:34px 34px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 38%,#000 0%,#0000 76%);mask-image:radial-gradient(circle at 50% 38%,#000 0%,#0000 76%)}.panel-header{z-index:1;justify-content:space-between;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex;position:relative}.panel-header h2{font-size:clamp(1.7rem,2vw,2.4rem)}.panel-header>div{gap:var(--space-xs);display:grid}.board-scroll{z-index:1;padding:var(--space-sm);background:radial-gradient(circle,oklch(98% .018 80/.9),#0000 62%),oklch(89% .035 60/.48);border-radius:34px;position:relative;overflow-x:auto}.board-grid{grid-template-rows:repeat(7,minmax(106px,auto));grid-template-columns:repeat(7,minmax(118px,1fr));gap:12px;min-width:920px;display:grid}.board-center{gap:var(--space-md);grid-area:2/2/7/7;grid-template-columns:minmax(0,1.15fr) minmax(170px,.7fr) minmax(210px,.9fr);display:grid}.board-center__block{gap:var(--space-md);border-radius:var(--radius-lg);min-width:0;padding:var(--space-lg);flex-direction:column;display:flex}.board-center__block--dice{text-align:center;background:radial-gradient(circle at 50% 20%, oklch(95% .048 73/.86), transparent 55%), color-mix(in oklch, var(--surface-strong) 94%, transparent);justify-content:center}.board-tile{min-height:106px;transition:transform .18s var(--ease-out-quart), box-shadow .18s var(--ease-out-quart), filter .18s var(--ease-out-quart);border-radius:22px;flex-direction:column;gap:9px;padding:12px;display:flex;overflow:hidden}.board-tile:hover{box-shadow:var(--shadow-panel);filter:saturate(1.04);transform:translateY(-3px)scale(1.01)}.board-tile__header{gap:var(--space-xs);grid-template-columns:auto 1fr auto;align-items:center;display:grid}.board-tile__icon{background:oklch(98% .012 80/.72);border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.board-tile__label{color:var(--ink);font-weight:800;line-height:1.25}.board-tile__num{color:var(--ink-muted);font-size:.78rem;font-weight:700}.board-tile__input,.card-editor__input,.card-editor__textarea,.rules-textarea,.inline-field input,.inline-field select{border:1px solid color-mix(in oklch, var(--line-strong) 68%, transparent);border-radius:var(--radius-sm);width:100%;color:var(--ink);transition:border-color .18s var(--ease-out-quart), box-shadow .18s var(--ease-out-quart), background-color .18s var(--ease-out-quart);background:oklch(99.5% .006 76/.88);outline:none;padding:10px 12px}.board-tile__input{min-height:34px;padding:7px 9px;font-size:.88rem}.board-tile__input:focus,.card-editor__input:focus,.card-editor__textarea:focus,.rules-textarea:focus,.inline-field input:focus,.inline-field select:focus{background:var(--surface-strong);border-color:oklch(58% .12 18/.58);box-shadow:0 0 0 4px oklch(78% .09 18/.16)}.board-tile__owner{color:var(--ink-soft);font-size:.82rem;font-weight:700}.board-tile__pawns{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.board-tile__pawn,.player-token{color:#fff;border:2px solid oklch(99% .006 80/.8);border-radius:50%;place-items:center;width:30px;height:30px;font-size:.9rem;display:inline-grid;box-shadow:0 10px 18px oklch(34% .06 28/.2)}.board-tile__pawn{animation:pawnArrive .48s var(--ease-out-expo) both}.inline-field{align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);padding:10px 12px;display:inline-flex}.inline-field span{color:var(--ink-muted);white-space:nowrap;font-size:.86rem;font-weight:700}.inline-field--stacked{flex-direction:column;align-items:stretch}.player-list,.cards-grid,.scenario-list,.card-column__list{gap:var(--space-sm);display:grid}.player-list{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.player-card{gap:var(--space-sm);border-radius:var(--radius-md);padding:var(--space-sm);transition:transform .18s var(--ease-out-quart), border-color .18s var(--ease-out-quart), box-shadow .18s var(--ease-out-quart);flex-direction:column;display:flex}.player-card--active{box-shadow:0 0 0 4px oklch(75% .09 18/.14), var(--shadow-soft);animation:activePulse 1.8s var(--ease-out-quint) infinite alternate;border-color:oklch(60% .12 18/.5)}.player-card__identity{gap:var(--space-sm);align-items:center;display:flex}.player-card__identity strong{color:var(--ink)}.dice-shell{place-items:center;gap:var(--space-xs);border:1px solid var(--line);min-height:138px;box-shadow:inset 0 0 0 1px oklch(99% .008 80/.48), var(--shadow-soft);background:radial-gradient(circle at 35% 22%,oklch(99% .012 78),#0000 34%),linear-gradient(145deg,oklch(95% .035 72),oklch(90% .045 35));border-radius:32px;display:grid}.dice-shell strong{color:var(--ink);font-family:var(--font-serif);font-size:3rem;line-height:1}.dice-shell__emoji{filter:drop-shadow(0 12px 18px oklch(34% .05 35/.16));font-size:2.2rem}.dice-shell--rolling{animation:diceRoll .76s var(--ease-out-expo) infinite}.turn-log{gap:var(--space-xs);flex-direction:column-reverse;max-height:330px;padding-right:2px;display:flex;overflow:auto}.turn-log p{border-radius:var(--radius-sm);color:var(--ink-soft);background:oklch(96% .02 78/.78);margin:0;padding:10px 12px;line-height:1.55}.side-panel{gap:var(--space-lg);animation:riseIn .76s var(--ease-out-quint) .38s both;align-content:start;display:grid;position:sticky;top:18px}.panel-card{gap:var(--space-md);flex-direction:column;display:flex}.scenario-item{box-shadow:none}.rules-textarea{resize:vertical;min-height:220px;line-height:1.7}.rules-textarea--dialog{min-height:320px}.preset-panel{gap:var(--space-sm);border-radius:var(--radius-lg);padding:var(--space-md);flex-direction:column;display:flex}.cards-grid{grid-template-columns:1fr}.card-column{gap:var(--space-sm);flex-direction:column;display:flex}.card-column__header,.card-editor__top{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.card-column__title{font-family:var(--font-serif);margin:0}.card-column__count{color:var(--ink-muted);font-size:.85rem;font-weight:700}.card-column__title--chance{color:oklch(52% .1 76)}.card-column__title--fate{color:var(--sapphire)}.card-editor{gap:var(--space-xs);border-radius:var(--radius-md);padding:var(--space-sm);transition:transform .18s var(--ease-out-quart), box-shadow .18s var(--ease-out-quart);flex-direction:column;display:flex}.card-editor:hover{box-shadow:var(--shadow-panel);transform:translateY(-2px)}.card-editor__textarea{resize:vertical;min-height:110px}.dialog-root{z-index:1000;padding:var(--space-lg);place-items:center;display:grid;position:fixed;inset:0}.dialog-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .18s var(--ease-out-quart) both;background:oklch(25% .05 35/.42);position:absolute;inset:0}.dialog-panel{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface-strong);width:min(100%,720px);box-shadow:var(--shadow-float);animation:dialogEnter .26s var(--ease-out-expo) both;position:relative;overflow:hidden}.dialog-panel--narrow{max-width:520px}.dialog-panel--wide{max-width:900px}.dialog-header,.dialog-body{padding:20px 24px}.dialog-header{justify-content:space-between;align-items:center;gap:var(--space-md);border-bottom:1px solid var(--line);display:flex}.medal-card,.buy-panel{gap:var(--space-lg);flex-direction:column;display:flex}.medal-card h3,.buy-panel p{margin:0}.medal-card h3{font-family:var(--font-serif);font-size:1.6rem}.medal-card--chance h3{color:oklch(52% .1 76)}.medal-card--fate h3{color:var(--sapphire)}.toast{z-index:1200;border-radius:var(--radius-full);color:oklch(98% .012 72);max-width:min(92vw,560px);box-shadow:var(--shadow-float);background:radial-gradient(circle at 20% 20%,oklch(72% .12 73/.35),#0000 38%),oklch(32% .06 34/.94);border:1px solid oklch(78% .06 72/.22);padding:13px 18px;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}.toast-fade-enter-active,.toast-fade-leave-active{transition:opacity .22s var(--ease-out-quart), transform .22s var(--ease-out-quart)}.toast-fade-enter-from,.toast-fade-leave-to{opacity:0;transform:translate(-50%,14px)}@keyframes riseIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes dialogEnter{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cloudDrift{0%{transform:translate(0,0)rotate(-4deg)}to{transform:translate(22px,-18px)rotate(5deg)}}@keyframes softGlow{0%{opacity:.5;transform:translate(0,0)scale(.96)}to{opacity:.9;transform:translate(18px,-8px)scale(1.06)}}@keyframes orbitTurn{to{transform:rotate(360deg)}}@keyframes creatureFloat{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-10px)rotate(2deg)}}@keyframes diceWink{0%,to{transform:translateY(0)rotate(-10deg)}50%{transform:translateY(-8px)rotate(8deg)}}@keyframes sparkDrift{0%,to{opacity:.6;transform:translate(0,0)scale(.9)}50%{opacity:1;transform:translate(12px,-10px)scale(1.1)}}@keyframes diceRoll{0%{transform:rotate(0)scale(1)}50%{transform:rotate(8deg)scale(1.04)}to{transform:rotate(-8deg)scale(1)}}@keyframes pawnArrive{0%{opacity:0;transform:translateY(8px)scale(.75)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes activePulse{0%{box-shadow:0 0 0 3px oklch(75% .09 18/.1), var(--shadow-soft)}to{box-shadow:0 0 0 7px oklch(75% .09 18/.18), var(--shadow-panel)}}@media (width<=1280px){.hero-panel{grid-template-columns:minmax(0,1fr) minmax(210px,.42fr)}.hero-orbit{display:none}.workspace-grid{grid-template-columns:1fr}.side-panel{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));position:static}}@media (width<=920px){#app{width:min(100vw,100vw - 16px)}.topbar,.hero-panel,.online-panel{grid-template-columns:1fr}.topbar__actions,.hero-panel__meta,.online-panel__actions{justify-content:flex-start}.story-strip{grid-template-columns:1fr}.panel-header{flex-direction:column}.board-center{grid-template-columns:1fr}}@media (width<=620px){.app-shell{padding-top:12px}.topbar,.hero-panel,.online-panel,.panel-card,.board-panel{border-radius:26px}.topbar__title h1{font-size:clamp(2.4rem,16vw,3.4rem)}.hero-panel__intro h2{max-width:100%;font-size:clamp(2rem,12vw,3.2rem)}.board-scroll{border-radius:24px;margin-inline:-10px}.side-panel{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}