:root{--font-sans:ui-rounded, "Hiragino Maru Gothic ProN", ui-sans-serif, system-ui, -apple-system, "Segoe UI Variable", "Segoe UI", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", "Heiti TC", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--tracking-wide:.025em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-ink:#4a3340;--color-ink-soft:#8c7080;--color-ink-faint:#b9a3ae;--color-cream:#fff7f0;--color-paper:#fff;--color-dot:#ffe1d6;--color-line:#f2dcd4;--color-shade:#ffdccf;--color-rose:#ff6f91;--color-rose-deep:#e04d72;--color-blush:#ffe7ec;--color-butter:#ffc85c;--color-butter-deep:#e8a92f;--color-mint:#57cfa9;--color-mint-deep:#33ab86;--color-lavender:#b39bff;--color-lavender-deep:#8e73e6;--color-sky:#7cc6f0;--animate-rise:rise .45s cubic-bezier(.22, 1, .36, 1) both;--animate-fade:fadeIn .45s cubic-bezier(.22, 1, .36, 1) both;--animate-pop:pop .42s cubic-bezier(.3, 1.6, .5, 1) both;--animate-bob:bob 2.8s ease-in-out infinite;--animate-wiggle:wiggle 3.4s ease-in-out infinite;--ref-content-width:560px;--ref-dot-image:radial-gradient(var(--color-dot) 1.7px, transparent 1.7px);--ref-dot-size:22px 22px;--ref-card-radius:1.75rem;--ref-soft-card-radius:1.9rem;--ref-button-radius:1.3rem;--ref-choice-radius:1.35rem;--ref-dialog-width:28rem;--ref-dialog-padding:1.5rem;--ref-focus:3px solid var(--color-ink);color:var(--color-ink);background:var(--color-cream);--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:weight;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:ui-rounded,Hiragino Maru Gothic ProN,system-ui,-apple-system,PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif}*,:before,:after{box-sizing:border-box}body{min-width:0;margin:0}body,button{font-family:inherit}button{font-size:inherit;-webkit-tap-highlight-color:transparent;cursor:pointer}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid var(--color-ink);outline-offset:5px}button:disabled{cursor:not-allowed}h1,h2,p{margin:0}button{color:inherit}.home-page{background-color:var(--color-cream);background-image:radial-gradient(ellipse 400px 270px at 18% 0%, #ffe0e9bf, transparent), radial-gradient(var(--color-dot) 1.7px, transparent 1.7px);min-height:100dvh;padding-top:max(24px, env(safe-area-inset-top));padding-bottom:max(20px, env(safe-area-inset-bottom));background-size:100% 100%,22px 22px}.home-shell{width:100%;max-width:560px;margin-inline:auto;padding-inline:20px}.site-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.brand{align-items:center;gap:11px;display:flex}.brand-symbol{flex:0 0 46px;width:46px;height:46px;animation:2.8s ease-in-out infinite brand-heart-float;display:block}.brand-symbol img{object-fit:contain;width:100%;height:100%;display:block}.brand-name{letter-spacing:-.05em;font-size:25px;font-weight:900;line-height:1.15}.brand-period{color:var(--color-rose-deep)}.brand-caption{color:var(--color-ink-soft);letter-spacing:.14em;margin-top:6px;font-size:10px;font-weight:600}.header-actions{align-items:center;gap:10px;display:flex}.pro-button{color:#6e501c;letter-spacing:-.02em;background:#fff0c9;border:1.5px solid #ebca7b;border-radius:12px;align-items:center;gap:5px;min-height:44px;padding:0 11px;font-size:13px;font-weight:900;transition:transform .12s,box-shadow .12s;display:inline-flex;box-shadow:0 3px #efdbad}.pro-spark{color:#b47b0c;font-size:16px}.profile-button{color:#377b6a;background:#e4f5ed;border:1.5px solid #c5e9df;border-radius:15px;place-items:center;width:44px;height:44px;padding:0;transition:transform .12s,box-shadow .12s;display:grid;box-shadow:0 3px #cee7dc}.profile-button svg{width:26px;height:26px;display:block}.pro-button:active,.profile-button:active{box-shadow:none;transform:translateY(3px)}.member-banner{width:100%;min-width:0;box-shadow:none;background:0 0;border:0;border-radius:26px;padding:0;transition:transform .12s;display:grid;position:relative;overflow:visible}.member-banner__image{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;margin-block:-2%;display:block}.member-banner:active{transform:translateY(3px)}.games-section{margin-top:30px}.section-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.section-heading h1{letter-spacing:-.04em;font-size:17px;font-weight:850;line-height:1.4}.section-heading h1>span{color:var(--color-rose-deep)}.section-note{white-space:nowrap;color:var(--color-ink-soft);align-items:center;gap:4px;font-size:10px;display:inline-flex}.section-note>span{color:var(--color-rose-deep);font-size:15px}.games-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 12px;display:grid}.games-grid>.game-card{grid-column:span 2}.games-grid>.game-card:last-child:nth-child(odd){grid-column:2/span 2}.site-footer{justify-content:center;align-items:center;gap:13px;padding:29px 0 16px;display:flex}.site-footer p{color:var(--color-ink-soft);letter-spacing:.05em;white-space:nowrap;font-size:10px}.site-footer p>span{color:var(--color-rose-deep);margin-left:4px}.footer-line{background:var(--color-line);width:25px;height:1px;display:block}.notice-dialog{background:var(--color-paper);border:2px solid var(--color-line);width:min(420px,100% - 40px);max-height:calc(100dvh - 64px);color:var(--color-ink);box-shadow:4px 5px 0 var(--color-shade);border-radius:28px;margin:auto;padding:22px;overflow-y:auto}.notice-dialog::backdrop{background:#4a334059}.notice-dialog[open]{animation:.2s ease-out notice-in}.notice-topline{justify-content:space-between;align-items:center;gap:12px;display:flex}.notice-eyebrow{color:var(--color-rose-deep);letter-spacing:.08em;font-size:11px;font-weight:800}.close-button{border:1.5px solid var(--color-line);width:44px;height:44px;color:var(--color-ink-soft);background:var(--color-cream);border-radius:50%;flex:0 0 44px;place-items:center;padding:0;display:grid}.close-button svg{width:22px;height:22px;display:block}.notice-heart{background:var(--color-blush);width:56px;height:56px;color:var(--color-rose-deep);border-radius:20px;place-items:center;margin:12px auto 18px;font-size:35px;display:grid;transform:rotate(-8deg)}.notice-dialog h2{letter-spacing:-.03em;text-align:center;font-size:24px;font-weight:800;line-height:1.4}.notice-dialog>p{color:var(--color-ink-soft);text-align:center;margin-top:13px;font-size:14px;line-height:1.85}.primary-button{border:2px solid var(--color-rose);background:var(--color-rose);width:100%;min-height:52px;color:var(--color-ink);box-shadow:0 5px 0 var(--color-rose-deep);border-radius:20px;margin-top:25px;padding:14px 20px;font-size:15px;font-weight:800;line-height:1.4;transition:transform .12s,box-shadow .12s}.primary-button:active{box-shadow:none;transform:translateY(5px)}@media (width>=640px){.home-page{padding-top:40px;padding-bottom:35px}.site-header{margin-bottom:30px}.brand-name{font-size:29px}.brand-caption{font-size:11px}.games-section{margin-top:34px}.section-heading{margin-bottom:18px}.section-heading h1{font-size:19px}.section-note{font-size:11px}.games-grid{gap:10px 18px}}@media (width>=768px){.home-shell{max-width:1040px;padding-inline:28px}.site-header{margin-bottom:32px}.brand-name{font-size:32px}.brand-caption{font-size:12px}.section-heading{margin-bottom:20px}.section-heading h1{font-size:22px}.section-note{font-size:12px}.games-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px 20px}.games-grid>.game-card:last-child:nth-child(odd){grid-column:span 2}.games-grid>.game-card:nth-last-child(2):nth-child(3n+1){grid-column:2/span 2}.games-grid>.game-card:last-child:nth-child(3n+1){grid-column:3/span 2}}@media (width>=1200px){.home-page{padding-top:48px}.home-shell{max-width:1120px;padding-inline:40px}.brand-symbol{flex-basis:54px;width:54px;height:54px}.brand-name{font-size:34px}.header-actions{gap:14px}.pro-button{min-height:48px;padding-inline:15px;font-size:14px}.profile-button{width:48px;height:48px}.games-section{margin-top:40px}.section-heading h1{font-size:24px}.section-note{font-size:13px}.games-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px 24px}}@media (width<=359px){.home-shell{padding-inline:16px}.site-header{gap:10px}.brand{gap:8px}.brand-name{white-space:nowrap;font-size:21px}.brand-caption{letter-spacing:.08em;white-space:nowrap;font-size:9px}.brand-symbol{flex-basis:38px;width:38px;height:42px}.header-actions{gap:8px}.section-note{font-size:9px}.section-heading h1{font-size:16px}.games-grid{gap:8px 10px}}@keyframes notice-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}@keyframes brand-heart-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.brand-symbol{animation:none;transform:none}}.site-contact{text-align:center;color:#967883;overflow-wrap:anywhere;margin:12px auto;font-size:12px;line-height:1.8}.site-contact p{margin:4px 0}.game-page-heading{min-width:0;position:relative}.game-mode-page:not([data-mode=basic]){background-color:var(--level-bg);background-image:radial-gradient(var(--level-line) 1px, transparent 1px);color:var(--level-text);background-size:24px 24px}.game-mode-page.tod-page:not([data-mode=basic]){background-image:radial-gradient(ellipse at 50% 48%, var(--level-paper) 5%, var(--level-bg) 80%);background-size:100% 100%}.game-mode-page:not([data-mode=basic]) :is(.game-dialog,.tod-dialog,.adventure-dialog){border-color:var(--level-line);background:var(--level-paper);color:var(--level-text)}.game-mode-page:not([data-mode=basic]) :is(.game-dialog,.tod-dialog,.adventure-dialog)::backdrop{background:color-mix(in srgb, var(--level-text) 38%, transparent)}.game-mode-page:not([data-mode=basic]) :is(.game-dialog-button,.tod-dialog__button,.adventure-dialog__button){border-color:var(--level-line);background:var(--level-paper);color:var(--level-text)}.game-mode-page:not([data-mode=basic]) :is(.game-primary,.game-dialog-button--primary,.tod-dialog__button--primary,.adventure-dialog__button--primary){border-color:var(--level-line);background:var(--level-soft);color:var(--level-accent)}.game-mode-page:not([data-mode=basic]) :is(.game-dialog__close,.tod-dialog__close,.adventure-dialog__close,.game-dialog__symbol){border-color:var(--level-line);background-color:var(--level-paper);color:var(--level-accent)}.game-mode-page:not([data-mode=basic]) :is(.game-dialog-button,.tod-dialog__button,.adventure-dialog__button,.game-primary):focus-visible{outline-color:var(--level-accent)}.game-mode-page:not([data-mode=basic]) :is(#game-dialog-description,#adventure-task-content,.game-task-owner,.tod-task h2){color:var(--level-text)}.game-mode-page:not([data-mode=basic]) .board-cell{--cell-background:var(--level-cell-heart-bg);--cell-border:var(--level-cell-heart-line);--cell-ink:var(--level-cell-heart-ink)}.game-mode-page:not([data-mode=basic]) .board-cell--talk{--cell-background:var(--level-cell-talk-bg);--cell-border:var(--level-cell-talk-line);--cell-ink:var(--level-cell-talk-ink)}.game-mode-page:not([data-mode=basic]) .board-cell--team{--cell-background:var(--level-cell-team-bg);--cell-border:var(--level-cell-team-line);--cell-ink:var(--level-cell-team-ink)}.game-mode-page:not([data-mode=basic]) .board-cell--luck,.game-mode-page:not([data-mode=basic]) .board-cell--finish{--cell-background:var(--level-cell-luck-bg);--cell-border:var(--level-cell-luck-line);--cell-ink:var(--level-cell-luck-ink)}.game-mode-page:not([data-mode=basic]) .board-cell--rest{--cell-background:var(--level-cell-rest-bg);--cell-border:var(--level-cell-rest-line);--cell-ink:var(--level-cell-rest-ink)}.game-mode-page:not([data-mode=basic]) .board-cell.is-current-cell{outline-color:var(--level-accent)}.game-mode-page:not([data-mode=basic]) .board-cell--finish .board-cell__icon{fill:var(--level-accent);stroke:var(--level-accent)}.game-mode-page:not([data-mode=basic]) .board-dice-controls{--turn-ink:var(--level-accent);--turn-tint:var(--level-soft);--turn-line:var(--level-line)}.game-mode-page:not([data-mode=basic]) :is(.board-dice-help,.board-finish-caption,.game-win-summary,.game-rules li p){color:var(--level-muted)}.game-mode-page:not([data-mode=basic]) .game-rules li>span{color:var(--level-accent)}.game-mode-page:not([data-mode=basic]) .game-primary{box-shadow:0 3px 0 var(--level-shade)}.game-mode-page:not([data-mode=basic]) .tod-panel__image{filter:var(--level-panel-filter)}.game-mode-page:not([data-mode=basic]) .tod-slider__card{border-color:var(--level-cell-luck-line);background:linear-gradient(150deg, var(--level-paper), var(--level-cell-luck-bg));color:var(--level-cell-luck-ink);box-shadow:0 4px 0 color-mix(in srgb, var(--level-line) 30%, transparent), 0 10px 22px color-mix(in srgb, var(--level-text) 5%, transparent)}.game-mode-page:not([data-mode=basic]) .tod-slider__card--1{border-color:var(--level-cell-team-line);background:linear-gradient(150deg, var(--level-paper), var(--level-cell-team-bg));color:var(--level-cell-team-ink)}.game-mode-page:not([data-mode=basic]) .tod-slider__card.is-selected{border-color:var(--level-accent)}.game-mode-page:not([data-mode=basic]) :is(.tod-go,.tod-next){border-color:var(--level-accent);background:var(--level-accent);box-shadow:0 5px 0 color-mix(in srgb, var(--level-accent) 15%, transparent)}.game-mode-page:not([data-mode=basic]) :is(.tod-task__owner,.tod-picker__help,.tod-slider__caption),.game-mode-page:not([data-mode=basic]) :is(.adventure-turn__eyebrow,.adventure-turn__hint,.adventure-footer p,.adventure-footer .adventure-footer__note,.adventure-dialog.is-task h2){color:var(--level-muted)}.game-mode-page:not([data-mode=basic]) .adventure-turn__avatar{border-color:var(--level-line);background:var(--level-paper)}.game-mode-page:not([data-mode=basic]) .adventure-turn__avatar.is-current{border-color:var(--level-accent);box-shadow:0 4px 0 var(--level-shade)}.game-mode-page:not([data-mode=basic]) .adventure-turn__dot{background:var(--level-accent)}.game-mode-page:not([data-mode=basic]) .adventure-wheel__rim{border-color:var(--level-line);background:var(--level-paper);box-shadow:0 7px 0 var(--level-shade), 0 12px 25px color-mix(in srgb, var(--level-text) 7%, transparent)}.game-mode-page:not([data-mode=basic]) .adventure-wheel__pointer{background:var(--level-accent);box-shadow:none}.game-mode-page:not([data-mode=basic]) .adventure-wheel__button{border-color:var(--level-paper)}.game-mode-page:not([data-mode=basic]) .adventure-footer>svg{color:var(--level-accent)}.game-mode-page:not([data-mode=basic]) .adventure-footer__line{background:var(--level-line)}.game-mode-page:not([data-mode=basic]) .adventure-dialog__button--primary{box-shadow:0 3px 0 var(--level-shade)}
