/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--primary:oklch(47% .1 177);--primary-foreground:oklch(99% .01 90);--sidebar-primary:oklch(47% .1 177);--sidebar-primary-foreground:oklch(99% .01 90);--chart-1:oklch(70% .1 177);--chart-2:oklch(66% .13 41);--chart-3:oklch(66% .1 292);--chart-4:oklch(78% .13 87);--chart-5:oklch(55% .1 145);--radius:1.1rem;--background:oklch(97.5% .025 87);--foreground:oklch(29% .03 170);--card:oklch(99.5% .018 87);--card-foreground:oklch(29% .03 170);--popover:oklch(99.5% .018 87);--popover-foreground:oklch(29% .03 170);--secondary:oklch(94% .03 89);--secondary-foreground:oklch(35% .03 170);--muted:oklch(94% .025 87);--muted-foreground:oklch(50% .025 72);--accent:oklch(90% .05 177);--accent-foreground:oklch(29% .03 170);--destructive:oklch(62% .17 31);--destructive-foreground:oklch(99% .01 90);--border:oklch(84% .045 78);--input:oklch(84% .045 78);--ring:oklch(47% .1 177);--sidebar:oklch(99.5% .018 87);--sidebar-foreground:oklch(29% .03 170);--sidebar-accent:oklch(94% .025 87);--sidebar-accent-foreground:oklch(29% .03 170);--sidebar-border:oklch(84% .045 78);--sidebar-ring:oklch(47% .1 177)}@layer base{*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--ring)50%,transparent)}}*{box-sizing:border-box}body{background-color:var(--background);color:var(--foreground);font-family:Manrope,system-ui,sans-serif}button:not(:disabled),[role=button]:not([aria-disabled=true]),[type=button]:not(:disabled),[type=submit]:not(:disabled),[type=reset]:not(:disabled),a[href],select:not(:disabled),input[type=checkbox]:not(:disabled),input[type=radio]:not(:disabled){cursor:pointer}}@layer components{.container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.flex{min-width:0;min-height:0}.font-display{font-family:Space Grotesk,Manrope,sans-serif;font-weight:700}.paper-shell{color:#173f39;background:#f7f0de;position:relative}.supply-board{background-image:radial-gradient(circle at 10% 8%,#e1b94929 0 2px,#0000 3px),radial-gradient(circle at 88% 9%,#4a9f931f 0 2px,#0000 3px);background-size:28px 28px,34px 34px}.paper-button{color:#173f39;background:#e7b94d;border:1px solid #bd8a22;border-radius:.8rem;transition:background .16s cubic-bezier(.23,1,.32,1),transform .16s cubic-bezier(.23,1,.32,1),box-shadow .16s cubic-bezier(.23,1,.32,1);box-shadow:0 3px #5b3f152e}.paper-button:hover{background:#f2c95f;transform:translateY(-1px);box-shadow:0 5px #5b3f152e}.paper-button:active,.host-advance:active,.join-button:active{box-shadow:none;transform:scale(.98)}.brand-mark{color:#173f39;align-items:center;gap:.55rem;font-family:Space Grotesk,sans-serif;font-size:1.12rem;font-weight:700;display:inline-flex}.brand-logo{object-fit:contain;background:#fffaf0;border-radius:.65rem;width:2.15rem;height:2.15rem}.login-button{color:#285f58;box-shadow:none;background:#fffaf0b3;border:1px solid #173f3924;border-radius:999px;padding-left:1rem;padding-right:1rem;transition:background .16s cubic-bezier(.23,1,.32,1),color .16s cubic-bezier(.23,1,.32,1)}.login-button:hover{color:#173f39;background:#fffaf0}.eyebrow{text-transform:uppercase;letter-spacing:.11em;color:#47736c;font-size:.68rem;font-weight:800;line-height:1.2}.cut-card{background:#fffaf0;border:1px solid #dfd2b8;border-radius:1rem;box-shadow:0 8px 20px #52432814}.card-teal{color:#fff;background:#164d48;border-color:#164d48}.card-teal .eyebrow{color:#acd7cf}.card-coral{color:#102f3c;background:#fff4e9;border-color:#f1d5ba}.card-lavender{color:#102f3c;background:#eff4f7;border-color:#d8e3ea}.paper-shape{display:none}.shape-teal{background:#80d8cf;border-radius:50%;width:11rem;height:11rem;top:8rem;right:-3rem}.shape-coral{background:#f59f8e;width:7rem;height:7rem;top:15rem;left:-3rem;rotate:17deg}.shape-lavender{width:0;height:0;box-shadow:none;border:5.4rem solid #0000;border-top:0;border-bottom:9.2rem solid #c7bce8;top:4rem;right:16%}.paper-shape.small{opacity:.8;top:11rem;transform:scale(.56)}.paper-shape.room-shape{top:18rem;left:-2rem}.paper-shape.room-shape-two{top:4rem;right:-1rem;transform:scale(.7)}.hero-board{background:#fffaf0;border:1px solid #dfd2b8;border-radius:1rem;width:min(100%,38rem);padding:2rem;position:relative;overflow:hidden;box-shadow:0 14px 34px #52432821}.hero-board-label{color:#102f3c;margin-bottom:1.6rem;font-family:Space Grotesk,sans-serif;font-size:1.75rem;font-weight:700}.hero-chip{box-shadow:none;border:1px solid #c9d8dd;border-radius:.5rem;padding:.35rem .6rem;font-size:.75rem;font-weight:700;position:absolute}.chip-one{color:#0f6f6b;background:#e7f5ef;top:1.2rem;right:1.2rem}.chip-two{color:#965d1c;background:#fff1df;bottom:1rem;right:2.2rem}.demand-note{color:#5d7580;align-items:center;gap:.45rem;margin-top:1.6rem;font-size:.82rem;font-weight:700;display:flex}.demand-dot{background:#dc765e;border:0;border-radius:50%;width:.65rem;height:.65rem;display:inline-block}.chain-node{color:#173f39;border:1px solid #54756d;border-radius:.7rem;flex-direction:column;align-items:flex-start;gap:.4rem;display:flex;box-shadow:0 2px #173f3929}.stat-sticker{color:#5d4616;background:#f5d984;border:1px solid #c0912c;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .65rem;font-size:.72rem;font-weight:700;display:inline-flex}.room-row{background:#fffdf7;border:1px solid #dfd2b8;border-radius:.85rem;justify-content:space-between;align-items:center;padding:.9rem 1rem;transition:all .16s cubic-bezier(.23,1,.32,1);display:flex}.room-row:hover{border-color:#173f39;transform:translateY(-2px);box-shadow:3px 4px #173f3929}.room-row strong,.room-row span{display:block}.room-row strong{color:#173f39}.room-row span{color:#746b60;margin-top:.15rem;font-size:.78rem}.history-list{gap:5mm}.history-row{background:#f9f0e1;border:1px solid #eadbc6;border-radius:.8rem;justify-content:space-between;align-items:center;gap:5mm;padding:5mm;transition:transform .16s cubic-bezier(.23,1,.32,1);display:flex}.history-row:hover{transform:translateY(-2px)}.history-row-main{flex:1;min-width:0}.history-row span,.history-row small{display:block}.history-row span{color:#173f39;font-size:.9rem;font-weight:700}.history-row small{color:#71685b;margin-top:.25rem}.history-delete{color:#a04c34;background:#fff8f2;border:1px solid #d7b8a5;border-radius:.7rem;flex:none;min-width:2.75rem;min-height:2.75rem}.quick-join-form{gap:5mm}.profile-form{gap:5mm;display:grid}.delete-confirm{color:#fffaf0;background:#b84232}.empty-copy{color:#746b60;padding:1.2rem 0;font-size:.9rem;line-height:1.5}.code-input,.paper-input,.order-input{color:#173f39;background:#fffdf7;border:1px solid #78938b;border-radius:.8rem;outline:none;width:100%;padding:.72rem .85rem;font-weight:600}.code-input{letter-spacing:.14em;text-transform:uppercase;font-family:Space Grotesk,sans-serif}.code-input::placeholder{letter-spacing:.1em;color:#7e9f9a}.join-button{color:#173f39;background:#f3ca69;border:2px solid #173f39;border-radius:.8rem;box-shadow:2px 3px #173f39}.profile-save{color:#173f39;background:#c7bce8;border:2px solid #173f39;box-shadow:2px 3px #173f3940}.field-label{color:#173f39;font-size:.86rem;font-weight:700;display:block}.field-label small{color:#766d61;margin-top:.35rem;font-size:.74rem;font-weight:400;display:block}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#173f3966;place-items:center;padding:1rem;display:grid;position:fixed;inset:0;overflow-y:auto}.setup-modal{background:#fff8eb;border:2px solid #173f39;border-radius:1.5rem .8rem 1.5rem 1rem;width:min(100%,48rem);margin:auto;padding:1.5rem;box-shadow:12px 14px #173f39}.close-button{background:#f7b6ac;border:2px solid #173f39;border-radius:50%;place-items:center;width:2.2rem;height:2.2rem;font-size:1.2rem;font-weight:700;display:grid}.role-selector{flex-wrap:wrap;gap:.5rem;display:flex}.role-choice{color:#534b42;background:#fffdf7;border:2px solid #d9cdb9;border-radius:.8rem;padding:.55rem .72rem;font-size:.82rem;transition:all .15s cubic-bezier(.23,1,.32,1)}.role-choice input{opacity:0;pointer-events:none;position:absolute}.role-choice.selected{color:#173f39;background:#80d8cf;border-color:#173f39;box-shadow:2px 3px #173f3940}.role-choice small{opacity:.75;margin-top:.2rem;display:block}.back-link{color:#173f39;align-items:center;gap:.35rem;font-size:.88rem;font-weight:700;display:inline-flex}.back-link:hover{text-decoration:underline}.room-code{letter-spacing:.11em;color:#625a50;font-family:Space Grotesk,sans-serif;font-size:.74rem;font-weight:700}.status-badge{text-transform:uppercase;border:2px solid #173f39;border-radius:999px;padding:.25rem .55rem;font-size:.68rem;font-weight:700}.status-badge.lobby{background:#f3ca69}.status-badge.active{background:#80d8cf}.status-badge.paused{background:#c7bce8}.status-badge.completed{background:#f7b6ac}.host-label{color:#fff8eb;background:#173f39;border-radius:.7rem;padding:.45rem .65rem;font-size:.72rem;font-weight:700}.role-pill{color:#173f39;white-space:nowrap;border:1px solid #173f39;border-radius:999px;align-items:center;padding:.18rem .45rem;font-size:.68rem;font-weight:700;display:inline-flex}.participant-row{border-bottom:1px dashed #ded0bb;justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem 0;font-size:.83rem;display:flex}.participant-row:last-child{border-bottom:0}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.metric-tile{background:#f8efdf;border:1px solid #e2d4bf;border-radius:.8rem;padding:.75rem}.metric-tile.warning{background:#ffe0d9;border-color:#d96151}.metric-tile span{color:#70675b;font-size:.7rem;display:block}.metric-tile strong{color:#173f39;font-family:Space Grotesk,sans-serif;font-size:1.35rem}.decision-box{background:#eff9f1;border:2px solid #173f39;border-radius:1rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.order-input{text-align:center;width:5.5rem;padding:.65rem .4rem;font-family:Space Grotesk,sans-serif}.host-secondary{color:#173f39;background:#c7bce8;border:2px solid #173f39}.host-advance{color:#173f39;background:#f3ca69;border:2px solid #173f39;box-shadow:3px 4px #173f39}.error-note{color:#8e332b;background:#ffe0d9;border:2px solid #bd453b;border-radius:.8rem;padding:.8rem;font-size:.82rem}.result-callout{background:#fff8eb;border:2px solid #173f39;border-radius:.8rem;align-items:flex-start;gap:.65rem;padding:.85rem;font-size:.9rem;display:flex}.metrics-table{border-collapse:collapse;width:100%;min-width:620px;font-size:.85rem}.metrics-table th{text-align:left;color:#73695d;text-transform:uppercase;letter-spacing:.08em;border-bottom:2px solid #173f39;padding:.65rem .5rem;font-size:.68rem}.metrics-table td{color:#3d4844;border-bottom:1px dashed #decfb8;padding:.7rem .5rem}.font-preview-sora,.font-preview-sora .font-display{font-family:Sora,system-ui,sans-serif}.font-preview-manrope{font-family:Manrope,system-ui,sans-serif}.font-preview-manrope .font-display{font-family:Space Grotesk,Manrope,sans-serif}.design-option{background:#fbfcfc;border:1px solid #d8e3e5;border-radius:.75rem;padding:.65rem;transition:border-color .15s,box-shadow .15s,transform .15s}.design-option:hover{border-color:#94bdb8;transform:translateY(-2px)}.design-option.active{background:#f7fcfb;border-color:#0f6f6b;box-shadow:0 0 0 2px #d7efea}.design-option strong,.design-option small{display:block}.design-option strong{color:#102f3c;font-size:.9rem}.design-option small{color:#64808a;margin-top:.1rem;font-size:.7rem}.design-option p{color:#5f6e74;margin-top:.5rem;font-size:.73rem;line-height:1.45}.design-miniature{border-radius:.45rem;grid-template-columns:1.2fr .8fr;gap:4px;height:70px;padding:7px;display:grid;overflow:hidden}.design-miniature span{border-radius:3px;display:block}.design-miniature span:first-child{grid-row:span 2}.design-miniature.atlas{background:#eef4f4}.design-miniature.atlas span{background:#fff;border:1px solid #d8e3e5}.design-miniature.atlas span:last-child{background:#0f6f6b;border:0}.design-miniature.board{background:#fff5df;grid-template-columns:repeat(3,1fr)}.design-miniature.board span{background:#e4b952;border:2px solid #17413f}.design-miniature.board span:nth-child(2){background:#a8d7cf}.design-miniature.board span:last-child{background:#df8a75}.design-miniature.lab{background:#122e3d}.design-miniature.lab span{background:#244a5b}.design-miniature.lab span:last-child{background:#65dad2}.rules-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.rules-grid article{background:#f7faf9;border-left:3px solid #9bc9c2;border-radius:0 .6rem .6rem 0;padding:.9rem}.rules-grid span{color:#0f6f6b;font-family:Space Grotesk,sans-serif;font-size:.72rem;font-weight:700}.rules-grid h3{color:#102f3c;margin-top:.25rem;font-size:.9rem;font-weight:700}.rules-grid p{color:#5f6e74;margin-top:.3rem;font-size:.78rem;line-height:1.5}.bullwhip-brief{color:#fff;background:#123c4b;border-color:#123c4b}.bullwhip-brief .eyebrow{color:#acd7cf}.bullwhip-brief p{color:#d7e7ea}.brief-icon{color:#91e3d8;background:#1c5966;border-radius:.65rem;place-items:center;width:2.6rem;height:2.6rem;display:grid}.brief-path{color:#d7e7ea;background:#174957;border-radius:.55rem;align-items:center;gap:.45rem;padding:.65rem;font-size:.76rem;font-weight:700;display:flex}.font-option{background:#fff;border:1px solid #d8e3e5;border-radius:.65rem;width:100%;padding:.7rem;transition:border-color .15s,box-shadow .15s}.font-option.active{border-color:#0f6f6b;box-shadow:0 0 0 2px #d7efea}.font-option strong,.font-option small{display:block}.font-option strong{color:#102f3c;margin-top:.3rem;font-size:.78rem}.font-option small{color:#69818a;font-size:.7rem}.font-sample{color:#102f3c;font-size:.95rem;font-weight:700}.font-sample.sora{font-family:Sora,sans-serif}.font-sample.manrope{font-family:Manrope,sans-serif}.font-sample.dm{font-family:DM Sans,sans-serif}.landing-page{background-color:#f7f0de;min-height:100vh}.landing-status{color:#47736c;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.45rem;font-size:.76rem;font-weight:800;display:inline-flex}.landing-status span{background:#e7b94d;border-radius:50%;width:.55rem;height:.55rem;box-shadow:0 0 0 4px #e7b94d33}.landing-intro{max-width:760px}.landing-intro h1{color:#173f39;letter-spacing:-.065em;margin-top:.75rem;font-size:clamp(2.8rem,6vw,5.8rem);line-height:.94}.landing-intro h1 span{color:#c56854}.landing-intro>p:last-child{color:#52625d;max-width:600px;margin:1.45rem auto 0;font-size:1.08rem;line-height:1.75}.beer-game-board{background:#fffaf0;border:1px solid #bcaa82;border-radius:1.35rem;max-width:1160px;overflow:hidden;box-shadow:0 18px 42px #4b3a1b24}.board-topline{color:#e3f4ec;letter-spacing:.1em;text-transform:uppercase;background:#173f39;justify-content:space-between;align-items:center;padding:.8rem 1.15rem;font-size:.7rem;font-weight:800;display:flex}.market-signal{color:#99523e;background:#fbe8dc;border-radius:999px;align-items:center;gap:.5rem;margin:1.15rem 1.15rem 0;padding:.42rem .7rem;font-size:.78rem;font-weight:800;display:inline-flex}.signal-dot{background:#77b5a8;border-radius:50%;width:.5rem;height:.5rem;display:block}.signal-dot.surge{background:#d56a51;box-shadow:0 0 0 4px #d56a5129}.board-flow{align-items:center;gap:.4rem;padding:2.1rem 1.15rem 1.65rem;display:flex;overflow-x:auto}.board-step-wrap{flex:1;align-items:center;min-width:max-content;display:flex}.board-step{color:#173f39;border:2px solid #173f39;border-radius:.95rem;flex-direction:column;justify-content:space-between;width:132px;min-height:148px;padding:.8rem;display:flex;box-shadow:3px 4px #173f392e}.board-step.coral{background:#efa289}.board-step.yellow{background:#f2c75f}.board-step.mint{background:#9fd4c9}.board-step.blue{background:#aabce4}.board-step.teal{background:#4eaaa0}.step-index{opacity:.68;font-family:Space Grotesk,sans-serif;font-size:.68rem;font-weight:700}.board-step strong{font-family:Space Grotesk,sans-serif;font-size:.94rem;line-height:1.1}.board-step div{border-top:1px dashed #173f3959;justify-content:space-between;align-items:end;padding-top:.5rem;display:flex}.board-step small{text-transform:uppercase;letter-spacing:.06em;font-size:.62rem;font-weight:700}.board-step b{font-family:Space Grotesk,sans-serif;font-size:1.6rem;line-height:1}.flow-arrow{color:#55716b;text-transform:uppercase;letter-spacing:.03em;justify-items:center;width:65px;font-size:.55rem;font-weight:800;display:grid}.flow-arrow i{color:#173f39;font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-style:normal;line-height:1}.flow-arrow small{color:#926c20;font-size:.5rem}.board-bottom{background:#f3ead6;border-top:1px solid #dfd2b8;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.15rem;display:flex}.board-bottom div{gap:.15rem;display:grid}.board-bottom span{color:#56756e;text-transform:uppercase;letter-spacing:.08em;font-size:.66rem;font-weight:800}.board-bottom strong{color:#173f39;font-size:.86rem}.demand-switch{color:#5d4616;background:#fffaf0;border:1px solid #b99a5f;border-radius:999px;flex-shrink:0;align-items:center;gap:.45rem;padding:.45rem .65rem;font-size:.72rem;font-weight:800;display:inline-flex}.switch-knob{background:#9abdb6;border-radius:50%;width:.72rem;height:.72rem;transition:background .16s,transform .16s}.switch-knob.active{background:#d56a51;transform:scale(1.12)}.landing-login{justify-items:center;gap:.7rem;margin:1.55rem auto 0;display:grid}.landing-login>p{color:#58736c;align-items:center;gap:.45rem;font-size:.82rem;font-weight:700;display:inline-flex}.landing-login-button{color:#fffdf5;background:#164d48;border:1px solid #164d48;border-radius:999px;padding:.85rem 1.35rem;box-shadow:0 5px 12px #164d4829}.landing-login-button:hover{background:#0f403c;box-shadow:0 7px 15px #164d4833}.landing-login small{color:#687871;font-size:.72rem}.landing-feature{background:#fffaf0c7;border:1px solid #dfd2b8;border-radius:1rem;padding:1.35rem}.landing-feature svg{color:#b2771c}.landing-feature h2{color:#173f39;margin-top:1rem;font-size:1.15rem}.landing-feature p{color:#5f6e68;margin-top:.45rem;font-size:.86rem;line-height:1.55}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.code-input{flex:1;width:auto;min-width:0}@media (min-width:640px){.container{padding-left:1.5rem;padding-right:1.5rem}.setup-modal{padding:2rem}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:640px){.board-flow{padding:1.25rem .8rem}.board-step{width:118px;min-height:135px}.board-bottom{flex-direction:column;align-items:flex-start}.landing-status{font-size:.62rem}}@media (max-width:520px){.rules-grid{grid-template-columns:1fr}.landing-intro h1{font-size:2.65rem}.landing-intro>p:last-child{font-size:.95rem}}@media (min-width:1024px){.container{max-width:1280px;padding-left:2rem;padding-right:2rem}.dashboard-grid{grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr)}}}@media (min-width:1024px){.dashboard-grid{grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr)!important;display:grid!important}}