@font-face{font-family:Shantell Sans;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/shantell-sans-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/caveat-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#17191d;--cobalt:#3157d5;--coral:#ef654f;--sun:#f2bd35;--leaf:#3c9a67;--paper:#fffdf7;--cobalt-wash:#e9eefc;--cobalt-deep:#24409c;--coral-wash:#fdeae5;--coral-deep:#b03e2d;--sun-wash:#fdf3d3;--sun-deep:#8a6410;--leaf-wash:#e2f3e9;--leaf-deep:#256844;--cream:#f8f2e4;--cream-deep:#efe5cf;--graphite:#2b2c31;--pencil:#6a655b;--margin-red:#d9564a;--rule-blue:#3157d517;--tape:#f6e9bfd1;--kraft:#c99e63;--kraft-deep:#8a5f2f;--kraft-paper:#e9d3ac;--desk-hi:#a76f3b;--desk-mid:#8c5628;--desk-lo:#6e3f18;--font-display:"Shantell Sans", "Trebuchet MS", "Comic Sans MS", sans-serif;--font-hand:"Caveat", "Segoe Script", "Bradley Hand", cursive;--font-body:-apple-system, "Segoe UI", system-ui, Roboto, "Helvetica Neue", sans-serif;--font-mono:"Cascadia Code", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--wonky-sm:8px 10px 9px 11px / 10px 8px 11px 9px;--wonky-md:12px 15px 13px 16px / 15px 12px 16px 13px;--wonky-lg:18px 22px 19px 24px / 22px 18px 24px 19px;--sticker-shadow:3px 3px 0 var(--ink);--sticker-shadow-sm:2px 2px 0 var(--ink);--lift-shadow:0 14px 34px #2b1b082e;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100vh;color:var(--graphite);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5;overflow-x:clip}h1,h2,h3,h4{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;margin:0;font-weight:700;line-height:1.12}p{margin:0}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}button:disabled{cursor:not-allowed}input,select,textarea{font:inherit;color:var(--ink)}a{color:var(--cobalt)}code{font-family:var(--font-mono);font-size:.92em}svg{display:block}button>svg,a>svg,span>svg,strong>svg,label>svg{vertical-align:middle;display:inline-block}::selection{background:#f2bd358c}:focus-visible{outline-offset:2px;border-radius:4px;outline:3px solid #3157d58c}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}*{scrollbar-width:thin;scrollbar-color:#6a655b8c transparent}.eyebrow{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--pencil);align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.eyebrow svg{width:13px}.hand-note{font-family:var(--font-hand);color:var(--pencil);font-weight:600}.primary-button,.secondary-button{border:2px solid var(--ink);border-radius:var(--wonky-md);font-family:var(--font-display);color:#fff;background:var(--cobalt);box-shadow:var(--sticker-shadow);justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:700;transition:transform .14s,box-shadow .14s,background .14s;display:inline-flex;position:relative}.primary-button svg,.secondary-button svg{width:16px}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled){box-shadow:4px 5px 0 var(--ink);transform:translate(-1px,-2px)rotate(-.5deg)}.primary-button:active:not(:disabled),.secondary-button:active:not(:disabled){box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.primary-button:disabled,.secondary-button:disabled{color:#f3efe6;box-shadow:var(--sticker-shadow-sm);background:#b9b3a6;transform:none}.primary-button.jumbo{border-radius:var(--wonky-lg);padding:14px 26px;font-size:16px}.secondary-button{color:var(--ink);background:var(--paper)}.secondary-button.full{width:100%}.text-button{font-family:var(--font-display);color:inherit;text-underline-offset:4px;font-size:13px;font-weight:700;-webkit-text-decoration:underline wavy;text-decoration:underline wavy;text-decoration-thickness:1px}.text-link{font-family:var(--font-display);color:var(--cobalt);text-underline-offset:4px;align-items:center;gap:5px;font-size:13px;font-weight:700;-webkit-text-decoration:underline wavy;text-decoration:underline wavy;text-decoration-thickness:1px;display:inline-flex}.icon-button{border:2px solid var(--ink);border-radius:var(--wonky-sm);width:36px;height:36px;color:var(--ink);background:var(--paper);box-shadow:var(--sticker-shadow-sm);place-items:center;transition:transform .12s,box-shadow .12s;display:grid}.icon-button svg{width:18px}.icon-button:hover:not(:disabled){box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.icon-button:active:not(:disabled),.icon-button.is-active{box-shadow:1px 1px 0 var(--ink);transform:translate(1px,1px)}.icon-button.is-active{color:#fff;background:var(--ink)}.icon-button:disabled{opacity:.45;box-shadow:1px 1px #17191d73}.icon-button.quiet{box-shadow:none;background:0 0;border-color:#0000}.icon-button.quiet:hover:not(:disabled){border-color:var(--ink);background:var(--paper)}.field{flex-direction:column;gap:5px;display:flex}.field>span{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--pencil);font-size:10px;font-weight:700}.field input{border:2px solid var(--ink);border-radius:var(--wonky-sm);background:var(--paper);height:44px;padding:0 14px;font-size:15px;box-shadow:inset 2px 2px #17191d0f}.field input::placeholder{font-family:var(--font-hand);color:#b0a894;font-size:17px}.field input:focus{border-color:var(--cobalt);outline:0;box-shadow:inset 2px 2px #3157d51a,0 0 0 3px #3157d52e}.field input.code-input{font-family:var(--font-mono);letter-spacing:.42em;text-transform:uppercase;font-size:19px;font-weight:700}.pulse-dot{background:var(--leaf);border-radius:50%;flex:none;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse-dot;display:inline-block}@keyframes pulse-dot{50%{opacity:.35;transform:scale(.8)}}.button-spinner,.mini-spinner{border:2.5px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}.mini-spinner{border-width:2px;width:11px;height:11px}@keyframes spin{to{transform:rotate(360deg)}}.avatar{border:2px solid var(--ink);width:40px;height:40px;font-family:var(--font-display);color:#fff;background:var(--coral);box-shadow:var(--sticker-shadow-sm);border-radius:50% 46% 52% 48%/48% 52% 46%;flex:none;place-items:center;font-size:16px;font-weight:700;display:grid}.avatar.agent{background:var(--cobalt);border-radius:var(--wonky-sm)}.avatar svg{width:20px}.avatar.tiny{width:26px;height:26px;box-shadow:1px 1px 0 var(--ink);font-size:11px}.avatar.tiny svg{width:14px}.tape{background:var(--tape);pointer-events:none;border-left:1px dashed #8a641040;border-right:1px dashed #8a641040;width:86px;height:22px;position:absolute;top:-10px;left:50%;transform:translate(-50%)rotate(-2deg);box-shadow:0 2px 4px #3c28081f}.tape.tape-left{left:12%;transform:rotate(-8deg)}.tape.tape-right{left:auto;right:4%;transform:rotate(6deg)}.stamp{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;opacity:.92;border:2.5px solid;border-radius:6px 8px 7px 9px/8px 6px 9px 7px;padding:3px 10px;font-size:10px;font-weight:800;display:inline-block;transform:rotate(-3deg)}.paper-card{border:2px solid var(--ink);border-radius:var(--wonky-md);background:var(--paper) var(--grain);box-shadow:var(--sticker-shadow), var(--lift-shadow);position:relative}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-shell{background:radial-gradient(120% 70% at 50% -4%, #ffeac429, transparent 62%), radial-gradient(150% 130% at 50% 34%, transparent 52%, #1e0d026b), repeating-linear-gradient(92deg, #2e180624 0 2px, transparent 2px 148px), repeating-linear-gradient(0deg, #ffdeb00b 0 2px, transparent 2px 9px), linear-gradient(112deg, var(--desk-hi), var(--desk-mid) 44%, #99622f 72%, var(--desk-lo));background-attachment:fixed;flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:60;color:#fbf2dd;background:linear-gradient(#54320f,#4a2b0c);border-bottom:2px solid #14080080;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:10px 18px;display:grid;position:sticky;top:0;box-shadow:0 3px 14px #180a0059}.brand{border:2px solid var(--ink);border-radius:var(--wonky-sm);background:var(--paper);box-shadow:var(--sticker-shadow-sm);color:var(--ink);font-family:var(--font-display);align-items:center;gap:8px;padding:4px 12px 4px 6px;font-size:17px;font-weight:800;text-decoration:none;display:inline-flex;transform:rotate(-1deg)}.brand>span:not(.brand-mark) span{color:var(--cobalt)}.brand-mark{color:#fff;background:var(--cobalt);border:2px solid var(--ink);border-radius:8px 9px 8px 10px/9px 8px 10px;place-items:center;width:27px;height:27px;display:grid;transform:rotate(-7deg)}.brand-mark svg{width:15px}.brand-mark.giant{width:74px;height:74px;box-shadow:var(--sticker-shadow);border-radius:20px}.brand-mark.giant svg{width:40px}.brand sup{font-family:var(--font-hand);color:var(--pencil);text-transform:none;letter-spacing:0;margin-left:2px;font-size:12px;font-weight:600}.topbar-center{justify-content:center;align-items:center;gap:10px;min-width:0;display:flex}.topbar-tagline{font-family:var(--font-hand);color:#fdf3ddeb;text-overflow:ellipsis;white-space:nowrap;font-size:19px;font-weight:600;overflow:hidden}.mode-chip{border:2px solid var(--ink);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:var(--sun);box-shadow:var(--sticker-shadow-sm);border-radius:999px;padding:3px 11px;font-size:11px;font-weight:800;transform:rotate(-1deg)}.mode-chip.mode-practice{background:var(--cobalt);color:#fff}.mode-chip.mode-arena{background:var(--coral);color:#fff}.mode-chip.mode-free-for-all{background:var(--leaf);color:#fff}.room-chip{border:2px dashed var(--ink);border-radius:var(--wonky-sm);background:var(--paper);color:var(--ink);box-shadow:var(--sticker-shadow-sm);align-items:center;gap:8px;padding:4px 12px;transition:transform .12s;display:inline-flex}.room-chip.is-static{cursor:default}.room-chip:hover{transform:translateY(-1px)rotate(.6deg)}.room-chip small{font-family:var(--font-display);letter-spacing:.14em;color:var(--pencil);font-size:9px;font-weight:800}.room-chip strong{font-family:var(--font-mono);letter-spacing:.22em;font-size:15px}.room-chip svg{width:14px;color:var(--pencil)}.connection-chip{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;border:2px solid #14080059;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:10px;font-weight:800;display:inline-flex}.connection-chip.online{color:#d9ffe9;background:#235e3db3}.connection-chip.online>span{background:#6ee7a0;border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite pulse-dot}.connection-chip.reconnecting{color:#ffe6c4;background:#85540ab3}.connection-chip.reconnecting>span{background:var(--sun);border-radius:50%;width:7px;height:7px;animation:.8s ease-in-out infinite pulse-dot}.topbar-actions{align-items:center;gap:10px;display:flex}.topbar .icon-button.quiet{color:#fbf2dd}.topbar .icon-button.quiet:hover:not(:disabled){color:var(--ink)}.topbar .icon-button.quiet.is-muted{opacity:.55}.topbar-nav{gap:16px;display:flex}.topbar .text-link{color:#fbf2dd}.leave-button{color:#ffd9cf}.flipbook-stage{--page-accent:var(--sun);--page-accent-deep:var(--sun-deep);flex:1;justify-content:center;padding:26px clamp(12px,3.5vw,44px) 62px;display:flex;position:relative}.flipbook-stage[data-page-tone=practice]{--page-accent:var(--cobalt);--page-accent-deep:var(--cobalt-deep)}.flipbook-stage[data-page-tone=arena]{--page-accent:var(--coral);--page-accent-deep:var(--coral-deep)}.flipbook-stage[data-page-tone=free-for-all]{--page-accent:var(--leaf);--page-accent-deep:var(--leaf-deep)}.flipbook-stage[data-page-tone=agent]{--page-accent:var(--cobalt-deep);--page-accent-deep:var(--cobalt-deep)}.flipbook-pad{perspective:2100px;width:min(1180px,100%);position:relative}.flipbook-backboard{background:var(--grain), linear-gradient(160deg, #6b5137 0%, #55402b 55%, #4a3724 100%);border:2px solid #140a008c;border-radius:22px;position:absolute;inset:-10px -13px -18px;box-shadow:0 26px 60px #190a0073,0 6px 18px #190a004d}.flipbook-page-stack{pointer-events:none;position:absolute;inset:0}.flipbook-page-stack i{background:var(--cream-deep);border:1.5px solid #17191d66;border-radius:6px 6px 18px 18px;position:absolute;inset:0}.flipbook-page-stack i:first-child{transform:translate(5px,8px)rotate(.5deg)}.flipbook-page-stack i:nth-child(2){transform:translate(-4px,5px)rotate(-.4deg)}.flipbook-page-stack i:nth-child(3){transform:translate(2px,3px)rotate(.15deg)}.flipbook-sheet{z-index:2;background:var(--grain), repeating-linear-gradient(transparent 0, transparent 35px, var(--rule-blue) 35px, var(--rule-blue) 36.5px), linear-gradient(90deg, transparent 0 63px, #d9564a59 63px 64.5px, transparent 64.5px), linear-gradient(var(--cream), #f4ecda);border:1.5px solid #17191d8c;border-radius:6px 6px 18px 18px;min-height:calc(100vh - 190px);padding:64px clamp(18px,4vw,52px);position:relative;box-shadow:inset 0 1px #fff9,0 2px 6px #28140024}.flipbook-folio-strip{pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;top:34px;left:clamp(18px,4vw,52px);right:clamp(18px,4vw,52px)}.folio-label{background:var(--tape);font-family:var(--font-hand);color:#2b2c31bf;text-overflow:ellipsis;white-space:nowrap;padding:2px 12px;font-size:16px;font-weight:600;overflow:hidden;transform:rotate(-.8deg);box-shadow:0 1px 3px #3c280824}.folio-number{border:2px solid var(--page-accent);min-width:30px;height:26px;color:var(--page-accent-deep);font-family:var(--font-mono);opacity:.85;border-radius:7px 9px 8px 10px/9px 7px 10px 8px;place-items:center;padding:0 6px;font-size:13px;font-weight:700;display:grid;transform:rotate(2deg)}.flipbook-page-body{z-index:1;position:relative}.flipbook-page-curl{background:linear-gradient(315deg, transparent 47%, #2818001a 50%, var(--cream-deep) 52%, #fbf6e9 62%, transparent 64%);pointer-events:none;border-radius:0 0 18px;width:44px;height:44px;position:absolute;bottom:0;right:0}.flipbook-page-tab{z-index:1;border:2px solid var(--ink);background:var(--page-accent);color:#fff;font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;writing-mode:vertical-rl;pointer-events:none;border-left:0;border-radius:0 9px 9px 0;padding:12px 4px;font-size:9px;font-weight:800;position:absolute;top:128px;right:-15px;box-shadow:2px 2px #17191d99}.flipbook-binding{z-index:7;pointer-events:none;justify-content:space-between;height:48px;display:flex;position:absolute;top:-21px;left:3.5%;right:3.5%}.flipbook-binding i{width:17px;height:100%;position:relative}.flipbook-binding i:before{content:"";background:radial-gradient(circle at 50% 42%,#1f150a 0 58%,#4b3a26 100%);border-radius:50%;width:11px;height:14px;position:absolute;bottom:3px;left:50%;transform:translate(-50%);box-shadow:inset 0 -2px 3px #fffaeb38,0 1px #fffdf7a6}.flipbook-binding i:after{content:"";border:3.5px solid #cdd3dc;border-color:#cdd3dc #b7bec9 #9aa3b1 #9aa3b1;border-radius:50%;width:14px;height:41px;position:absolute;top:0;left:50%;transform:translate(-58%)rotate(16deg);box-shadow:1px 1px 1px #1e140559}.flipbook-turn-leaf{z-index:5;transform-origin:50% -14px;height:min(100%,135vh);transform-style:preserve-3d;pointer-events:none;will-change:transform, opacity;animation:.72s cubic-bezier(.5,.06,.32,1) both leaf-flip-forward;position:absolute;top:0;left:0;right:0}.flipbook-turn-leaf[data-direction=back]{animation-name:leaf-flip-back;animation-duration:.64s}.turn-leaf-front,.turn-leaf-back{backface-visibility:hidden;border:1.5px solid #17191d8c;border-radius:6px 6px 18px 18px;display:block;position:absolute;inset:0}.turn-leaf-front{background:var(--grain), repeating-linear-gradient(transparent 0, transparent 35px, var(--rule-blue) 35px, var(--rule-blue) 36.5px), linear-gradient(var(--cream), #f4ecda);justify-content:center;align-items:center;display:flex;box-shadow:0 24px 44px #1e0f0059}.turn-leaf-ghost{opacity:.14;fill:none;width:min(420px,60%);stroke:var(--ink);stroke-width:7px;stroke-linecap:round}.turn-leaf-meta{color:#2b2c3180;align-items:baseline;gap:10px;display:flex;position:absolute;bottom:20px;right:26px}.turn-leaf-meta em{font-family:var(--font-hand);font-size:17px;font-style:normal;font-weight:600}.turn-leaf-meta b{font-family:var(--font-mono);font-size:13px}.turn-leaf-back{background:var(--grain), linear-gradient(#f2ead6, #ece1c8);transform:rotateX(180deg)}.turn-leaf-shade{filter:blur(4px);background:#170f0252;border-radius:50%;height:6px;position:absolute;bottom:-3px;left:6%;right:6%}@keyframes leaf-flip-forward{0%{opacity:1;transform:rotateX(0)}52%{opacity:1;transform:rotateX(98deg)}88%{opacity:1;transform:rotateX(168deg)}to{opacity:0;transform:rotateX(180deg)}}@keyframes leaf-flip-back{0%{opacity:0;transform:rotateX(180deg)}10%{opacity:1}60%{opacity:1;transform:rotateX(70deg)}90%{opacity:1;transform:rotateX(4deg)}to{opacity:0;transform:rotateX(0)}}.flipbook-cover{z-index:12;background:var(--grain), radial-gradient(130% 100% at 50% 0%, #ffffff24, transparent 46%), linear-gradient(155deg, #2e4bb4 0%, #24409c 52%, #1c3382 100%);transform-origin:50% -18px;pointer-events:none;border:2px solid #0c1028d9;border-radius:10px 10px 22px 22px;place-items:center;height:min(100% + 20px,135vh);display:grid;position:absolute;top:-8px;left:-10px;right:-10px;box-shadow:0 24px 55px #140a0073}.flipbook-cover[data-state=opening]{animation:.98s cubic-bezier(.56,.04,.3,1) both cover-open}.flipbook-cover[data-state=open]{display:none}.flipbook-cover-label{text-align:center;color:#eef2ff;flex-direction:column;align-items:center;gap:12px;max-width:420px;padding:30px;display:flex}.flipbook-cover-label small{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;opacity:.72;font-size:11px}.flipbook-cover-label strong{font-family:var(--font-display);text-shadow:0 3px #0a0e28cc;font-size:clamp(42px,6vw,64px);font-weight:800;line-height:1}.flipbook-cover-label strong span{color:var(--sun)}.flipbook-cover-label em{font-family:var(--font-hand);opacity:.9;font-size:24px;font-style:normal;font-weight:600}.flipbook-cover-label b{font-family:var(--font-display);opacity:.75;margin-top:8px;font-size:13px;font-weight:700}.flipbook-cover-elastic{background:linear-gradient(90deg,#101733,#2b3862 55%,#101733);border-radius:7px;width:14px;position:absolute;top:-6px;bottom:-6px;right:9%;box-shadow:2px 0 6px #0006}@keyframes cover-open{0%{opacity:1;transform:rotateX(0)}60%{opacity:1;transform:rotateX(118deg)}to{opacity:0;transform:rotateX(178deg)}}.desk-props{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.desk-prop{opacity:.9;position:absolute}.desk-pencil{width:170px;top:130px;right:max(6px,50% - 700px);transform:rotate(74deg)}.desk-coffee{width:130px;bottom:40px;left:max(-30px,50% - 760px)}.desk-eraser{width:82px;bottom:130px;right:max(-6px,50% - 720px);transform:rotate(-14deg)}.desk-shavings{width:90px;top:340px;right:max(10px,50% - 690px);transform:rotate(10deg)}.desk-sticky{width:96px;top:480px;left:max(-16px,50% - 740px);transform:rotate(-7deg)}.toast{z-index:120;border:2px solid var(--margin-red);border-radius:var(--wonky-md);background:var(--paper) var(--grain);max-width:min(520px,100vw - 32px);color:var(--ink);font-family:var(--font-display);box-shadow:3px 4px 0 #17191dcc, var(--lift-shadow);align-items:center;gap:10px;padding:12px 14px;font-size:13px;font-weight:700;animation:.3s cubic-bezier(.2,.9,.3,1.4) both toast-in;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%)rotate(-.6deg)}.toast>svg:first-child{width:17px;color:var(--margin-red);flex:none}.toast button{width:26px;height:26px;color:var(--pencil);border-radius:50%;flex:none;place-items:center;margin-left:4px;display:grid}.toast button:hover{color:var(--ink);background:var(--cream-deep)}.toast button svg{width:13px}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(16px)rotate(2deg)}}.loading-screen{background:radial-gradient(120% 70% at 50% -4%, #ffeac429, transparent 62%), linear-gradient(112deg, var(--desk-hi), var(--desk-mid) 44%, #99622f 72%, var(--desk-lo));flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;min-height:100dvh;display:flex}.loading-screen h1{color:#fdf5e2;text-shadow:0 3px #1e0e0080;font-size:40px}.loading-screen p{font-family:var(--font-hand);color:#fdf5e2d9;font-size:22px}.loading-scribble{background:var(--sun);border-radius:999px;width:88px;height:8px;margin-top:6px;animation:1.1s ease-in-out infinite scribble-load;box-shadow:2px 2px #17191db3}@keyframes scribble-load{50%{width:40px;transform:rotate(-4deg)}}@media (width<=1240px){.desk-props{display:none}}@media (width<=900px){.topbar{gap:8px;padding:8px 10px}.topbar-tagline,.brand sup{display:none}.flipbook-stage{padding:18px 8px 40px}.flipbook-sheet{min-height:calc(100vh - 150px);padding-top:58px}.flipbook-page-tab{display:none}.flipbook-binding{left:2%;right:2%}.flipbook-binding i:nth-child(n+11){display:none}.folio-label{max-width:62vw}}@media (width<=560px){.room-chip strong{letter-spacing:.14em;font-size:13px}.mode-chip{display:none}.flipbook-backboard{inset:-6px -7px -10px}}.section-heading{flex-direction:column;gap:6px;margin-bottom:22px;display:flex}.section-heading h2{font-size:clamp(24px,3.2vw,34px)}.section-heading p{max-width:560px;color:var(--pencil)}.landing-page{flex-direction:column;gap:clamp(40px,6vw,78px);display:flex}.landing-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(20px,4vw,56px);padding-top:16px;display:grid}.landing-hero-copy{flex-direction:column;align-items:flex-start;gap:18px;display:flex}.hero-kicker{background:var(--tape);color:#2b2c31cc;padding:4px 14px;transform:rotate(-1.2deg);box-shadow:0 1px 3px #3c280824}.landing-hero-copy h1{font-size:clamp(38px,5.6vw,66px);font-weight:800;line-height:1.04}.landing-hero-copy h1 em{color:var(--cobalt);white-space:nowrap;font-style:normal;position:relative}.landing-hero-copy h1 em:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 12' preserveAspectRatio='none'%3E%3Cpath d='M3 8c40-6 78-7 108-3 34 4 70 3 106-3' fill='none' stroke='%23f2bd35' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;height:8px;position:absolute;bottom:-4px;left:-2px;right:-2px}.landing-hero-copy>p{max-width:480px;color:var(--pencil);font-size:17px}.landing-hero-actions{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.landing-proof{flex-wrap:wrap;gap:18px;display:flex}.landing-proof span{font-family:var(--font-display);color:var(--leaf-deep);align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.landing-proof svg{width:14px;color:var(--leaf)}.landing-hero-doodle{min-width:0;position:relative}.landing-hero-doodle svg{width:100%;height:auto}.doodle-paper{fill:var(--paper);stroke:var(--ink);stroke-width:3px;filter:drop-shadow(5px 6px #17191d38)}.doodle-line,.doodle-arrow{fill:none;stroke:var(--ink);stroke-width:8px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1100;stroke-dashoffset:0;animation:2.4s cubic-bezier(.3,.5,.25,1) both draw-on}.doodle-line.cobalt{stroke:var(--cobalt)}.doodle-line.coral{stroke:var(--coral)}.doodle-line.medium{animation-delay:.5s}.doodle-line.quick{animation-duration:1.4s;animation-delay:1.15s}.doodle-line.slow{animation-duration:2.9s}.doodle-arrow{stroke:var(--sun);animation-delay:1.5s}@keyframes draw-on{0%{stroke-dashoffset:1100px}}.doodle-note{border:2px solid var(--ink);background:var(--paper);box-shadow:var(--sticker-shadow-sm);font-family:var(--font-hand);border-radius:14px 14px 14px 3px;align-items:center;gap:6px;padding:7px 12px;font-size:18px;font-weight:600;animation:3.2s ease-in-out infinite float;display:inline-flex;position:absolute}.doodle-note svg{width:15px}.note-human{top:16%;left:-3%}.note-agent{color:var(--leaf-deep);border-color:var(--leaf);background:#f2fdf6;animation-duration:3.6s;animation-delay:.6s;bottom:8%;right:-2%}.note-agent svg:last-child{color:var(--leaf)}.doodle-pencil{border:2px solid var(--ink);color:#fff;background:var(--cobalt);width:44px;height:44px;box-shadow:var(--sticker-shadow-sm);border-radius:12px 12px 12px 3px;place-items:center;animation:2.8s ease-in-out .3s infinite float;display:grid;position:absolute;top:4%;right:14%;transform:rotate(14deg)}.doodle-pencil svg{width:22px}@keyframes float{50%{transform:translateY(-6px)rotate(1.4deg)}}.mode-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:clamp(14px,2.4vw,26px);display:grid}.mode-card{--card-accent:var(--cobalt);border:2px solid var(--ink);border-radius:var(--wonky-md);background:var(--grain), linear-gradient(var(--paper), var(--paper)) padding-box;box-shadow:var(--sticker-shadow), 0 10px 26px #2b1b081f;flex-direction:column;gap:12px;padding:22px 20px 18px;transition:transform .18s,box-shadow .18s;display:flex;position:relative}.mode-card.mode-practice{--card-accent:var(--cobalt);transform:rotate(-1.1deg)}.mode-card.mode-arena{--card-accent:var(--coral);transform:rotate(.7deg)translateY(6px)}.mode-card.mode-free-for-all{--card-accent:var(--leaf);transform:rotate(1.3deg)}.mode-card.is-selected{border-color:var(--card-accent);box-shadow:4px 5px 0 var(--ink), 0 16px 34px #2b1b0833;z-index:1;border-width:3px;transform:rotate(0)translateY(-6px)scale(1.015)}.mode-card-topline{align-items:center;gap:8px;min-height:26px;display:flex}.mode-number{font-family:var(--font-mono);color:var(--pencil);font-size:13px;font-weight:700}.recommended-badge{border:2px solid var(--sun-deep);background:var(--sun-wash);color:var(--sun-deep);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:2px 10px;font-size:10px;font-weight:800;transform:rotate(-2deg)}.picked-stamp{border:2.5px solid var(--card-accent);color:var(--card-accent);font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;border-radius:7px 9px 8px 10px/9px 7px 10px 8px;margin-left:auto;padding:2px 10px;font-size:11px;font-weight:800;animation:.24s cubic-bezier(.2,1.4,.4,1) both stamp-in;transform:rotate(4deg)}@keyframes stamp-in{0%{opacity:0;transform:rotate(4deg)scale(1.7)}}.mode-doodle{border-radius:var(--wonky-sm);background:repeating-linear-gradient(transparent 0 21px, var(--rule-blue) 21px 22px), #fefcf4;fill:none;width:100%;height:auto;stroke:var(--card-accent);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;border:1.5px dashed #17191d40;padding:8px 6px}.mode-card.mode-arena .mode-doodle .doodle-team-cobalt{stroke:var(--cobalt)}.mode-card.mode-arena .mode-doodle .doodle-team-coral{stroke:var(--coral)}.mode-card-copy{flex-direction:column;gap:4px;display:flex}.mode-card-copy strong{font-family:var(--font-display);color:var(--ink);font-size:21px;font-weight:800}.mode-card-copy small{font-family:var(--font-hand);color:var(--card-accent);font-size:19px;font-weight:600}.mode-card-copy>span{color:var(--pencil);font-size:13px}.mode-facts{border-top:1.5px dashed #17191d38;flex-direction:column;gap:0;margin:4px 0 0;display:flex}.mode-facts>div{border-bottom:1.5px dashed #17191d38;grid-template-columns:64px 1fr;gap:10px;padding:8px 0;display:grid}.mode-facts dt{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--pencil);padding-top:2px;font-size:10px;font-weight:800}.mode-facts dd{color:var(--ink);flex-direction:column;margin:0;font-size:13px;font-weight:700;display:flex}.mode-facts dd small{color:var(--pencil);font-size:11.5px;font-weight:400}.mode-loop{border-radius:var(--wonky-sm);background:color-mix(in srgb, var(--card-accent) 9%, white);font-family:var(--font-hand);color:var(--ink);align-items:center;gap:8px;padding:8px 10px;font-size:16px;font-weight:600;display:flex}.mode-loop b{color:var(--card-accent)}.mode-card-select{border:2px solid var(--ink);border-radius:var(--wonky-sm);background:var(--cream);font-family:var(--font-display);box-shadow:var(--sticker-shadow-sm);margin-top:auto;padding:10px 14px;font-size:13px;font-weight:700;transition:transform .12s,background .12s,color .12s}.mode-card-select:hover{transform:translateY(-1px)}.mode-card.is-selected .mode-card-select{background:var(--card-accent);color:#fff}.create-game-panel{--card-accent:var(--cobalt);border:2px solid var(--ink);border-radius:var(--wonky-lg);background:var(--grain), linear-gradient(135deg, color-mix(in srgb, var(--card-accent) 10%, #fffdf7), #fffdf7 58%);box-shadow:var(--sticker-shadow), var(--lift-shadow);grid-template-columns:minmax(0,1fr) minmax(300px,420px);align-items:center;gap:clamp(20px,4vw,56px);padding:clamp(20px,3vw,36px);display:grid}.create-game-panel.mode-arena{--card-accent:var(--coral)}.create-game-panel.mode-free-for-all{--card-accent:var(--leaf)}.create-game-summary{flex-direction:column;gap:10px;display:flex}.create-game-summary h2{font-size:clamp(24px,3vw,34px)}.create-game-summary p{max-width:460px;color:var(--pencil)}.selected-mode-loop{border:2px dashed var(--card-accent);border-radius:var(--wonky-sm);font-family:var(--font-hand);align-self:flex-start;align-items:center;gap:10px;margin-top:6px;padding:8px 14px;font-size:18px;font-weight:600;display:inline-flex}.selected-mode-loop svg{width:15px;color:var(--card-accent)}.create-game-form{border:2px solid var(--ink);border-radius:var(--wonky-md);background:var(--paper) var(--grain);box-shadow:var(--sticker-shadow-sm), 0 12px 26px #2b1b0824;flex-direction:column;gap:14px;padding:22px 20px;display:flex;position:relative;transform:rotate(.6deg)}.practice-pair-strip{border-radius:var(--wonky-sm);background:var(--cobalt-wash);font-family:var(--font-display);border:2px dashed #3157d580;justify-content:center;align-items:center;gap:14px;padding:10px 12px;font-size:13px;font-weight:700;display:flex}.practice-pair-strip svg{width:16px}.practice-pair-strip b{color:var(--cobalt);font-size:16px}.controller-picker{border:0;grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0;display:grid}.controller-picker legend{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--pencil);padding:0 0 6px;font-size:10px;font-weight:700}.controller-picker label{border-radius:var(--wonky-sm);background:var(--paper);cursor:pointer;border:2px solid #17191d59;align-items:center;gap:9px;padding:9px 11px;transition:transform .12s,border-color .12s,background .12s;display:flex}.controller-picker label:hover{transform:translateY(-1px)}.controller-picker label.is-selected{border-color:var(--ink);background:var(--sun-wash);box-shadow:var(--sticker-shadow-sm)}.controller-picker input{opacity:0;pointer-events:none;position:absolute}.controller-picker label>svg{flex:none;width:19px}.controller-picker label span{flex-direction:column;min-width:0;display:flex}.controller-picker strong{font-family:var(--font-display);font-size:13px}.controller-picker small{color:var(--pencil);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.controller-picker.is-compact label{padding:7px 10px}.controller-picker.is-compact small{display:none}.join-section{border-radius:var(--wonky-lg);background:#fffdf78c;border:2.5px dashed #17191d73;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(18px,3vw,40px);padding:clamp(18px,2.6vw,30px);scroll-margin-top:84px;display:grid}.join-section.has-room-invite{border-color:var(--leaf);background:var(--leaf-wash)}.join-section-copy{flex-direction:column;gap:6px;display:flex}.join-section-copy h2{font-size:clamp(22px,2.6vw,30px)}.join-section-copy p{color:var(--pencil)}.join-form{grid-template-columns:minmax(0,1.3fr) minmax(120px,.9fr);align-items:end;gap:12px;display:grid}.join-form .controller-picker{grid-column:1/-1}.join-form .join-button{grid-column:1/-1;justify-self:start}.role-direction-grid{grid-template-columns:1fr 1fr;gap:clamp(14px,2.4vw,26px);margin-bottom:26px;display:grid}.role-direction-grid article{border:2px solid var(--ink);border-radius:var(--wonky-md);background:var(--paper) var(--grain);box-shadow:var(--sticker-shadow-sm);flex-direction:column;gap:8px;padding:20px;display:flex;position:relative}.role-direction-grid article:first-child{transform:rotate(-.5deg)}.role-direction-grid article:last-child{transform:rotate(.5deg)}.direction-number{font-family:var(--font-mono);color:#2b2c3159;font-size:13px;font-weight:700;position:absolute;top:12px;right:16px}.direction-glyph{border:2px solid var(--ink);color:#fff;width:44px;height:44px;box-shadow:var(--sticker-shadow-sm);border-radius:12px 12px 12px 3px;place-items:center;display:grid;transform:rotate(-4deg)}.direction-glyph.agent{background:var(--cobalt)}.direction-glyph.human{background:var(--coral)}.direction-glyph svg{width:22px}.role-direction-grid h3{font-size:19px}.role-direction-grid p{color:var(--pencil);font-size:13.5px}.webmcp-proof-strip{border-top:2px dashed #17191d40;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(16px,3vw,36px);padding-top:22px;display:grid}.webmcp-proof-strip h3{max-width:320px;font-size:21px}.agent-handoff-page{gap:26px}.agent-invite-alert{border:2.5px solid var(--cobalt);border-radius:var(--wonky-md);background:var(--cobalt-wash);box-shadow:var(--sticker-shadow-sm);align-items:center;gap:16px;padding:18px 20px;display:flex}.agent-invite-icon{border:2px solid var(--ink);color:#fff;background:var(--cobalt);width:52px;height:52px;box-shadow:var(--sticker-shadow-sm);border-radius:14px 14px 14px 4px;flex:none;place-items:center;display:grid;transform:rotate(-4deg)}.agent-invite-icon svg{width:27px}.agent-invite-alert h2{font-size:21px}.agent-invite-alert p{color:var(--pencil);font-size:13.5px}.agent-handoff-grid{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:start;gap:clamp(18px,3vw,36px);display:grid}.agent-handoff-card{border:2px solid var(--ink);border-radius:var(--wonky-md);background:var(--paper) var(--grain);box-shadow:var(--sticker-shadow), var(--lift-shadow);flex-direction:column;gap:12px;padding:30px 28px;display:flex;position:relative}.agent-handoff-glyph{border:2px solid var(--ink);color:#fff;background:var(--cobalt);width:48px;height:48px;box-shadow:var(--sticker-shadow-sm);border-radius:13px 13px 13px 4px;place-items:center;display:grid;transform:rotate(-5deg)}.agent-handoff-glyph svg{width:25px}.agent-handoff-card h1{font-size:clamp(26px,3.4vw,38px)}.agent-handoff-command{border:2.5px solid var(--ink);border-radius:var(--wonky-sm);color:#ffe9a3;box-shadow:var(--sticker-shadow);background:#22242b;align-self:flex-start;padding:12px 20px;font-size:19px;transform:rotate(-.8deg)}.agent-handoff-card ol{flex-direction:column;gap:8px;margin:4px 0 0;padding-left:22px;font-size:14.5px;display:flex}.agent-handoff-card ol code{background:var(--cream-deep);border-radius:5px;padding:1px 5px}.agent-handoff-fallback{border-left:4px solid var(--sun);background:var(--sun-wash);color:var(--sun-deep);border-radius:0 10px 10px 0;padding:10px 12px;font-size:13px}@media (width<=1040px){.mode-card-grid{grid-template-columns:1fr;width:100%;max-width:560px;margin:0 auto}.mode-card,.mode-card.mode-practice,.mode-card.mode-arena,.mode-card.mode-free-for-all{transform:none}.landing-hero{grid-template-columns:1fr}.landing-hero-doodle{max-width:520px}.create-game-panel,.agent-handoff-grid,.join-section,.webmcp-proof-strip{grid-template-columns:1fr}}@media (width<=640px){.role-direction-grid,.join-form{grid-template-columns:1fr}.landing-hero-copy h1 em{white-space:normal}}.lobby-page{flex-direction:column;gap:clamp(20px,3vw,34px);display:flex}.mode-lobby-heading{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(16px,3vw,40px);display:grid}.mode-lobby-heading>div{flex-direction:column;gap:8px;display:flex}.mode-lobby-heading h1{max-width:620px;font-size:clamp(26px,3.6vw,42px)}.mode-lobby-heading p{max-width:560px;color:var(--pencil)}.invite-card{border:2.5px dashed var(--ink);border-radius:var(--wonky-md);background:var(--sun-wash) var(--grain);min-width:240px;box-shadow:var(--sticker-shadow-sm), 0 10px 22px #2b1b081f;flex-direction:column;gap:8px;padding:16px 18px;display:flex;position:relative;transform:rotate(1deg)}.invite-card small{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--sun-deep);font-size:10px;font-weight:800}.invite-card>strong{font-family:var(--font-mono);letter-spacing:.24em;color:var(--ink);font-size:34px;line-height:1}.invite-actions{flex-direction:column;gap:7px;margin-top:2px;display:flex}.invite-actions button{border:2px solid var(--ink);border-radius:var(--wonky-sm);background:var(--paper);font-family:var(--font-display);box-shadow:var(--sticker-shadow-sm);align-items:center;gap:8px;padding:8px 12px;font-size:12.5px;font-weight:700;transition:transform .12s;display:flex}.invite-actions button:hover{transform:translate(-1px,-1px)}.invite-actions button svg{flex:none;width:15px}.invite-actions .agent-invite-button.is-primary,.invite-actions button:first-child{background:var(--cobalt);color:#fff}.invite-actions .agent-invite-button:not(.is-primary){background:var(--paper);color:var(--ink)}.invite-complete{border:2px solid var(--leaf);border-radius:var(--wonky-sm);background:var(--leaf-wash);color:var(--leaf-deep);font-family:var(--font-display);align-items:center;gap:8px;margin:2px 0 0;padding:8px 10px;font-size:12px;font-weight:800;display:flex}.invite-complete svg{width:15px}.practice-lobby-grid{grid-template-columns:minmax(0,1fr) minmax(300px,356px);align-items:start;gap:clamp(16px,2.6vw,30px);display:grid}.practice-duo-card{border:2px solid var(--ink);border-radius:var(--wonky-lg);background:var(--paper) var(--grain);box-shadow:var(--sticker-shadow), 0 12px 28px #2b1b081f;flex-direction:column;gap:20px;padding:clamp(18px,2.6vw,30px);display:flex}.practice-duo-card header{flex-direction:column;gap:4px;display:flex}.practice-duo-card h2{font-size:clamp(20px,2.4vw,27px)}.practice-seat-row{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:6px;display:flex}.practice-seat-slot{align-items:center;gap:6px;display:flex}.practice-duo-arrow{font-family:var(--font-hand);color:var(--sun-deep);padding:0 8px;font-size:40px;font-weight:700;transform:rotate(-4deg)}.practice-polaroid{background:#fffefb;border:1.5px solid #17191d80;border-radius:4px;flex-direction:column;gap:10px;width:196px;padding:12px 12px 14px;display:flex;position:relative;transform:rotate(-2deg);box-shadow:0 8px 20px #2b1b082e,0 2px 5px #2b1b081f}.practice-seat-slot:nth-child(2) .practice-polaroid{transform:rotate(1.6deg)}.polaroid-photo{background:radial-gradient(90% 90% at 50% 30%, #ffffff80, transparent), linear-gradient(160deg, var(--coral-wash), #f8ddd4);height:118px;color:var(--coral-deep);border:1.5px solid #17191d59;border-radius:3px;place-items:center;display:grid}.practice-polaroid.is-agent .polaroid-photo{background:radial-gradient(90% 90% at 50% 30%, #ffffff80, transparent), linear-gradient(160deg, var(--cobalt-wash), #d8e2fb);color:var(--cobalt-deep)}.polaroid-photo svg{width:52px}.polaroid-photo b{width:72px;height:72px;font-family:var(--font-display);border:3px solid;border-radius:50% 46% 52% 48%/48% 52% 46%;place-items:center;font-size:34px;font-weight:800;display:grid}.polaroid-caption{text-align:center;flex-direction:column;gap:2px;display:flex}.polaroid-caption strong{font-family:var(--font-hand);color:var(--ink);font-size:22px;font-weight:700;line-height:1.1}.polaroid-caption small{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--pencil);font-size:10px;font-weight:700}.polaroid-status{font-family:var(--font-display);color:var(--leaf-deep);justify-content:center;align-items:center;gap:4px;margin-top:4px;font-size:11.5px;font-weight:700;display:inline-flex}.polaroid-status svg{width:13px;color:var(--leaf)}.polaroid-status.is-waiting{color:var(--sun-deep)}.practice-polaroid.is-away{opacity:.6}.practice-polaroid.is-away .polaroid-status{color:var(--coral-deep)}.open-practice-seat{box-shadow:none;background:#fffefb99;border-style:dashed}.open-practice-seat .polaroid-photo{color:var(--pencil);background:repeating-linear-gradient(45deg,#17191d0a 0 10px,#0000 10px 20px);border-style:dashed}.open-practice-seat .polaroid-photo svg{opacity:.7;width:40px}.practice-leg-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.practice-leg{border-radius:var(--wonky-md);background:var(--cobalt-wash);border:2px dashed #3157d573;flex-direction:column;gap:7px;padding:16px;display:flex}.practice-leg.human-first{background:var(--coral-wash);border-color:#ef654f73}.practice-leg-number{border:2px solid var(--cobalt);font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--cobalt-deep);border-radius:999px;align-self:flex-start;padding:2px 10px;font-size:10.5px;font-weight:800;transform:rotate(-2deg)}.practice-leg.human-first .practice-leg-number{border-color:var(--coral);color:var(--coral-deep)}.practice-leg>div{color:var(--cobalt-deep);align-items:center;gap:8px;display:flex}.practice-leg.human-first>div{color:var(--coral-deep)}.practice-leg>div svg{width:20px}.practice-leg>div svg:nth-child(2){opacity:.6;width:15px}.practice-leg h3{font-size:16.5px}.practice-leg p{color:var(--pencil);font-size:12.5px}.practice-explainer{border-left:4px solid var(--sun);background:var(--sun-wash);border-radius:0 10px 10px 0;align-items:center;gap:10px;padding:11px 14px;font-size:13.5px;display:flex}.practice-explainer svg{width:18px;color:var(--sun-deep);flex:none}.waiting-host{font-family:var(--font-hand);color:var(--pencil);align-items:center;gap:9px;font-size:19px;font-weight:600;display:flex}.waiting-host code{background:var(--cream-deep);border-radius:5px;padding:1px 6px;font-size:13px}.lobby-content{grid-template-columns:minmax(0,1fr) minmax(300px,356px);align-items:start;gap:clamp(16px,2.6vw,30px);display:grid}.team-board{grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,22px);display:grid}.team-column{--team-color:var(--cobalt);--team-deep:var(--cobalt-deep);--team-wash:var(--cobalt-wash);border:2px solid var(--team-color);border-radius:var(--wonky-md);background:var(--team-wash) var(--grain);box-shadow:3px 3px 0 var(--team-color), 0 10px 24px #2b1b081a;flex-direction:column;gap:12px;padding:18px 16px;display:flex;transform:rotate(-.4deg)}.team-column.team-coral{--team-color:var(--coral);--team-deep:var(--coral-deep);--team-wash:var(--coral-wash);transform:rotate(.4deg)}.team-column>header{align-items:center;gap:12px;display:flex}.team-pattern{border:2px solid var(--team-deep);background:repeating-linear-gradient(45deg, var(--team-color) 0 6px, transparent 6px 12px);opacity:.9;border-radius:10px 10px 10px 3px;width:34px;height:34px;transform:rotate(-6deg)}.team-column header small{font-family:var(--font-display);letter-spacing:.18em;color:var(--team-deep);font-size:9.5px;font-weight:800}.team-column header h2{color:var(--team-deep);font-size:22px}.team-column header strong{font-family:var(--font-mono);color:var(--team-deep);margin-left:auto;font-size:15px}.seat-stack{flex-direction:column;gap:8px;display:flex}.seat-card{border-radius:var(--wonky-sm);background:var(--paper);border:1.5px solid #17191d66;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 12px;display:grid;box-shadow:1.5px 2px #17191d59}.seat-card>div{flex-direction:column;min-width:0;display:flex}.seat-card strong{font-family:var(--font-hand);text-overflow:ellipsis;white-space:nowrap;font-size:19px;font-weight:700;line-height:1.05;overflow:hidden}.seat-card small{color:var(--pencil);font-size:10.5px}.seat-status{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--pencil);align-items:center;font-size:10.5px;font-weight:800;display:inline-flex}.seat-card.is-ready .seat-status{border:2px solid var(--leaf);width:24px;height:24px;color:var(--leaf-deep);background:var(--leaf-wash);border-radius:50%;place-items:center;display:grid}.seat-card.is-ready .seat-status svg{width:13px}.seat-card.is-away{opacity:.55;border-style:dashed}.empty-seat{border-radius:var(--wonky-sm);color:var(--pencil);font-family:var(--font-hand);background:#fffdf780;border:2px dashed #17191d4d;align-items:center;gap:8px;padding:10px 12px;font-size:17px;font-weight:600;display:flex}.empty-seat span{width:22px;height:22px;font-family:var(--font-display);border:2px dashed #17191d59;border-radius:50%;place-items:center;font-size:13px;display:grid}.free-for-all-lobby-content{grid-template-columns:minmax(0,1fr) minmax(300px,356px)}.free-for-all-roster{border:2px solid var(--leaf-deep);border-radius:var(--wonky-lg);background:var(--grain), linear-gradient(145deg, var(--leaf-wash), var(--paper) 62%);box-shadow:3px 3px 0 var(--leaf), 0 12px 28px #2b1b081f;flex-direction:column;gap:18px;padding:clamp(18px,2.6vw,28px);display:flex;transform:rotate(-.2deg)}.free-for-all-roster>header{justify-content:space-between;align-items:center;gap:14px;display:flex}.free-for-all-roster>header h2{font-size:clamp(20px,2.5vw,28px)}.free-for-all-roster>header>strong{border:2px solid var(--ink);border-radius:var(--wonky-sm);background:var(--leaf);color:#fff;min-width:62px;min-height:48px;font-family:var(--font-mono);box-shadow:var(--sticker-shadow-sm);place-items:center;font-size:18px;display:grid;transform:rotate(2deg)}.free-for-all-roster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.free-for-all-seat-card{border-radius:var(--wonky-sm);background:var(--paper);border:1.5px solid #17191d6b;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:11px 12px;display:grid;box-shadow:1.5px 2px #17191d4d}.free-for-all-seat-card:nth-child(4n+2),.free-for-all-seat-card:nth-child(4n+3){transform:rotate(.35deg)}.free-for-all-seat-card>div{flex-direction:column;min-width:0;display:flex}.free-for-all-seat-card>div strong{font-family:var(--font-hand);text-overflow:ellipsis;white-space:nowrap;font-size:19px;font-weight:700;line-height:1.05;overflow:hidden}.free-for-all-seat-card>div small{color:var(--pencil);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.free-for-all-seat-card.is-ready .seat-status{border:2px solid var(--leaf);background:var(--leaf-wash);width:24px;height:24px;color:var(--leaf-deep);border-radius:50%;place-items:center;display:grid}.free-for-all-seat-card.is-ready .seat-status svg{width:13px}.free-for-all-seat-card.is-away{opacity:.55;border-style:dashed}.free-for-all-open-seat{min-height:58px}.free-for-all-rules-note,.automatic-rounds-note{border-left:4px solid var(--leaf);background:var(--leaf-wash);border-radius:0 10px 10px 0;align-items:center;gap:10px;padding:11px 14px;font-size:13px;display:flex}.free-for-all-rules-note>svg{width:18px;color:var(--leaf-deep);flex:none}.automatic-rounds-note>span{border:2px solid var(--leaf);width:28px;height:28px;color:var(--leaf-deep);border-radius:50%;place-items:center;font-size:18px;font-weight:800;display:grid}.automatic-rounds-note p{flex-direction:column;display:flex}.automatic-rounds-note strong{font-family:var(--font-display);font-size:13px}.automatic-rounds-note small{color:var(--pencil);font-size:10.5px}.lobby-controls{flex-direction:column;gap:14px;display:flex}.control-card,.settings-card,.start-readiness{border:2px solid var(--ink);border-radius:var(--wonky-md);background:var(--paper) var(--grain);box-shadow:var(--sticker-shadow-sm), 0 8px 20px #2b1b0814;flex-direction:column;gap:9px;padding:16px 16px 18px;display:flex}.control-card h3,.settings-card h3{font-size:19px}.control-card>label{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--pencil);margin-top:4px;font-size:10px;font-weight:800}.segmented{grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;display:grid}.segmented button{border-radius:var(--wonky-sm);background:var(--paper);font-family:var(--font-display);border:2px solid #17191d59;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:12.5px;font-weight:700;transition:transform .1s;display:inline-flex}.segmented button svg{width:15px}.segmented button:hover:not(:disabled){transform:translateY(-1px)}.segmented button.active{border-color:var(--ink);background:var(--ink);color:#fff;box-shadow:var(--sticker-shadow-sm)}.segmented button.active.cobalt{background:var(--cobalt)}.segmented button.active.coral{background:var(--coral)}.ready-button{border:2px solid var(--ink);border-radius:var(--wonky-md);background:var(--sun);font-family:var(--font-display);box-shadow:var(--sticker-shadow);margin-top:6px;padding:11px 14px;font-size:14px;font-weight:800;transition:transform .12s}.ready-button:hover:not(:disabled){transform:translate(-1px,-1px)}.ready-button.is-ready{background:var(--leaf);color:#fff}.ready-button svg{width:15px}.settings-card header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.settings-summary{border:2px solid var(--ink);background:var(--sun-wash);font-family:var(--font-mono);border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:700;transform:rotate(2deg)}.settings-card fieldset{border:0;flex-direction:column;gap:6px;margin:0;padding:0;display:flex}.settings-card legend{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--pencil);padding:0;font-size:10px;font-weight:800}.settings-options{flex-wrap:wrap;gap:6px;display:flex}.settings-options button{background:var(--paper);min-width:44px;font-family:var(--font-mono);border:2px solid #17191d59;border-radius:10px 12px 10px 13px/12px 10px 13px;padding:7px 10px;font-size:13px;font-weight:700;transition:transform .1s}.settings-options button:hover:not(:disabled){transform:translateY(-1px)}.settings-options button.is-selected{border-color:var(--ink);background:var(--sun);box-shadow:var(--sticker-shadow-sm)}.settings-card.is-locked .settings-options button.is-selected{box-shadow:none}.settings-card fieldset:disabled .settings-options button{opacity:.65}.settings-status{color:var(--pencil);align-items:baseline;gap:7px;font-size:12px;display:flex}.settings-edit-mark{color:var(--cobalt);font-size:14px}.settings-lock-mark{color:var(--pencil)}.start-readiness p{font-family:var(--font-display);align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.start-readiness .pulse-dot{background:var(--sun-deep)}.start-readiness.is-ready{border-color:var(--leaf);background:var(--leaf-wash)}.start-readiness.is-ready .pulse-dot{background:var(--leaf)}.start-readiness small{color:var(--pencil);font-size:11.5px}.agent-guess-note{border-radius:var(--wonky-sm);background:var(--cobalt-wash);color:var(--cobalt-deep);border:2px dashed #3157d580;align-items:center;gap:11px;padding:11px 13px;display:flex}.agent-guess-note>svg{flex:none;width:22px}.agent-guess-note div{flex-direction:column;gap:1px;display:flex}.agent-guess-note strong{font-family:var(--font-display);font-size:12.5px}.agent-guess-note span{font-size:11.5px}.agent-guess-note code{background:#3157d51f;border-radius:4px;padding:0 4px}@media (width<=1040px){.practice-lobby-grid,.lobby-content,.mode-lobby-heading{grid-template-columns:1fr}.invite-card{justify-self:start}}@media (width<=640px){.team-board,.practice-leg-grid{grid-template-columns:1fr}.practice-duo-arrow{padding:4px 0;transform:rotate(86deg)}.practice-seat-slot{flex-direction:column}.practice-seat-row{flex-direction:column;align-items:center}.free-for-all-roster-grid{grid-template-columns:1fr}.free-for-all-roster>header{align-items:flex-start}}.game-page{flex-direction:column;gap:14px;display:flex}.game-scorebar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:12px;display:grid}.team-score,.artist-card{--team-color:var(--cobalt);--team-deep:var(--cobalt-deep);border-radius:var(--wonky-md);background:var(--paper) var(--grain);opacity:.72;border:2px solid #17191d59;align-items:center;gap:12px;padding:10px 14px;transition:opacity .2s,border-color .2s,box-shadow .2s;display:flex;box-shadow:2px 2px #17191d4d}.team-score.team-coral{--team-color:var(--coral);--team-deep:var(--coral-deep);text-align:right;flex-direction:row-reverse}.team-score.team-coral .score-avatars{flex-direction:row-reverse}.team-score.is-active,.artist-card{border-color:var(--team-color);box-shadow:3px 3px 0 var(--team-color);opacity:1}.team-score .team-pattern{border:2px solid var(--team-deep);background:repeating-linear-gradient(45deg, var(--team-color) 0 5px, transparent 5px 10px);border-radius:9px 9px 9px 3px;flex:none;width:30px;height:30px;transform:rotate(-5deg)}.team-score>div:not(.score-avatars){flex-direction:column;display:flex}.team-score small{font-family:var(--font-display);letter-spacing:.14em;color:var(--team-deep);font-size:9px;font-weight:800}.team-score strong{font-family:var(--font-display);color:var(--ink);font-size:26px;font-weight:800;line-height:1}.score-avatars{flex-wrap:wrap;gap:4px;margin-left:auto;display:flex}.team-score.team-coral .score-avatars{margin-left:0;margin-right:auto}.mini-avatar{border:1.5px solid var(--ink);background:var(--cream);width:26px;height:26px;font-family:var(--font-display);border-radius:50% 46% 52% 48%/48% 52% 46%;place-items:center;font-size:11px;font-weight:800;display:grid;position:relative}.mini-avatar svg{width:14px}.mini-avatar.is-artist{background:var(--sun);box-shadow:1.5px 1.5px 0 var(--ink)}.mini-avatar.is-artist:after{content:"✎";font-size:12px;position:absolute;top:-9px;right:-7px;transform:rotate(14deg)}.practice-score{--team-color:var(--sun);--team-deep:var(--sun-deep)}.practice-score strong{font-size:28px}.artist-card{--team-color:var(--sun);justify-content:flex-start}.artist-card>div{flex-direction:column;min-width:0;display:flex}.artist-card small{font-family:var(--font-display);letter-spacing:.14em;color:var(--sun-deep);font-size:9px;font-weight:800}.artist-card strong{font-family:var(--font-hand);text-overflow:ellipsis;white-space:nowrap;font-size:21px;font-weight:700;line-height:1.05;overflow:hidden}.artist-card>div>span{color:var(--pencil);font-size:11px}.artist-card>svg{width:22px;color:var(--sun-deep);margin-left:auto;transform:rotate(-12deg)}.free-for-all-scorebar{grid-template-columns:minmax(0,1fr) auto}.free-for-all-scorebar>.free-for-all-leaderboard{grid-column:1/-1}.free-for-all-scorebar>.artist-card{grid-area:2/1}.free-for-all-scorebar>.round-timer{grid-area:2/2}.free-for-all-leaderboard{border:2px solid var(--leaf-deep);border-radius:var(--wonky-md);background:var(--grain), linear-gradient(150deg, var(--leaf-wash), var(--paper) 68%);box-shadow:3px 3px 0 var(--leaf), 0 9px 22px #2b1b081a;flex-direction:column;gap:10px;padding:16px;display:flex}.free-for-all-leaderboard>header{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.free-for-all-leaderboard>header>div{flex-direction:column;display:flex}.free-for-all-leaderboard>header small{color:var(--leaf-deep);font-family:var(--font-display);letter-spacing:.14em;font-size:9px;font-weight:800}.free-for-all-leaderboard>header strong{font-family:var(--font-hand);font-size:23px;line-height:1}.free-for-all-leaderboard>header>span{color:var(--pencil);font-family:var(--font-mono);font-size:11px}.free-for-all-leaderboard ol{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.free-for-all-leaderboard.is-compact ol{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));display:grid}.free-for-all-leaderboard li{border-radius:var(--wonky-sm);background:#fffdf7db;border:1.5px solid #17191d47;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 10px;display:grid}.free-for-all-leaderboard li.is-self{border-color:var(--cobalt);box-shadow:1.5px 1.5px 0 var(--cobalt)}.free-for-all-leaderboard li.is-artist{background:var(--sun-wash)}.leaderboard-place{min-width:26px;color:var(--leaf-deep);font-family:var(--font-mono);font-size:12px;font-weight:800}.leaderboard-name{flex-direction:column;min-width:0;display:flex}.leaderboard-name>strong{font-family:var(--font-hand);text-overflow:ellipsis;white-space:nowrap;font-size:18px;line-height:1;overflow:hidden}.leaderboard-name>small{color:var(--pencil);align-items:center;gap:4px;font-size:9.5px;display:flex}.leaderboard-name>small svg{width:10px;color:var(--sun-deep)}.leaderboard-score{font-family:var(--font-display);font-size:20px}.leaderboard-score small{color:var(--pencil);font-size:9px}.leaderboard-stats{border-top:1.5px dashed #17191d33;grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:2px 0 0;padding-top:8px;display:grid}.leaderboard-stats div{flex-direction:column;display:flex}.leaderboard-stats dt{color:var(--pencil);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:800}.leaderboard-stats dd{font-family:var(--font-mono);margin:0;font-size:12px;font-weight:700}.round-timer{border:2px solid var(--ink);border-radius:var(--wonky-md);background:var(--paper) var(--grain);min-width:240px;box-shadow:var(--sticker-shadow-sm);align-items:center;gap:12px;padding:8px 16px 8px 10px;display:flex}.timer-dial{flex:none;width:62px;height:62px;position:relative}.timer-dial svg{width:100%;height:100%;transform:rotate(-90deg)}.dial-ticks{fill:none;stroke:#17191d47;stroke-width:3px;stroke-dasharray:.16 .84}.dial-track{fill:none;stroke:var(--cream-deep);stroke-width:7px}.dial-fill{fill:none;stroke:var(--sun);stroke-width:7px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--timer-progress,0));transition:stroke-dashoffset .3s linear,stroke .3s}.dial-knob{background:var(--ink);border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.timer-readout{flex-direction:column;min-width:0;display:flex}.timer-readout small{font-family:var(--font-display);letter-spacing:.13em;color:var(--pencil);font-size:9px;font-weight:800}.timer-readout strong{font-family:var(--font-mono);color:var(--ink);font-size:26px;font-weight:700;line-height:1.05}.timer-readout span{color:var(--pencil);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.round-timer.is-urgent{border-color:var(--coral);box-shadow:3px 3px 0 var(--coral)}.round-timer.is-urgent .dial-fill{stroke:var(--coral)}.round-timer.is-urgent .timer-readout strong{color:var(--coral-deep);animation:.7s ease-in-out infinite alternate timer-pulse}@keyframes timer-pulse{to{opacity:.55}}.role-banner{background:var(--grain), linear-gradient(178deg, #ffefa2, #ffe783 72%, #f7d95e);border:1.5px solid #976e096b;border-radius:3px 3px 16px;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:13px;margin-bottom:12px;padding:12px 18px;display:grid;position:relative;transform:rotate(-.4deg);box-shadow:0 8px 18px #543c0029,0 2px 4px #543c001f}.role-banner:after{content:"";background:linear-gradient(315deg,#0000 46%,#6e50002e 50%,#fdf3bd 54%,#fff9d9 72%,#0000 76%);border-radius:16px 0 0;width:22px;height:22px;position:absolute;bottom:0;right:0}.role-icon{border:2px solid var(--ink);color:#fff;background:var(--cobalt);width:44px;height:44px;box-shadow:var(--sticker-shadow-sm);border-radius:12px 12px 12px 3px;place-items:center;display:grid;transform:rotate(-4deg)}.role-banner.team-coral .role-icon{background:var(--coral)}.role-banner.mode-free-for-all .role-icon{background:var(--leaf)}.role-icon svg{width:23px}.role-banner small{font-family:var(--font-display);letter-spacing:.13em;color:#7c5c06;font-size:9.5px;font-weight:800;display:block}.role-banner strong{font-family:var(--font-hand);color:var(--ink);margin-top:1px;font-size:21px;font-weight:700;line-height:1.15;display:block}.role-banner>div>span{color:#8a6a10;margin-top:2px;font-size:11.5px;display:block}.agent-ready-pill{border:2px solid var(--cobalt);background:var(--cobalt-wash);color:var(--cobalt-deep);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;gap:7px;padding:5px 12px;font-size:10.5px;font-weight:800;display:inline-flex;transform:rotate(1.5deg)}.game-layout{grid-template-columns:minmax(0,1fr) minmax(270px,320px);align-items:start;gap:18px;display:grid}.play-column{min-width:0}.game-sidebar{flex-direction:column;gap:14px;display:flex;position:sticky;top:74px}.canvas-shell{border:2px solid var(--ink);border-radius:var(--wonky-md);box-shadow:var(--sticker-shadow), 0 16px 34px #2b1b0838;background:linear-gradient(#a97a45,#96683a);position:relative;overflow:hidden}.canvas-toolbar{background:repeating-linear-gradient(90deg,#2e180614 0 2px,#0000 2px 90px),linear-gradient(#8a5f30,#7c5228);border-bottom:2px solid #28140073;flex-wrap:wrap;align-items:center;gap:8px;min-height:54px;padding:8px 12px;display:flex}.tool-cluster,.palette{gap:5px;display:flex}.canvas-toolbar .icon-button{width:36px;height:36px}.canvas-toolbar .icon-button svg{width:18px}.toolbar-separator{background:#1e0e0059;border-radius:2px;width:2px;height:26px;margin:0 3px}.swatch{background:linear-gradient(#ffffff47, transparent 40%), linear-gradient(var(--swatch), var(--swatch));cursor:pointer;border:2px solid #140a008c;border-radius:50% 50% 5px 5px/62% 62% 5px 5px;width:24px;height:32px;padding:0;transition:transform .12s;position:relative}.swatch:after{content:"";background:#00000038;height:5px;position:absolute;bottom:4px;left:-2px;right:-2px}.swatch:hover:not(:disabled){transform:translateY(-3px)}.swatch.is-active{transform:translateY(-5px);box-shadow:0 4px #140a0066}.swatch:disabled{opacity:.45;cursor:not-allowed}.width-control{margin-left:2px}.width-control select{border:2px solid var(--ink);border-radius:var(--wonky-sm);background:var(--paper);height:34px;font-family:var(--font-display);box-shadow:var(--sticker-shadow-sm);padding:0 8px;font-size:12px;font-weight:700}.width-control select:disabled{opacity:.5}.undo-button{margin-left:auto}.canvas-version{color:#ffeeca;font-family:var(--font-mono);border:1.5px solid #fff5dc66;border-radius:999px;padding:3px 9px;font-size:10.5px}.paper-frame{padding:12px;position:relative}.drawing-canvas{aspect-ratio:10/7;background:var(--paper);touch-action:none;-webkit-user-select:none;user-select:none;border:1.5px solid #17191d80;border-radius:12px;width:100%;height:auto;box-shadow:0 3px 12px #1e0f0047,inset 0 1px #fffc}.paper-frame.can-draw .drawing-canvas{cursor:crosshair}.origin-webmcp.ink-mark.is-revealing{stroke-dasharray:1;animation:.34s linear both ink-arrive}.origin-human-ui.ink-mark{animation:none}.draft-mark{opacity:.58}@keyframes ink-arrive{0%{opacity:.2;stroke-dashoffset:1px}to{opacity:1;stroke-dashoffset:0}}.live-agent-pencil{z-index:2;border:2px solid var(--ink);color:#fff;background:var(--cobalt);pointer-events:none;border-radius:9px 9px 9px 2px;place-items:center;width:28px;height:28px;animation:.34s linear both pencil-trace,.12s ease-in-out infinite alternate pencil-write;display:grid;position:absolute;transform:translate(-5px,-24px)rotate(-25deg);box-shadow:2px 3px #17191d66}.live-agent-pencil svg{width:15px}@keyframes pencil-trace{0%{left:var(--pencil-start-left);top:var(--pencil-start-top)}to{left:var(--pencil-end-left);top:var(--pencil-end-top)}}@keyframes pencil-write{to{transform:translate(-3px,-26px)rotate(-19deg)}}.empty-canvas-note{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;inset:12px}.pencil-scribble{font-size:34px;animation:2.4s ease-in-out infinite float}.empty-canvas-note strong{font-family:var(--font-hand);color:var(--pencil);font-size:24px;font-weight:700}.empty-canvas-note small{color:#a39b8a;font-size:12px}.ink-saving{border:1.5px solid var(--ink);background:var(--sun);font-family:var(--font-hand);border-radius:999px;padding:4px 12px;font-size:15px;font-weight:600;position:absolute;bottom:24px;right:24px;transform:rotate(-2deg)}.guess-composer{border:2px solid var(--ink);box-shadow:var(--sticker-shadow-sm), 0 10px 22px #2b1b081a;background:#fff;border-radius:18px 18px 18px 4px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:16px;padding:9px 12px;display:grid;position:relative}.guess-composer:before{content:"";border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);background:#fff;width:14px;height:14px;position:absolute;bottom:-12px;left:30px;transform:rotate(58deg)skew(-16deg)}.guess-pencil{border:2px solid var(--ink);color:#fff;background:var(--cobalt);border-radius:11px 11px 11px 3px;place-items:center;width:38px;height:38px;display:grid;transform:rotate(-5deg)}.guess-pencil svg{width:19px}.guess-composer input{width:100%;height:40px;color:var(--ink);font-family:var(--font-hand);background:0 0;border:0;font-size:21px;font-weight:600}.guess-composer input:focus{outline:0}.guess-composer input::placeholder{color:#b3ab99}.guess-composer .primary-button{text-transform:uppercase;letter-spacing:.08em;font-size:13px}.guess-locked-note{border-radius:var(--wonky-sm);color:#5b4a1c;background:var(--sun-wash);border:2px dashed #c590188c;align-items:center;gap:11px;margin-top:16px;padding:12px 14px;display:flex}.guess-locked-note>.pulse-dot{background:#c59018}.guess-locked-note div{flex-direction:column;gap:2px;display:flex}.guess-locked-note strong{font-family:var(--font-display);font-size:12.5px}.guess-locked-note span{color:#786a45;font-size:11.5px}.guess-locked-note code{background:#c5901826;border-radius:4px;padding:0 4px}.game-layout .agent-guess-note{margin-top:16px}.guess-feed{flex-direction:column;min-height:0;display:flex}.guess-feed>header{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:flex-end;gap:8px;padding-bottom:6px;display:flex}.guess-feed h3{font-size:18px}.guess-feed header .eyebrow{font-size:9.5px}.guess-feed header>span{border:1.5px solid var(--ink);background:var(--sun);min-width:24px;height:24px;font-family:var(--font-display);border-radius:999px;place-items:center;padding:0 7px;font-size:11px;font-weight:800;display:grid}.guess-list{scroll-behavior:smooth;min-height:140px;max-height:min(50vh,460px);padding:4px 2px 8px;overflow:auto}.guess-list:focus-visible{outline-offset:-3px;outline:3px solid #3157d54d}.guess-list article,.round-guess-list article{border-bottom:1.5px dashed #17191d29;grid-template-columns:28px minmax(0,1fr) auto;align-items:start;gap:9px;padding:9px 6px;display:grid;position:relative}.guess-list article>div,.round-guess-list article>div{min-width:0}.guess-list article strong,.round-guess-list article strong{font-family:var(--font-display);color:var(--pencil);align-items:baseline;gap:6px;font-size:11px;font-weight:700;display:flex}.guess-list article strong small,.round-guess-list article strong small{font-family:var(--font-body);color:#a39b8a;font-size:9.5px;font-weight:400}.guess-list article p,.round-guess-list article p{font-family:var(--font-hand);color:var(--graphite);overflow-wrap:anywhere;margin-top:1px;font-size:19px;font-weight:600;line-height:1.15}.guess-list article.is-correct,.round-guess-list article.is-correct{border:2.5px solid var(--margin-red);background:#d9564a0d;border-radius:14px 16px 15px 17px/16px 14px 17px 15px;margin:4px 0}.correct-guess-label{border:2px solid var(--margin-red);color:var(--margin-red);font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;border-radius:6px 8px 7px 9px/8px 6px 9px 7px;align-items:center;gap:4px;padding:2px 8px;font-size:9.5px;font-weight:800;display:inline-flex;transform:rotate(-3deg)}.correct-guess-label svg{width:11px}.empty-guesses{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:26px 10px;display:flex}.empty-guesses span{width:40px;height:40px;font-family:var(--font-hand);color:var(--pencil);border:2px dashed #17191d4d;border-radius:50%;place-items:center;font-size:24px;font-weight:700;display:grid}.empty-guesses p{font-family:var(--font-hand);color:var(--pencil);font-size:18px;font-weight:600}.live-guess-banner{z-index:95;border:2px solid var(--ink);border-radius:var(--wonky-md);width:min(520px,100vw - 28px);color:var(--ink);background:var(--paper) var(--grain);grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 15px;animation:.26s cubic-bezier(.2,.9,.25,1.2) both live-guess-in;display:grid;position:fixed;top:84px;left:50%;transform:translate(-50%)rotate(-.8deg);box-shadow:4px 5px #17191dd9,0 18px 45px #19151040}.live-guess-banner.is-agent{border-color:var(--cobalt);box-shadow:4px 5px 0 var(--cobalt), 0 18px 45px #19151040}.live-guess-banner.is-correct{border-color:var(--leaf);box-shadow:4px 5px 0 var(--leaf), 0 18px 45px #19151040;background:#f0fdf5}.live-guess-avatar{border:2px solid var(--ink);color:#fff;background:var(--coral);width:42px;height:42px;font-family:var(--font-display);border-radius:50% 46% 52% 48%/48% 52% 46%;place-items:center;font-size:15px;font-weight:800;display:grid}.is-agent .live-guess-avatar{background:var(--cobalt);border-radius:11px 11px 11px 3px}.live-guess-avatar svg{width:21px}.live-guess-banner small{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--pencil);font-size:10px;font-weight:800}.live-guess-banner strong{font-family:var(--font-hand);text-overflow:ellipsis;white-space:nowrap;font-size:23px;font-weight:700;line-height:1.1;display:block;overflow:hidden}.live-guess-correct{border:2.5px solid var(--leaf);color:var(--leaf-deep);font-family:var(--font-display);text-transform:uppercase;border-radius:7px 9px 8px 10px/9px 7px 10px 8px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex;transform:rotate(3deg)}.live-guess-correct svg{width:13px}@keyframes live-guess-in{0%{opacity:0;transform:translate(-50%)translateY(-14px)rotate(1.5deg)scale(.96)}}.private-prompt-page{grid-template-columns:minmax(0,1.1fr) minmax(290px,.9fr);align-items:start;gap:clamp(18px,3vw,34px);padding-top:14px;display:grid}.private-prompt-card{border:2px solid var(--ink);border-radius:var(--wonky-lg);text-align:center;background:linear-gradient(#78560a17, #78560a17) 0 33% / 100% 1.5px no-repeat, linear-gradient(#78560a17, #78560a17) 0 66% / 100% 1.5px no-repeat, var(--grain), linear-gradient(176deg, #fff7d8, #ffedaa 78%, #fbe38c);box-shadow:var(--sticker-shadow), var(--lift-shadow);flex-direction:column;align-items:center;gap:14px;padding:clamp(30px,4.5vw,54px) clamp(20px,3.5vw,46px);display:flex;position:relative;transform:rotate(-.5deg)}.private-prompt-icon{border:2px solid var(--ink);width:52px;height:52px;color:var(--ink);background:var(--sun);box-shadow:var(--sticker-shadow-sm);border-radius:14px 14px 14px 4px;place-items:center;display:grid;transform:rotate(-6deg)}.private-prompt-icon svg{width:26px}.private-prompt-card .eyebrow{color:var(--sun-deep)}.private-prompt-card h1{font-family:var(--font-hand);color:var(--ink);font-size:clamp(46px,7vw,76px);font-weight:700;line-height:1}.private-prompt-card>p{color:#6b5310;max-width:460px;font-size:14.5px}.private-prompt-warning{border-radius:var(--wonky-sm);color:var(--coral-deep);background:#ef654f17;border:2px dashed #b03e2d8c;align-items:center;gap:9px;padding:10px 14px;font-size:12.5px;display:flex}.private-prompt-warning code{background:#b03e2d1f;border-radius:4px;padding:0 4px}@media (width<=1080px){.game-layout{grid-template-columns:1fr}.game-sidebar{position:static}.private-prompt-page{grid-template-columns:1fr}}@media (width<=860px){.game-scorebar{grid-template-columns:1fr 1fr}.round-timer{order:-1;grid-column:1/-1;min-width:0}.free-for-all-scorebar>.free-for-all-leaderboard,.free-for-all-scorebar>.round-timer,.free-for-all-scorebar>.artist-card{grid-area:auto/1/auto/-1}}@media (width<=640px){.canvas-toolbar{gap:6px;padding:7px 9px}.canvas-version{display:none}.paper-frame{padding:8px}.game-scorebar{grid-template-columns:1fr}.free-for-all-leaderboard.is-compact ol{scroll-snap-type:x proximity;flex-direction:row;padding-bottom:4px;display:flex;overflow-x:auto}.free-for-all-leaderboard.is-compact li{scroll-snap-align:start;min-width:220px}.team-score.team-coral{text-align:left;flex-direction:row}.team-score.team-coral .score-avatars{flex-direction:row;margin-left:auto;margin-right:0}.live-guess-banner{top:70px}.role-banner{grid-template-columns:40px minmax(0,1fr)}.agent-ready-pill{display:none}}.round-end-layout{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);grid-template-areas:"result sketch""transcript lens";align-items:start;gap:clamp(14px,2.4vw,26px);display:grid}.round-result-card{border:2px solid var(--ink);border-radius:var(--wonky-lg);background:var(--paper) var(--grain);box-shadow:var(--sticker-shadow), var(--lift-shadow);flex-direction:column;grid-area:result;gap:14px;padding:clamp(20px,3vw,32px);display:flex}.round-result-card h1{font-size:clamp(28px,3.6vw,40px)}.revealed-answer-label{font-family:var(--font-display);letter-spacing:.13em;text-transform:uppercase;color:var(--pencil);margin-bottom:-10px;font-size:11px;font-weight:700}.revealed-answer{font-family:var(--font-hand);color:var(--ink);align-self:flex-start;padding:10px 26px 12px;font-size:clamp(38px,5vw,56px);font-weight:700;line-height:1;position:relative}.answer-circle{fill:none;width:calc(100% + 20px);height:calc(100% + 8px);stroke:var(--margin-red);stroke-width:4.5px;stroke-linecap:round;opacity:.9;position:absolute;inset:-4px -10px}.revealed-answer.is-missed .answer-circle{stroke:var(--pencil);stroke-dasharray:10 8;opacity:.6}.round-stat-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.round-stat-row.is-free-for-all{grid-template-columns:repeat(auto-fit,minmax(108px,1fr))}.round-stat-row>div{border-radius:var(--wonky-sm);background:#fffdf7b3;border:1.5px dashed #17191d4d;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.round-stat-row small{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--pencil);font-size:9px;font-weight:800}.round-stat-row strong{font-family:var(--font-display);font-size:21px;font-weight:800}.result-transition{border-left:4px solid var(--sun);background:var(--sun-wash);border-radius:0 12px 12px 0;align-items:center;gap:13px;padding:12px 14px;display:flex}.result-countdown{border:2px solid var(--ink);border-radius:var(--wonky-sm);background:var(--paper);min-width:66px;font-family:var(--font-mono);box-shadow:var(--sticker-shadow-sm);place-items:center;padding:8px 6px;font-size:17px;font-weight:700;display:grid;transform:rotate(-2deg)}.result-transition div{flex-direction:column;gap:2px;display:flex}.result-transition strong{font-family:var(--font-display);font-size:13.5px}.result-transition small{color:var(--sun-deep);font-size:11.5px}.next-page-button{align-self:flex-start}.sketch-review-card{background:#fffefb;border:1.5px solid #17191d80;border-radius:4px;flex-direction:column;grid-area:sketch;gap:10px;padding:18px 18px 14px;display:flex;position:relative;transform:rotate(.7deg);box-shadow:0 10px 26px #2b1b082e,0 3px 7px #2b1b081a}.sketch-review-card header{flex-direction:column;gap:2px;display:flex}.sketch-review-card h2{font-family:var(--font-hand);font-size:24px;font-weight:700}.finished-drawing{background:var(--paper);border:1.5px solid #17191d59;border-radius:8px;width:100%;height:auto}.sketch-review-note{font-family:var(--font-display);color:var(--pencil);align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.sketch-review-note svg{width:15px}.sketch-review-note span{font-family:var(--font-mono);margin-left:auto;font-size:11.5px;font-weight:400}.round-guess-history{border-radius:var(--wonky-md);background:#fffdf799;border:2px dashed #17191d59;flex-direction:column;grid-area:transcript;gap:6px;padding:16px 18px;display:flex}.round-guess-history header{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:flex-end;padding-bottom:6px;display:flex}.round-guess-history h2{font-size:18px}.round-guess-history header>span{border:1.5px solid var(--ink);background:var(--sun);min-width:24px;height:24px;font-family:var(--font-display);border-radius:999px;place-items:center;padding:0 7px;font-size:11px;font-weight:800;display:grid}.round-guess-list{max-height:300px;overflow:auto}.no-round-guesses{font-family:var(--font-hand);color:var(--pencil);padding:16px 4px;font-size:18px;font-weight:600}.round-lens{grid-area:lens;min-width:0}@media (width<=1040px){.round-end-layout{grid-template-columns:1fr;grid-template-areas:"result""sketch""transcript""lens"}.round-stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.match-end-page{flex-direction:column;gap:clamp(18px,3vw,30px);display:flex}.winner-banner{border:2px solid var(--ink);border-radius:var(--wonky-lg);background:var(--grain), linear-gradient(120deg, var(--sun-wash), #fffdf7 55%, var(--sun-wash));box-shadow:var(--sticker-shadow), var(--lift-shadow);align-items:center;gap:clamp(16px,3vw,34px);padding:clamp(20px,3vw,34px);display:flex;position:relative}.winner-banner.winner-cobalt{background:var(--grain), linear-gradient(120deg, var(--cobalt-wash), #fffdf7 60%)}.winner-banner.winner-coral{background:var(--grain), linear-gradient(120deg, var(--coral-wash), #fffdf7 60%)}.winner-banner.winner-free-for-all{background:var(--grain), linear-gradient(120deg, var(--leaf-wash), #fffdf7 60%)}.winner-banner.winner-free-for-all .winner-rosette{background:radial-gradient(circle at 50% 42%, #69c594, var(--leaf) 62%, var(--leaf-deep));box-shadow:var(--sticker-shadow), inset 0 0 0 7px #ffffff59, inset 0 0 0 9px #115a3661}.winner-banner.winner-free-for-all .winner-rosette:before,.winner-banner.winner-free-for-all .winner-rosette:after{background:var(--leaf-deep)}.winner-banner.winner-free-for-all .winner-rosette strong{letter-spacing:.03em;font-size:13px}.winner-banner-copy{flex-direction:column;gap:8px;min-width:0;display:flex}.winner-banner h1{font-size:clamp(26px,4vw,44px)}.winner-banner p{max-width:560px;color:var(--pencil)}.winner-rosette{color:#fff;background:radial-gradient(circle at 50% 42%, #ff8b74, var(--coral) 62%, #d24c36);border:3px solid var(--ink);width:108px;height:108px;box-shadow:var(--sticker-shadow), inset 0 0 0 7px #ffffff59, inset 0 0 0 9px #96281466;text-align:center;border-radius:50%;flex-direction:column;flex:none;justify-content:center;align-items:center;display:flex;position:relative;transform:rotate(-7deg)}.winner-rosette:before,.winner-rosette:after{content:"";background:var(--coral-deep);border:2px solid var(--ink);clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%);z-index:-1;width:18px;height:38px;position:absolute;bottom:-26px}.winner-rosette:before{left:26px;transform:rotate(14deg)}.winner-rosette:after{right:26px;transform:rotate(-14deg)}.winner-rosette b{font-family:var(--font-display);letter-spacing:.12em;font-size:11px;font-weight:800}.winner-rosette strong{font-family:var(--font-display);text-shadow:0 2px #781e0a80;font-size:22px;font-weight:800;line-height:1}.final-score{font-family:var(--font-display);align-items:center;gap:12px;margin-left:auto;font-weight:800;display:flex}.final-score span{border:2px solid var(--ink);border-radius:var(--wonky-md);color:#fff;min-width:72px;box-shadow:var(--sticker-shadow);place-items:center;padding:10px 16px;font-size:34px;display:grid}.final-score .cobalt{background:var(--cobalt);transform:rotate(-3deg)}.final-score .coral{background:var(--coral);transform:rotate(3deg)}.final-score small{color:var(--pencil);font-size:22px}.practice-complete{color:var(--ink);align-items:center;gap:12px;margin-left:auto;display:flex}.practice-complete svg{border:2px solid var(--ink);background:var(--paper);width:34px;box-shadow:var(--sticker-shadow-sm);border-radius:13px;padding:9px}.practice-complete svg:first-child{color:var(--coral);transform:rotate(-5deg)}.practice-complete svg:last-child{color:var(--cobalt);transform:rotate(5deg)}.practice-complete span{font-family:var(--font-hand);color:var(--sun-deep);font-size:30px;font-weight:700}.free-for-all-winner-score{border:2px solid var(--ink);border-radius:var(--wonky-md);background:var(--leaf);color:#fff;min-width:126px;box-shadow:var(--sticker-shadow);flex-direction:column;align-items:center;margin-left:auto;padding:13px 18px;display:flex;transform:rotate(2deg)}.free-for-all-winner-score small{font-family:var(--font-display);letter-spacing:.12em;font-size:8px;font-weight:800}.free-for-all-winner-score strong{font-family:var(--font-display);font-size:38px;line-height:1}.free-for-all-winner-score span{font-family:var(--font-hand);font-size:16px;font-weight:700}.end-content{grid-template-columns:minmax(0,1fr) minmax(280px,330px);align-items:start;gap:clamp(14px,2.4vw,26px);display:grid}.end-content>aside{flex-direction:column;gap:12px;display:flex}@media (width<=1040px){.end-content{grid-template-columns:1fr}.winner-banner{flex-wrap:wrap}}@media (width<=640px){.leaderboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.free-for-all-winner-score{margin-left:0}}.replay-panel{flex-direction:column;gap:16px;min-width:0;display:flex}.replay-status-panel{border-radius:var(--wonky-lg);background:#fffdf7b3;border:2px dashed #17191d66;flex-direction:row;align-items:center;gap:16px;padding:26px}.replay-status-panel h2{font-size:21px}.replay-status-panel p{color:var(--pencil);font-size:13.5px}.replay-status-panel .button-spinner{width:26px;height:26px;color:var(--cobalt)}.replay-error-mark{border:2.5px solid var(--margin-red);width:44px;height:44px;color:var(--margin-red);font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;font-size:24px;font-weight:800;display:grid}.replay-heading{flex-flow:wrap;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:0;display:flex}.replay-heading-copy{flex-direction:column;gap:4px;display:flex}.replay-actions{align-items:center;gap:10px;display:flex}.replay-round-picker{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--pencil);align-items:center;gap:7px;font-size:11px;font-weight:800;display:inline-flex}.replay-round-picker select{border:2px solid var(--ink);border-radius:var(--wonky-sm);background:var(--paper);height:38px;font-family:var(--font-display);box-shadow:var(--sticker-shadow-sm);padding:0 10px;font-size:13px;font-weight:700}.replay-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);grid-template-areas:"canvas scorecard""history history";align-items:start;gap:clamp(14px,2vw,22px);display:grid}.replay-canvas-column{flex-direction:column;grid-area:canvas;gap:10px;min-width:0;display:flex}.replay-canvas-wrap{background:#fffefb;border:1.5px solid #17191d80;border-radius:4px;padding:14px 14px 12px;position:relative;transform:rotate(-.6deg);box-shadow:0 12px 28px #2b1b0833,0 3px 8px #2b1b081f}.replay-tape{background:var(--tape);border-left:1px dashed #8a641040;border-right:1px dashed #8a641040;width:104px;height:24px;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(-2.5deg);box-shadow:0 2px 4px #3c280824}.replay-canvas{background:var(--paper);border:1.5px solid #17191d59;border-radius:8px;width:100%;height:auto}.replay-scrubber{align-items:center;gap:10px;padding-top:10px;display:flex}.replay-scrubber input{height:26px;accent-color:var(--cobalt);flex:1}.replay-scrubber span{font-family:var(--font-mono);color:var(--pencil);flex:none;font-size:11.5px}.replay-origin-key{flex-wrap:wrap;gap:10px;display:flex}.provenance-chip{border:2px solid var(--ink);background:var(--paper);font-family:var(--font-display);border-radius:999px;align-items:center;gap:7px;padding:5px 12px;font-size:11px;font-weight:700;display:inline-flex}.provenance-chip svg{width:14px}.provenance-chip strong{font-family:var(--font-mono);font-size:11px}.provenance-chip.is-agent{border-color:var(--cobalt);color:var(--cobalt-deep);background:var(--cobalt-wash)}.provenance-chip.is-human{border-color:var(--coral);color:var(--coral-deep);background:var(--coral-wash)}.provenance-chip.is-human>span{border:1.5px solid;border-radius:50%;place-items:center;width:16px;height:16px;font-size:9px;font-weight:800;display:grid}.replay-scorecard{border:2px solid var(--ink);border-radius:var(--wonky-md);background:var(--paper) var(--grain);box-shadow:var(--sticker-shadow-sm), 0 10px 22px #2b1b081a;flex-direction:column;grid-area:scorecard;gap:12px;padding:16px;display:flex}.replay-scorecard>header{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.replay-scorecard>header span{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--pencil);font-size:11px;font-weight:800}.replay-scorecard>header strong{font-family:var(--font-mono);font-size:16px}.analytics-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.stat-card{border-radius:var(--wonky-sm);background:#fffdf7b3;border:1.5px dashed #17191d4d;flex-direction:column;gap:2px;padding:9px 11px;display:flex}.stat-card small{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--pencil);font-size:8.5px;font-weight:800}.stat-card strong{font-family:var(--font-display);overflow-wrap:anywhere;font-size:17px;font-weight:800}.stat-card span{color:var(--pencil);font-size:10px}.stat-card.is-accent{border:2px solid var(--margin-red);border-radius:var(--wonky-md);background:#d9564a0f;grid-column:1/-1}.stat-card.is-accent strong{font-family:var(--font-hand);font-size:26px}.stat-card.is-agent{background:var(--cobalt-wash);border-color:#3157d573}.stat-card.is-human{background:var(--coral-wash);border-color:#ef654f73}.replay-scorecard-note{color:var(--pencil);font-size:10.5px}.replay-guess-history{border-radius:var(--wonky-md);background:#fffdf799;border:2px dashed #17191d59;flex-direction:column;grid-area:history;gap:8px;padding:16px 18px;display:flex}.replay-guess-history>header{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:flex-end;padding-bottom:6px;display:flex}.replay-guess-history h3{font-size:17px}.replay-guess-history header>span{border:1.5px solid var(--ink);background:var(--sun);min-width:24px;height:24px;font-family:var(--font-display);border-radius:999px;place-items:center;padding:0 7px;font-size:11px;font-weight:800;display:grid}.replay-guess-list{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;max-height:320px;padding:2px;display:grid;overflow:auto}.replay-guess-list article{border-radius:var(--wonky-sm);background:var(--paper);border:1.5px solid #17191d59;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:9px;padding:9px 10px;display:grid;position:relative;box-shadow:1.5px 2px #17191d40}.replay-guess-list article.is-correct{border:2.5px solid var(--margin-red);background:#d9564a0d}.replay-guess-avatar{border:1.5px solid var(--ink);color:#fff;background:var(--coral);width:26px;height:26px;font-family:var(--font-display);border-radius:50% 46% 52% 48%/48% 52% 46%;place-items:center;font-size:11px;font-weight:800;display:grid}.replay-guess-avatar.agent{background:var(--cobalt);border-radius:8px 8px 8px 2px}.replay-guess-avatar svg{width:13px}.replay-guess-list strong{font-family:var(--font-display);font-size:11.5px}.guess-provenance{color:var(--pencil);font-size:9.5px;display:block}.replay-guess-list p{font-family:var(--font-hand);overflow-wrap:anywhere;margin-top:2px;font-size:18px;font-weight:600;line-height:1.1}.replay-correct{border:2px solid var(--margin-red);color:var(--margin-red);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;border-radius:6px 8px 7px 9px/8px 6px 9px 7px;align-items:center;gap:3px;padding:1px 7px;font-size:8.5px;font-weight:800;display:inline-flex;position:absolute;top:8px;right:8px;transform:rotate(4deg)}.replay-correct svg{width:10px}.replay-no-guesses{font-family:var(--font-hand);color:var(--pencil);padding:12px 4px;font-size:17px;font-weight:600}@media (width<=900px){.replay-grid{grid-template-columns:1fr;grid-template-areas:"canvas""scorecard""history"}}.lens{border:2px solid var(--ink);background:var(--grain), linear-gradient(168deg, var(--kraft), #b3874e 70%, #a97c44);box-shadow:var(--sticker-shadow-sm), 0 12px 26px #2b1b0829;border-radius:14px 14px 12px 12px;flex-direction:column;padding:12px 12px 14px;display:flex;position:relative}.lens-clip{z-index:1;pointer-events:none;background:linear-gradient(#e2e6ec,#aab2be 55%,#8e97a5);border:2px solid #140e04bf;border-radius:9px 9px 4px 4px;width:92px;height:22px;position:absolute;top:-13px;left:50%;transform:translate(-50%);box-shadow:0 2px 5px #140a0059,inset 0 1px #ffffffb3}.lens-clip:after{content:"";background:#cfd5dd;border:2px solid #140e0499;border-radius:6px;width:28px;height:9px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.lens-heading{text-align:left;color:#2e1f08;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 6px 8px 4px;display:grid}.lens-orb{border:2px solid var(--ink);color:#fff;background:var(--ink);border-radius:10px 10px 10px 3px;place-items:center;width:32px;height:32px;display:grid;transform:rotate(-4deg)}.lens-orb svg{width:17px}.lens-heading strong{font-family:var(--font-display);font-size:14.5px;font-weight:800;display:block}.lens-heading small{color:#5c4318;font-size:10.5px;display:block}.lens-chevron{color:#5c4318;width:16px;transition:transform .18s}.lens.is-closed .lens-chevron{transform:rotate(-90deg)}.lens-ticker{font-family:var(--font-mono);background:repeating-linear-gradient(#17191d06 0 1px,#0000 1px 5px),#fffef8;border:1.5px solid #17191d66;border-top-style:dashed;border-radius:3px;grid-template-columns:20px auto minmax(0,1fr) auto;align-items:center;gap:7px;margin-top:2px;padding:7px 9px;font-size:10.5px;display:grid}.ticker-state{border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.ticker-state svg{width:11px}.ticker-state.ok{color:var(--leaf-deep);background:var(--leaf-wash)}.ticker-state.error{color:var(--coral-deep);background:var(--coral-wash)}.ticker-state.running{color:var(--cobalt-deep)}.lens-ticker code{color:var(--ink);font-weight:700}.ticker-summary{color:var(--pencil);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lens-ticker time{color:var(--pencil)}.lens-body{background:var(--grain), linear-gradient(#fffef8, #fbf6e8);border:1.5px solid #17191d73;border-radius:4px;flex-direction:column;gap:10px;padding:12px;display:flex;box-shadow:0 2px 6px #2814002e}.lens-notice{border-radius:var(--wonky-sm);background:var(--cobalt-wash);color:var(--cobalt-deep);border:1.5px dashed #3157d573;align-items:flex-start;gap:9px;padding:10px 11px;font-size:12px;display:flex}.lens-notice svg{flex:none;width:16px;margin-top:1px}.lens-status{font-family:var(--font-display);color:var(--leaf-deep);align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.proof-context{border-radius:var(--wonky-sm);background:var(--leaf-wash);border:1.5px solid #3c9a6780;align-items:flex-start;gap:9px;padding:8px 10px;display:flex}.proof-context .pulse-dot{margin-top:5px}.proof-context dl{flex-wrap:wrap;gap:6px 14px;margin:0;display:flex}.proof-context dl>div{align-items:baseline;gap:5px;display:flex}.proof-context dt{font-family:var(--font-display);letter-spacing:.09em;text-transform:uppercase;color:var(--leaf-deep);font-size:8.5px;font-weight:800}.proof-context dd{color:var(--ink);margin:0;font-size:11.5px;font-weight:700}.lens-tabs{border-bottom:2px solid var(--ink);gap:4px;display:flex}.lens-tabs button{background:var(--cream-deep);font-family:var(--font-display);color:var(--pencil);border:2px solid #17191d59;border-bottom:0;border-radius:9px 9px 0 0;padding:6px 12px 5px;font-size:11px;font-weight:700;transform:translateY(2px)}.lens-tabs button[aria-selected=true]{border-color:var(--ink);background:var(--sun);color:var(--ink);transform:translateY(2px)}.tool-list,.trace-list{flex-direction:column;gap:10px;max-height:380px;padding-right:2px;display:flex;overflow:auto}.proof-tool-section{flex-direction:column;gap:6px;display:flex}.proof-section-heading{border-bottom:1.5px dashed #17191d40;justify-content:space-between;align-items:center;gap:8px;padding-bottom:3px;display:flex}.proof-section-heading h3{font-size:12px;font-weight:800}.proof-section-heading span{border:1.5px solid var(--ink);background:var(--sun);min-width:20px;height:20px;font-family:var(--font-display);border-radius:999px;place-items:center;padding:0 6px;font-size:10px;font-weight:800;display:grid}.proof-tool-row{border-radius:var(--wonky-sm);background:#fffdf7d9;border:1.5px solid #17191d47;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:4px 8px;padding:7px 9px;display:grid}.proof-tool-row.is-actionable{background:#e2f3e98c;border-color:#3c9a678c}.proof-tool-copy{flex-direction:column;min-width:0;display:flex}.proof-tool-copy code{color:var(--ink);overflow-wrap:anywhere;font-size:11.5px;font-weight:700}.proof-tool-copy small{color:var(--pencil);font-size:10px}.registered-mark{border:1.5px solid var(--cobalt);width:18px;height:18px;color:var(--cobalt);border-radius:50%;place-items:center;display:grid}.registered-mark svg{width:10px}.authorization-mark{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:2px 8px;font-size:9px;font-weight:800}.authorization-mark.is-granted{border:1.5px solid var(--leaf);color:var(--leaf-deep);background:var(--leaf-wash)}.authorization-mark.is-withheld{color:var(--pencil);border:1.5px dashed #17191d66}.tool-annotations{flex-wrap:wrap;grid-column:1/-1;gap:5px;display:flex}.tool-annotations code{background:var(--cream-deep);color:var(--pencil);border-radius:5px;padding:1px 6px;font-size:9.5px}.tool-annotations span{color:#a39b8a;font-size:9.5px}.authorized-tool-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.authorized-tool-list li{border-radius:var(--wonky-sm);background:var(--leaf-wash);border:1.5px solid #3c9a6780;align-items:center;gap:7px;padding:5px 9px;display:flex}.authorized-tool-list svg{width:12px;color:var(--leaf-deep)}.authorized-tool-list code{font-size:11.5px;font-weight:700}.role-swap-note{border-left:3px solid var(--cobalt);background:var(--cobalt-wash);color:var(--cobalt-deep);border-radius:0 8px 8px 0;align-items:center;gap:8px;padding:8px 10px;font-size:11px;display:flex}.role-swap-note svg{flex:none;width:15px}.lens-empty{font-family:var(--font-hand);color:var(--pencil);padding:8px 4px;font-size:15.5px;font-weight:600}.trace-row{border-radius:var(--wonky-sm);background:#fffdf7d9;border:1.5px solid #17191d38;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:9px;padding:8px 9px;display:grid}.trace-state{width:22px;height:22px;font-family:var(--font-display);border-radius:50%;place-items:center;font-size:8px;font-weight:800;display:grid}.trace-state svg{width:12px}.trace-state.ok{color:var(--leaf-deep);background:var(--leaf-wash);border:1.5px solid #3c9a6780}.trace-state.error{color:var(--coral-deep);background:var(--coral-wash);border:1.5px solid #ef654f80}.trace-state.running{color:var(--cobalt-deep);border:1.5px dashed #3157d580}.trace-state.authorization.granted{color:var(--leaf-deep);background:var(--leaf-wash);border:1.5px solid #3c9a6780}.trace-state.authorization.revoked{color:var(--pencil);background:var(--cream-deep);border:1.5px dashed #17191d59}.trace-state.activity{color:var(--pencil);border:1.5px solid #17191d4d}.trace-state.activity.webmcp{color:var(--cobalt-deep);background:var(--cobalt-wash);border-color:#3157d573}.trace-state.activity svg{width:11px}.trace-title{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.trace-title code,.trace-title strong{color:var(--ink);overflow-wrap:anywhere;font-size:11.5px;font-weight:700}.trace-title time{font-family:var(--font-mono);color:var(--pencil);flex:none;font-size:9.5px}.trace-row p{color:var(--graphite);overflow-wrap:anywhere;margin-top:2px;font-size:11px}.evidence-label{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--pencil);border:1px solid #17191d59;border-radius:4px;margin-right:3px;padding:0 5px;font-size:8.5px;font-weight:800;display:inline-block}.trace-meta{flex-wrap:wrap;gap:4px 6px;margin:4px 0 0;padding:0;list-style:none;display:flex}.trace-meta li{background:var(--cream-deep);font-family:var(--font-mono);color:var(--pencil);border-radius:999px;padding:1px 7px;font-size:9px}