:root,[data-theme=dark]{color-scheme:dark;--background: #111a20;--surface: #19262d;--raised: #23343c;--text: #f4eee3;--muted: #bac4c7;--brand: #e1bd79;--on-brand: #201c14;--border: #7c8e96;--focus: #f4d995;--success: #95d9b0;--warning: #f2cc86;--error: #ffb5b0;--hover: #30444c;--overlay: rgb(3 9 14 / 76%);--brand-soft: rgb(225 189 121 / 12%)}[data-theme=light],[data-theme=parchment]{color-scheme:light;--background: #f3efe6;--surface: #fcfaf6;--raised: #e9e3d7;--text: #252c2d;--muted: #555f60;--brand: #725222;--on-brand: #fffaf0;--border: #747c73;--focus: #725222;--success: #236141;--warning: #795215;--error: #a72f32;--hover: #e7e0d2;--brand-soft: rgb(114 82 34 / 8%)}:root{--font-body: Inter, ui-sans-serif, system-ui, sans-serif;--font-display: Georgia, "Times New Roman", serif;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-hero: clamp(2.2rem, 4vw, 3.5rem);--leading-body: 1.6;--leading-heading: 1.15;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--border-width: 1px;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-pill: 100rem;--shadow-card: 0 8px 24px rgb(0 0 0 / 10%);--shadow-overlay: 0 24px 80px rgb(0 0 0 / 36%);--icon-sm: 1rem;--icon-md: 1.25rem;--icon-lg: 2rem;--touch-target: 2.75rem;--layer-base: 0;--layer-header: 10;--layer-overlay: 40;--layer-dialog: 50;--layer-tooltip: 60;--layer-toast: 70;--duration-fast: .12s;--duration-normal: .22s;--ease-standard: cubic-bezier(.2, .8, .2, 1);--logo-surface: #f3efe6;--menu-width: 13rem;--tooltip-width: 17rem;--options-height: 16rem;--art-height: 12rem;--art-height-mobile: 8rem;--copy-width: 40rem;--copy-width-short: 32rem;--experience-width: 10rem;--tracking-eyebrow: .12em;--tracking-brand: .16em;--duration-loading: 1s;--duration-pulse: 1.5s;--opacity-disabled: .55;--sidebar-width: 16rem;--header-height: 5rem;--content-width: 82rem;--dialog-width: 34rem;--drawer-width: 23rem;--input-height: 2.875rem;--skeleton-height: 5rem}[data-theme=parchment]{color-scheme:light;--background: #f3efe6;--surface: #fcfaf6;--raised: #e9e3d7;--text: #252c2d;--muted: #555f60;--brand: #725222;--on-brand: #fffaf0;--border: #a5aaa2;--focus: #725222;--success: #236141;--warning: #795215;--error: #a72f32;--hover: #e7e0d2;--brand-soft: rgb(114 82 34 / 8%)}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--text);font-family:var(--font-body);font-size:var(--text-md);line-height:var(--leading-body)}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:var(--brand);text-underline-offset:var(--space-1)}button{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}h1,h2,h3,h4{line-height:var(--leading-heading);font-family:var(--font-display);font-weight:400;margin:0 0 var(--space-4)}h1{font-size:var(--text-hero)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}p{margin:0 0 var(--space-4)}small{font-size:var(--text-sm);color:var(--muted)}svg{width:var(--icon-md);height:var(--icon-md);flex-shrink:0}img{max-width:100%}fieldset{border:0;padding:0;margin:0 0 var(--space-4);min-width:0}legend{font-weight:600;margin-bottom:var(--space-3)}label{font-size:var(--text-sm);font-weight:600}.dt-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-target);padding:var(--space-2) var(--space-5);border:var(--border-width) solid transparent;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:650;text-decoration:none;transition:background var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.dt-button--primary{background:var(--brand);color:var(--on-brand)}.dt-button--secondary{background:var(--surface);border-color:var(--border);color:var(--text)}.dt-button--ghost{background:transparent;color:var(--text)}.dt-button--danger{background:var(--error);color:var(--background)}.dt-button--sm{padding-inline:var(--space-3)}.dt-button:hover:not(:disabled){filter:brightness(1.1)}.dt-button--ghost:hover:not(:disabled),.dt-button--secondary:hover:not(:disabled){background:var(--hover)}.dt-button:active:not(:disabled){transform:translateY(1px)}.dt-icon-button{width:var(--touch-target);padding:var(--space-2)}.dt-field,.dt-combobox{display:grid;gap:var(--space-2);margin-bottom:var(--space-4);min-width:0}.dt-input{width:100%;min-height:var(--input-height);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);background:var(--surface);color:var(--text)}textarea.dt-input{min-height:calc(var(--input-height) * 2.5);resize:vertical}.dt-input::placeholder{color:var(--muted)}.dt-input[aria-invalid=true]{border-color:var(--error)}.dt-error-text{color:var(--error)}.dt-combobox{position:relative}.dt-options{position:absolute;top:calc(var(--input-height) + var(--space-8));margin:0;padding:var(--space-2);list-style:none;width:100%;background:var(--surface);box-shadow:var(--shadow-overlay);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);z-index:var(--layer-header);max-height:var(--options-height);overflow:auto}.dt-options li{padding:var(--space-3);cursor:pointer;overflow-wrap:anywhere}.dt-options li:hover,.dt-options [aria-selected=true]{background:var(--hover)}.dt-choice{display:flex;align-items:center;gap:var(--space-3);min-height:var(--touch-target);cursor:pointer}.dt-choice input{accent-color:var(--brand);width:var(--icon-md);height:var(--icon-md);flex-shrink:0}.dt-switch{position:relative}.dt-switch input{position:absolute;width:var(--touch-target);height:var(--touch-target);opacity:0}.dt-switch-track{width:var(--touch-target);height:var(--space-6);background:var(--border);border-radius:var(--radius-pill);padding:var(--space-1)}.dt-switch-track:after{content:"";display:block;width:var(--space-4);height:var(--space-4);background:var(--text);border-radius:50%;transition:transform var(--duration-normal)}.dt-switch input:checked+span{background:var(--brand)}.dt-switch input:checked+span:after{transform:translate(var(--space-5));background:var(--on-brand)}.dt-switch input:focus-visible+span{outline:3px solid var(--focus);outline-offset:3px}.dt-switch:has(input:disabled){opacity:var(--opacity-disabled);cursor:not-allowed}.dt-badge{display:inline-flex;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-xs);border:var(--border-width) solid currentColor;white-space:nowrap}.dt-tone-neutral{color:var(--muted)}.dt-tone-success{color:var(--success)}.dt-tone-warning{color:var(--warning)}.dt-tone-error{color:var(--error)}.dt-status{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.dt-status svg{width:var(--icon-sm);height:var(--icon-sm)}.dt-avatar{display:inline-flex;align-items:center;justify-content:center;width:var(--touch-target);height:var(--touch-target);border:var(--border-width) solid var(--border);border-radius:50%;background:var(--raised);font-size:var(--text-sm);flex-shrink:0;overflow:hidden;color:var(--text)}.dt-avatar img{width:100%;height:100%;object-fit:cover}.dt-card{background:var(--surface);color:var(--text);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-card);min-width:0}.dt-inline,.dt-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.dt-actions{margin-top:var(--space-5)}.dt-stack{display:grid;gap:var(--space-4)}.dt-menu{min-width:var(--menu-width);max-width:calc(100vw - var(--space-8));background:var(--surface);color:var(--text);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);padding:var(--space-2);box-shadow:var(--shadow-overlay);z-index:var(--layer-dialog)}.dt-menu-item{padding:var(--space-3);min-height:var(--touch-target);border-radius:var(--radius-sm);cursor:pointer;outline:0}.dt-menu-item[data-highlighted]{background:var(--hover);outline:2px solid var(--focus);outline-offset:-2px}.dt-menu-item[data-disabled]{opacity:.5;cursor:not-allowed}.dt-tooltip{background:var(--raised);color:var(--text);padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-sm);max-width:var(--tooltip-width);z-index:var(--layer-tooltip)}.dt-tab-list{display:flex;gap:var(--space-2);border-bottom:var(--border-width) solid var(--border);flex-wrap:wrap}.dt-tab{background:transparent;color:var(--muted);border:0;border-bottom:3px solid transparent;min-height:var(--touch-target);padding:var(--space-3) var(--space-4)}.dt-tab[data-state=active]{color:var(--brand);border-bottom-color:var(--brand)}.dt-tab-content{padding-block:var(--space-5)}.dt-stepper{display:flex;list-style:none;padding:0;gap:var(--space-4);flex-wrap:wrap;margin:0 0 var(--space-6)}.dt-stepper li{display:flex;gap:var(--space-2);align-items:center;color:var(--muted);font-size:var(--text-sm)}.dt-stepper li>span{display:flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);border:var(--border-width) solid var(--border);border-radius:50%}.dt-stepper [aria-current],.dt-stepper [data-complete=true]{color:var(--brand)}.dt-stepper [aria-current]>span{border-color:var(--brand);background:var(--brand-soft)}.dt-overlay{position:fixed;inset:0;background:var(--overlay);z-index:var(--layer-overlay);animation:dt-fade var(--duration-normal)}.dt-dialog{position:fixed;top:50%;inset-inline-start:50%;transform:translate(-50%,-50%);width:min(var(--dialog-width),calc(100% - var(--space-8)));max-height:calc(100dvh - var(--space-8));overflow:auto;padding:var(--space-8);background:var(--surface);color:var(--text);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-overlay);z-index:var(--layer-dialog)}.dt-dialog-heading{display:flex;align-items:start;justify-content:space-between;gap:var(--space-3)}.dt-drawer{top:0;inset-inline-start:0;transform:none;height:100dvh;max-height:100dvh;width:min(var(--drawer-width),calc(100% - var(--space-8)));border-radius:0 var(--radius-lg) var(--radius-lg) 0;padding:var(--space-5)}.dt-alert{border:var(--border-width) solid currentColor;border-radius:var(--radius-md);padding:var(--space-4);background:var(--brand-soft)}.dt-alert p{margin:var(--space-2) 0 0;font-size:var(--text-sm)}.dt-toast{position:fixed;inset-inline-end:var(--space-5);bottom:var(--space-5);display:flex;gap:var(--space-3);align-items:center;padding:var(--space-3);background:var(--surface);color:var(--text);border:var(--border-width) solid var(--success);border-radius:var(--radius-md);max-width:calc(100% - var(--space-10));box-shadow:var(--shadow-overlay);z-index:var(--layer-toast)}.dt-table-scroll{overflow-x:auto}.dt-table{width:100%;border-collapse:collapse;text-align:left;font-size:var(--text-sm)}.dt-table caption{text-align:left;margin-bottom:var(--space-4);font-weight:600}.dt-table th,.dt-table td{padding:var(--space-4) var(--space-3);border-bottom:var(--border-width) solid var(--border);overflow-wrap:anywhere}.dt-table th{color:var(--muted);font-weight:500}.dt-list{list-style:none;padding:0;margin:0}.dt-list li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:var(--border-width) solid var(--border);flex-wrap:wrap}.dt-list p{color:var(--muted);margin:var(--space-1) 0 0;font-size:var(--text-sm)}.dt-skeleton{height:var(--skeleton-height);background:var(--raised);border-radius:var(--radius-md);animation:dt-pulse var(--duration-pulse) ease-in-out infinite}.dt-spinner{animation:dt-spin var(--duration-loading) linear infinite}.dt-state{text-align:center;display:grid;justify-items:center;gap:var(--space-4);padding:var(--space-8)}.dt-state>svg{width:var(--icon-lg);height:var(--icon-lg);color:var(--muted)}.dt-state p{color:var(--muted)}.dt-breadcrumb{list-style:none;display:flex;gap:var(--space-2);flex-wrap:wrap;padding:0;margin:0;font-size:var(--text-sm);color:var(--muted)}.dt-breadcrumb li{display:flex;gap:var(--space-2);align-items:center}.dt-breadcrumb svg{width:var(--icon-sm)}.dt-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes dt-spin{to{transform:rotate(360deg)}}@keyframes dt-pulse{50%{opacity:var(--opacity-disabled)}}@keyframes dt-fade{0%{opacity:0}to{opacity:1}}@media(max-width:767px){.dt-card{padding:var(--space-5)}.dt-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.dt-table,.dt-table tbody,.dt-table tr,.dt-table td{display:block}.dt-table tr{border-bottom:var(--border-width) solid var(--border);padding-block:var(--space-3)}.dt-table td{border:0;display:flex;justify-content:space-between;gap:var(--space-4);padding:var(--space-2)}.dt-table td:before{content:attr(data-label);color:var(--muted)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}:root:lang(ja){--font-body: "Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, system-ui, sans-serif;--font-display: "Yu Mincho", "Hiragino Mincho ProN", serif}:root:lang(zh-Hans){--font-body: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", system-ui, sans-serif;--font-display: "Songti SC", "Noto Serif CJK SC", serif}.application{min-height:100dvh;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr)}.sidebar{padding:var(--space-8) var(--space-5);background:var(--background);color:var(--text);display:flex;flex-direction:column;position:sticky;top:0;height:100dvh;overflow:auto;border-inline-end:var(--border-width) solid var(--border)}.brand-name{font-family:var(--font-display);font-size:var(--text-xl);line-height:var(--leading-heading);text-decoration:none;color:var(--text);margin-bottom:var(--space-4)}.brand-name span{color:var(--brand);letter-spacing:var(--tracking-brand);font-size:var(--text-lg)}.logo-placeholder{font-size:var(--text-xs);color:var(--muted);border:var(--border-width) dashed var(--border);border-radius:var(--radius-sm);padding:var(--space-2);margin-bottom:var(--space-10)}.sidebar-caption,.eyebrow{display:block;font-size:var(--text-xs);font-weight:650;letter-spacing:var(--tracking-eyebrow);color:var(--brand);margin-bottom:var(--space-4)}.sidebar-caption{color:var(--muted);padding-inline:var(--space-3)}.experience-nav{display:grid;gap:var(--space-2)}.experience-nav a{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);min-height:var(--touch-target);border-radius:var(--radius-md);color:var(--muted);text-decoration:none;font-size:var(--text-sm);border:var(--border-width) solid transparent}.experience-nav a:hover{background:var(--hover);color:var(--text)}.experience-nav a.active{color:var(--brand);background:var(--brand-soft);border-color:var(--brand)}.nav-divider{border-top:var(--border-width) solid var(--border);margin-block:var(--space-6)}.sidebar-footer{margin-top:auto;padding-top:var(--space-10)}.sidebar-footer p{color:var(--muted);font-size:var(--text-sm);margin-top:var(--space-4)}.workspace{background:var(--background);color:var(--text);min-width:0}.app-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:var(--header-height);padding:var(--space-3) var(--space-8);border-bottom:var(--border-width) solid var(--border);background:var(--surface)}.header-title{font-size:var(--text-sm);font-weight:650}.header-title span{color:var(--muted);font-weight:400;margin-inline-start:var(--space-2)}.header-actions{display:flex;gap:var(--space-2);align-items:center}.header-actions .dt-field{margin:0;gap:0}.header-actions label{font-size:var(--text-xs);color:var(--muted)}.header-actions select{background:transparent;border:0;min-height:var(--touch-target);padding:var(--space-1) var(--space-2)}.header-actions .dt-button{padding-inline:var(--space-2)}.mobile-navigation{display:none}main{max-width:var(--content-width);margin:0 auto;padding:var(--space-6) var(--space-8)}.content-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-10);flex-wrap:wrap}.demo-note{font-size:var(--text-xs);color:var(--muted)}.page-title{display:flex;align-items:start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap}.page-title p{color:var(--muted);max-width:var(--copy-width)}.page-title .eyebrow{margin-bottom:var(--space-4)}.adventure-banner{display:grid;grid-template-columns:1.25fr 1fr;gap:var(--space-8);padding:var(--space-8);background:var(--surface);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--space-10)}.adventure-banner h2{font-size:var(--text-2xl)}.adventure-banner p{color:var(--muted);max-width:var(--copy-width-short)}.asset-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-3);border:var(--border-width) dashed var(--border);border-radius:var(--radius-md);background:var(--brand-soft);color:var(--brand);text-align:center;padding:var(--space-6);min-height:var(--art-height)}.asset-placeholder svg{width:var(--icon-lg);height:var(--icon-lg)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-5)}.section-heading h2{margin:0;font-size:var(--text-xl)}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5);margin-bottom:var(--space-8)}.dashboard-grid .dt-card{display:flex;flex-direction:column}.dashboard-grid p{color:var(--muted);font-size:var(--text-sm)}.dashboard-grid a{margin-top:auto;display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);min-height:var(--touch-target)}.card-heading{display:flex;justify-content:space-between;align-items:center;color:var(--brand);margin-bottom:var(--space-6)}.lower-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--space-5)}.quiet-card{background:var(--raised)}.quiet-card p{color:var(--muted);font-size:var(--text-sm)}.quiet-card h2{font-size:var(--text-xl)}.app-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4);border-top:var(--border-width) solid var(--border);margin-top:var(--space-12);padding:var(--space-6) 0;font-size:var(--text-xs);color:var(--muted)}.skip-link{position:fixed;top:var(--space-4);inset-inline-start:var(--space-4);z-index:var(--layer-toast);padding:var(--space-3);background:var(--brand);color:var(--on-brand);transform:translateY(-200%)}.skip-link:focus{transform:none}.ui-kit{padding:var(--space-8);border-radius:var(--radius-lg);background:var(--background);color:var(--text)}.ui-kit>p{color:var(--muted)}.kit-index{display:flex;flex-wrap:wrap;gap:var(--space-2);padding-block:var(--space-6);border-bottom:var(--border-width) solid var(--border)}.kit-index a{padding:var(--space-2) var(--space-3);min-height:var(--touch-target);background:var(--surface);border-radius:var(--radius-sm);font-size:var(--text-sm)}.kit-section{padding-top:var(--space-12);display:grid;gap:var(--space-5);scroll-margin-top:var(--space-4)}.kit-section .section-heading{margin:0}.kit-section .section-heading>a{font-size:var(--text-xs);min-height:var(--touch-target);display:flex;align-items:center}.kit-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}.kit-row{margin-top:var(--space-5)}.kit-hint{color:var(--muted);font-size:var(--text-sm)}.swatch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.swatch{font-size:var(--text-xs);color:var(--muted)}.swatch>span{display:block;height:var(--skeleton-height);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.token-list{font-size:var(--text-sm)}.token-list>div{margin-bottom:var(--space-3)}.token-list dt{font-weight:600}.token-list dd{margin:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}code{font-size:var(--text-xs);color:var(--muted);overflow-wrap:anywhere}.swatch-background>span{background:var(--background)}.swatch-surface>span{background:var(--surface)}.swatch-raised>span{background:var(--raised)}.swatch-text>span{background:var(--text)}.swatch-muted>span{background:var(--muted)}.swatch-brand>span{background:var(--brand)}.swatch-on-brand>span{background:var(--on-brand)}.swatch-border>span{background:var(--border)}.swatch-focus>span{background:var(--focus)}.swatch-success>span{background:var(--success)}.swatch-warning>span{background:var(--warning)}.swatch-error>span{background:var(--error)}@media(max-width:1099px){.application{grid-template-columns:minmax(0,1fr)}.sidebar{display:none}.mobile-navigation{display:block}.app-header{padding-inline:var(--space-5)}.header-title span{display:none}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid>:last-child{grid-column:1 / -1}}@media(max-width:767px){main{padding:var(--space-5)}.app-header{gap:var(--space-1);padding:var(--space-2) var(--space-3);flex-wrap:wrap}.header-title{font-family:var(--font-display);font-size:var(--text-md)}.header-actions{margin-inline-start:auto;gap:0}.header-actions .dt-field{max-width:var(--experience-width)}.header-actions select{font-size:var(--text-sm);width:100%}.header-actions .dt-button{padding-inline:var(--space-1);min-width:var(--touch-target)}.header-actions .dt-avatar{width:var(--space-8);height:var(--space-8)}.content-top{margin-bottom:var(--space-8)}.demo-note{display:none}.page-title{margin-bottom:var(--space-6)}.adventure-banner{grid-template-columns:minmax(0,1fr);padding:var(--space-5);gap:var(--space-5)}.asset-placeholder{min-height:var(--art-height-mobile)}.dashboard-grid,.lower-grid,.kit-columns{grid-template-columns:minmax(0,1fr)}.dashboard-grid>:last-child{grid-column:auto}.ui-kit{padding:var(--space-5)}.swatch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.app-footer>span{max-width:100%}.kit-section .dt-inline{align-items:start}}.brand-name{display:block;padding:var(--space-3);margin-bottom:var(--space-10);border-radius:var(--radius-md);background:var(--logo-surface)}.brand-name img{display:block;width:100%;height:auto}.adventure-art{width:100%;height:100%;min-height:var(--art-height);object-fit:cover;border-radius:var(--radius-md)}.header-title{display:flex;align-items:center;gap:var(--space-3)}.header-logo{display:block;width:var(--experience-width);max-height:var(--header-height);object-fit:contain}.preference-controls{display:grid;gap:var(--space-5)}.preference-controls section,.preference-controls .dt-button{min-inline-size:0;max-inline-size:100%}.preference-controls .dt-button{white-space:normal;overflow-wrap:anywhere}.infrastructure-scope-note{color:var(--muted);font-size:var(--text-xs);margin-block:var(--space-3)}@media(max-width:48rem){.app-header{flex-wrap:wrap}.header-actions{flex-wrap:wrap;margin-inline-start:auto}}.header-logo{background:var(--logo-surface);border-radius:var(--radius-sm)}.player-localized-surface{min-inline-size:0;overflow-wrap:anywhere}.player-localized-surface :where(fieldset,.dt-actions>*,.dt-card){min-inline-size:0;max-inline-size:100%}.player-localized-surface .dt-badge,.player-localized-surface .dt-button{white-space:normal;max-inline-size:100%}@media(max-width:48rem){.header-actions .dt-field label{padding-inline-start:var(--space-2)}}.prototype-permanent-banner{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-8);background:var(--raised);color:var(--text);border-bottom:var(--border-width) solid var(--border);font-size:var(--text-xs)}.prototype-future-nav{display:flex;align-items:center;text-align:left;gap:var(--space-3);width:100%;min-height:var(--touch-target);padding:var(--space-3);background:transparent;color:var(--muted);border:var(--border-width) solid transparent;border-radius:var(--radius-md);font-size:var(--text-sm)}.prototype-future-nav:hover{background:var(--hover);color:var(--text)}.prototype-role-grid,.prototype-character-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}.prototype-role-grid h2{margin-top:var(--space-5)}.prototype-role-grid p{color:var(--muted);font-size:var(--text-sm)}.prototype-emblem{color:var(--brand);margin-bottom:var(--space-4)}.prototype-emblem svg{width:var(--icon-lg);height:var(--icon-lg)}.prototype-summary{margin-top:var(--space-6)}.prototype-screen>div:last-child>.dt-card{margin-bottom:var(--space-5)}.prototype-screen .dt-alert{margin-block:var(--space-4)}.scenario-control{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-5);padding:var(--space-4);background:var(--raised);border-radius:var(--radius-md);margin-bottom:var(--space-6)}.scenario-control .dt-field{margin:0}.scenario-control select{width:auto;min-width:var(--menu-width)}.scenario-control small{max-width:var(--copy-width-short)}.prototype-library-toolbar{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:var(--space-5);margin-bottom:var(--space-6)}.prototype-library-toolbar>div{flex:1;max-width:var(--copy-width-short)}.prototype-character-heading{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-5)}.prototype-character-heading h2{font-size:var(--text-xl);margin-bottom:var(--space-1)}.prototype-character-heading>div{flex:1;min-width:0;overflow-wrap:anywhere}.prototype-character-grid p{color:var(--muted);font-size:var(--text-sm)}.prototype-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin-block:var(--space-5)}.prototype-stats span{background:var(--raised);border-radius:var(--radius-md);padding:var(--space-3);font-size:var(--text-sm);text-align:center}.prototype-stats strong{display:block;font-family:var(--font-display);font-size:var(--text-xl)}.local-note{display:block;margin-top:var(--space-5)}.prototype-resume{display:block;margin-top:var(--space-5);min-height:var(--touch-target)}.prototype-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}.prototype-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);margin-bottom:var(--space-6)}.prototype-wizard-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--space-5)}.prototype-wizard-aside{align-self:start}.prototype-wizard-aside h2{margin-top:var(--space-6);overflow-wrap:anywhere}.prototype-wizard-aside p{color:var(--muted);margin-top:var(--space-4)}.prototype-definition{display:grid;gap:var(--space-4);margin:0}.prototype-definition dt{color:var(--muted);font-size:var(--text-sm)}.prototype-definition dd{margin:0;overflow-wrap:anywhere}.prototype-instance-link{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-5);justify-content:space-between}.prototype-instance-link p{color:var(--muted);font-size:var(--text-sm)}.prototype-profile-heading{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-6)}.prototype-health{display:grid;gap:var(--space-4);margin-bottom:var(--space-8)}.prototype-health>strong{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--brand)}.prototype-quick-sheet{display:grid;gap:var(--space-5);margin-bottom:var(--space-6)}.prototype-mobile-list{display:grid;gap:var(--space-4);max-width:var(--copy-width);margin:0 auto}.prototype-mobile-character .dt-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.prototype-mobile-character .dt-actions>:first-child{grid-column:1/-1}.prototype-bottom-nav{display:flex;gap:var(--space-3);justify-content:space-around;margin-top:var(--space-6);padding:var(--space-3);background:var(--surface);border:var(--border-width) solid var(--border);border-radius:var(--radius-md)}.prototype-bottom-nav a{min-height:var(--touch-target);display:flex;align-items:center;padding:var(--space-2);font-size:var(--text-sm)}.prototype-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5);margin-top:var(--space-6)}.prototype-review-grid h2{font-size:var(--text-xl);margin-top:var(--space-5)}.prototype-review-grid code{display:block;overflow-wrap:anywhere}.prototype-inline-confirm{margin-top:var(--space-6)}.prototype-screen h1{overflow-wrap:anywhere}@media(max-width:1099px){.prototype-role-grid,.prototype-character-grid,.prototype-review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prototype-wizard-layout{grid-template-columns:minmax(0,1fr)}.prototype-wizard-aside{order:-1}}@media(max-width:767px){.prototype-role-grid,.prototype-character-grid,.prototype-review-grid,.prototype-detail-grid,.prototype-form-grid{grid-template-columns:minmax(0,1fr)}.prototype-permanent-banner{padding:var(--space-3) var(--space-5)}.prototype-wizard-aside{display:none}.prototype-mobile-character .dt-actions{grid-template-columns:minmax(0,1fr)}.prototype-mobile-character .dt-actions>:first-child{grid-column:auto}.prototype-health .dt-inline{display:grid}}.prototype-experience-art{display:block;width:100%;height:var(--art-height-mobile);object-fit:cover;border-radius:var(--radius-md);margin-bottom:var(--space-5)}.prototype-portrait{display:block;width:calc(var(--touch-target) * 2);height:var(--art-height-mobile);object-fit:cover;border-radius:var(--radius-md);flex-shrink:0}.prototype-portrait-placeholder{display:block;font-size:var(--text-xs);color:var(--muted)}.campaign-toolbar,.campaign-meta,.campaign-host{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-block:var(--space-4)}.campaign-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.campaign-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}.campaign-card{overflow:hidden;padding:0}.campaign-cover{width:100%;height:calc(var(--space-8) * 6);object-fit:cover;display:block}.campaign-card-content{padding:var(--space-5)}.campaign-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.campaign-facts dt{color:var(--muted);font-size:var(--text-xs)}.campaign-facts dd{margin:0;font-size:var(--text-sm);overflow-wrap:anywhere}.campaign-detail-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--space-5);align-items:start}.campaign-public-hero{margin-block:var(--space-5);padding:0;overflow:hidden}.campaign-public-hero>div{padding:var(--space-6)}.campaign-candidates,.campaign-admissions,.campaign-mobile-list{display:grid;gap:var(--space-4)}.campaign-candidate{border:var(--border-width) solid var(--border);border-radius:var(--radius-md);padding:var(--space-4)}.campaign-candidate p,.campaign-card p{font-size:var(--text-sm)}.campaign-card--mobile{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr)}.campaign-card--mobile .campaign-cover{height:100%}.campaign-card--mobile .campaign-card-content{padding:var(--space-4)}@media(max-width:1099px){.campaign-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-detail-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:767px){.campaign-grid,.campaign-filters,.campaign-card--mobile{grid-template-columns:minmax(0,1fr)}.campaign-card--mobile .campaign-cover{height:calc(var(--space-8) * 4)}}.session-navigation,.session-actions,.session-status-control{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-block:var(--space-4)}.session-navigation a{padding:var(--space-3);min-height:var(--touch-target);border:var(--border-width) solid var(--border);border-radius:var(--radius-md)}.session-two-columns{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--space-5);align-items:start}.session-mobile-stack{display:grid;gap:var(--space-4)}.session-preview{padding:var(--space-8);background:var(--raised);text-align:center;border-radius:var(--radius-lg);margin-block:var(--space-4)}.session-participants{list-style:none;padding:0;display:grid;gap:var(--space-4)}.session-participants li{display:flex;align-items:center;gap:var(--space-3)}.session-participants p{margin:0;color:var(--muted);font-size:var(--text-sm)}.session-scene{padding:0;overflow:hidden}.session-scene img{width:100%;display:block}.session-scene>div{padding:var(--space-5)}.session-resources{display:flex;flex-wrap:wrap;gap:var(--space-6)}.session-resources dd{margin:0;font-size:var(--text-xl)}.session-messages{list-style:none;padding:0;display:grid;gap:var(--space-4)}.session-messages li{padding:var(--space-4);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);overflow-wrap:anywhere}.session-messages strong{display:block;margin-top:var(--space-2);font-size:var(--text-sm)}.session-map-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:var(--space-5);align-items:start}.session-map-surface{background:var(--background);border-radius:var(--radius-md);padding:var(--space-3)}.session-map-surface svg{height:auto;min-height:calc(var(--space-12) * 5);display:block;width:100%;max-height:calc(var(--space-12) * 10)}.session-map-reachable{fill:var(--raised);stroke:var(--brand);stroke-width:5}.session-map-tile{fill:var(--raised);stroke:var(--border);stroke-width:2}.session-map-barrier{fill:var(--surface);stroke:var(--brand);stroke-width:4;stroke-dasharray:4}.session-map-surface text{fill:var(--text);font-family:var(--font-body);font-size:12px}.session-map-token{fill:var(--brand);stroke:var(--text);stroke-width:2}.session-map-surface .session-map-token-label{fill:var(--on-brand);font-size:12px;font-weight:700}.session-map-detail{stroke:var(--border);stroke-width:2}.session-map-effect{fill:none;stroke:var(--brand);stroke-width:4;stroke-dasharray:5;animation:session-glow var(--duration-normal) var(--ease-standard) 2}@keyframes session-glow{50%{opacity:.3}}.session-map-legend,.session-feedback{font-size:var(--text-sm);overflow-wrap:anywhere}.session-feedback{padding:var(--space-4);border-inline-start:var(--space-1) solid var(--brand)}.session-destinations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.session-review-data pre{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:1099px){.session-two-columns,.session-map-layout{grid-template-columns:minmax(0,1fr)}}@media(max-width:767px){.session-destinations{grid-template-columns:repeat(2,minmax(0,1fr))}.session-navigation a{flex:1 1 auto;text-align:center}}@media(prefers-reduced-motion:reduce){.session-map-effect{animation:none}}.player-mobile-status,.mobile-notification-tools,.mobile-notification-meta,.mobile-notification-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);margin-block:var(--space-4)}.mobile-player-hero{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--space-5);padding:var(--space-6);background:var(--raised);border-radius:var(--radius-lg);margin-bottom:var(--space-5)}.mobile-player-hero img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md)}.mobile-home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);margin-block:var(--space-5)}.mobile-character-summary,.mobile-campaigns li{display:flex;gap:var(--space-4);align-items:center;margin-block:var(--space-4)}.mobile-notification-count{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);min-height:var(--touch-target)}.mobile-notification-count strong{font-size:var(--text-2xl)}.mobile-campaigns,.mobile-recent-activity{list-style:none;padding:0}.mobile-recent-activity li{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;border-bottom:var(--border-width) solid var(--border);padding-block:var(--space-4)}.mobile-recent-activity a{min-height:var(--touch-target);display:flex;align-items:center}.mobile-notification-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.mobile-notification-list{display:grid;gap:var(--space-4)}.mobile-notification-card{overflow-wrap:anywhere}.mobile-feedback{padding:var(--space-4);background:var(--raised);border-inline-start:var(--space-1) solid var(--brand);border-radius:var(--radius-sm)}.player-mobile-navigation{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-2);margin-top:var(--space-6);border-top:var(--border-width) solid var(--border);padding-top:var(--space-3)}.player-mobile-navigation a{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:var(--touch-target);gap:var(--space-2);font-size:var(--text-xs);overflow-wrap:anywhere;padding:var(--space-2);border-radius:var(--radius-md)}.player-mobile-navigation .active{background:var(--raised);color:var(--brand);box-shadow:inset 0 0 0 var(--border-width) var(--border)}@media(max-width:767px){.mobile-player-hero,.mobile-home-grid,.mobile-notification-filters{grid-template-columns:minmax(0,1fr)}.mobile-player-hero img{max-height:calc(var(--space-12) * 3)}.mobile-notification-actions .dt-button{width:100%}.mobile-player-hero{padding:var(--space-4)}}.dm-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);margin-block:var(--space-4)}.dm-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5);margin-block:var(--space-5)}.dm-summary-grid strong{display:block;font-size:var(--text-2xl)}.dm-summary-grid span{font-size:var(--text-sm);color:var(--muted)}.dm-feedback{padding:var(--space-4);border-inline-start:var(--space-1) solid var(--brand);background:var(--raised);overflow-wrap:anywhere}.dm-member-list{display:grid;gap:var(--space-4);margin-block:var(--space-5)}.dm-create-confirmation{border-top:var(--border-width) solid var(--border);padding-top:var(--space-5);margin-top:var(--space-5)}.dm-wizard-image{display:block;max-width:100%;max-height:calc(var(--space-12) * 5);object-fit:cover;border-radius:var(--radius-md)}@media(max-width:767px){.dm-summary-grid{grid-template-columns:minmax(0,1fr)}}.world-graph{position:relative;border:var(--border-width) solid var(--border);background:var(--raised);border-radius:var(--radius-md);margin-block:var(--space-5);padding:var(--space-3)}.world-graph-lines{position:absolute;inset:0;width:100%;height:100%;stroke:var(--brand);stroke-width:2;opacity:.5;pointer-events:none}.world-nodes{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}.world-nodes .dt-button{white-space:normal;overflow-wrap:anywhere;min-height:calc(var(--space-12) * 2)}.world-relations{display:grid;gap:var(--space-4);padding-inline-start:var(--space-5)}.world-relations li,.world-action{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.world-selection{margin-block:var(--space-5);padding:var(--space-4);border-inline-start:var(--space-1) solid var(--brand);background:var(--raised)}.world-assets,.world-story{display:grid;gap:var(--space-5)}.world-assets img{max-width:100%;border-radius:var(--radius-md)}.world-placeholder,.world-initials{padding:var(--space-5);background:var(--raised);border:var(--border-width) dashed var(--border);border-radius:var(--radius-md)}.world-initials{display:inline-block}.world-story>.dt-card{min-width:0}@media(max-width:767px){.world-nodes{grid-template-columns:minmax(0,1fr)}.world-graph-lines{display:none}.world-action .dt-button{flex:1 1 auto}}.dm-session-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);margin-block:var(--space-5)}.dm-session-points{padding-inline-start:var(--space-5);display:grid;gap:var(--space-5)}.dm-session-combatants,.dm-session-mobile{display:grid;gap:var(--space-5);margin-block:var(--space-5)}.dm-session-touch-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4);margin-block:var(--space-5)}.dm-session-touch-controls .dt-button{min-height:var(--space-12)}@media(max-width:1099px){.dm-session-columns{grid-template-columns:minmax(0,1fr)}}.dm-map-list{display:grid;gap:var(--space-5);margin-block:var(--space-5)}.dm-map-board{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(6,minmax(var(--space-12),auto));gap:var(--space-1);background:var(--surface);padding:var(--space-2);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);margin-block:var(--space-5)}.dm-map-cell{min-width:0;min-height:var(--space-12);background:var(--raised);border:var(--border-width) solid var(--border);padding:var(--space-1);overflow-wrap:anywhere;font-size:var(--text-xs)}.dm-map-cell.is-fogged{border-style:dashed;background:var(--surface)}.dm-map-cell.is-revealed{border-color:var(--brand)}.dm-map-cell .dt-button{min-width:0;width:100%;padding:var(--space-1);white-space:normal;overflow-wrap:anywhere}.dm-map-image{display:block;max-width:100%;max-height:var(--space-12);object-fit:contain}.dm-map-public-piece{display:block;padding-block:var(--space-1)}.dm-map-stage{padding-block:var(--space-8);min-width:0}.dm-map-isometric{transform:skewY(-6deg);transform-origin:center;box-shadow:var(--shadow-card)}.camera-overhead .dm-map-isometric{transform:none}.camera-close .dm-map-isometric{transform:skewY(-3deg)}.dm-map-light-night{background:var(--border)}.dm-map-light-neutral{background:var(--surface)}.quality-low .dm-map-board{box-shadow:none}.quality-high .dm-map-cell{border-color:var(--brand)}.dm-map-light-dawn{background:var(--brand-soft)}.ai-form,.ai-columns{display:grid;gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}.ai-feedback{padding-block:var(--space-3);min-height:var(--space-8)}.ai-diagnostic{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:48rem){.ai-form,.ai-columns{grid-template-columns:minmax(0,1fr)}}