@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&display=swap";:root{color:#27342f;font-synthesis:none;--ink:#27342f;--cream:#f8f6ef;--line:#ddd9cd;--green:#184d40;--accent:#ee7d51;background:#f3f0e8;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:1120px;min-height:100vh;margin:0;overflow:hidden}button,input,select{font:inherit}button{color:inherit}.app-shell{background:#f6f4ed;grid-template-rows:68px 1fr;height:100vh;display:grid}.topbar{border-bottom:1px solid var(--line);background:#fbfaf6;justify-content:space-between;align-items:center;padding:0 22px;display:flex}.brand{letter-spacing:2px;align-items:center;gap:10px;font-size:10px;line-height:1.05;display:flex}.brand b{letter-spacing:2.7px;font-size:12px}.brand-mark{background:var(--green);color:#f4c36a;border-radius:50% 50% 46% 54%;place-items:center;width:34px;height:34px;display:grid;transform:rotate(-5deg)}.brand-mark svg{transform:rotate(5deg)}.top-actions{align-items:center;gap:6px;display:flex}.icon-button{cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;padding:8px;display:grid}.icon-button:hover{background:#eeece5}.profile-button{cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:4px 7px;font-size:13px;font-weight:600;display:flex}.avatar{color:#fff;background:#e7b66a;border-radius:50%;place-items:center;width:31px;height:31px;font-family:Fraunces,serif;display:grid}.workspace{grid-template-columns:324px minmax(520px,1fr) 365px;min-height:0;display:grid}.library-panel,.story-panel{background:#fbfaf6;flex-direction:column;min-height:0;display:flex}.library-panel{border-right:1px solid var(--line);padding:22px 20px 0;overflow:hidden}.story-panel{border-left:1px solid var(--line)}.panel-heading,.story-head{justify-content:space-between;align-items:flex-start;display:flex}.panel-heading h1,.story-head h2{letter-spacing:-.6px;margin:4px 0 15px;font:600 25px/1.1 Fraunces,serif}.eyebrow{letter-spacing:1.7px;color:#848b85;font-size:9px;font-weight:700}.search-box{border:1px solid var(--line);color:#7e8681;background:#fff;border-radius:9px;align-items:center;gap:8px;height:40px;padding:0 10px;display:flex;box-shadow:0 2px 8px #27342f08}.search-box input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:12px}.search-box kbd{background:#f1efe8;border:1px solid #e3dfd4;border-radius:4px;padding:2px 5px;font:9px DM Sans}.category-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:14px 0 12px;padding:0;display:grid}.category-strip button{color:#66706b;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2ded4;border-radius:9px;justify-content:center;align-items:center;gap:5px;min-width:0;height:34px;padding:0 5px;font-size:8px;display:flex;box-shadow:0 2px 5px #26342d06}.category-strip button span{font-size:12px;line-height:1}.category-strip button:hover{background:#f4f7f4;border-color:#b8c8c0}.category-strip button.active{color:var(--green);background:#e7f0eb;border-color:#789f8f;font-weight:700;box-shadow:inset 0 0 0 1px #fff,0 2px 7px #315b4914}.token-count{color:#8a8e89;border-top:1px solid #ebe8df;justify-content:space-between;align-items:center;padding:10px 1px 9px;font-size:9px;display:flex}.token-count span:first-child{text-transform:uppercase;color:#515b56;letter-spacing:.7px;font-weight:700}.creator-button{text-align:left;cursor:pointer;color:#235346;background:linear-gradient(105deg,#eaf2ed,#f4f5ed);border:1px dashed #8fb09f;border-radius:11px;align-items:center;gap:9px;width:100%;min-height:52px;margin:0 0 10px;padding:7px 9px;display:flex}.creator-button:hover{background:#e1eee7;border-style:solid}.creator-button>span{color:#f2c36d;background:#245346;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.creator-button>div{flex-direction:column;flex:1;display:flex}.creator-button b{font:600 11px Fraunces}.creator-button small{color:#708179;margin-top:2px;font-size:7px}.creator-button>svg{color:#427061}.token-grid{scrollbar-width:thin;scrollbar-color:#c8c5bb transparent;flex:1;grid-template-columns:1fr 1fr;grid-auto-rows:119px;align-content:start;gap:8px;min-height:0;padding:1px 5px 13px 1px;display:grid;overflow-y:auto}.token-card{cursor:grab;background:linear-gradient(#fff 0%,#fdfcf8 100%);border:1px solid #e3dfd5;border-radius:12px;flex-direction:column;align-items:center;height:119px;padding:8px 6px 7px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 7px #38483f0a}.token-card:hover{border-color:#bdc8c1;transform:translateY(-2px);box-shadow:0 7px 16px #38483f17}.token-disc{color:#fff;background:radial-gradient(circle at 35% 28%,color-mix(in srgb,var(--token) 70%,white),var(--token));border:4px solid color-mix(in srgb,var(--token) 65%,white);outline:1px solid color-mix(in srgb,var(--token) 75%,#444);text-shadow:0 1px 2px #0004;border-radius:50%;flex-direction:column;flex:none;justify-content:center;align-items:center;width:72px;height:72px;display:flex;box-shadow:inset 0 0 0 2px #ffffff73,0 3px 8px #26342d20}.token-disc i{font:28px/.9 Georgia}.token-disc small{text-transform:uppercase;letter-spacing:1.2px;margin-top:4px;font-size:6px;font-weight:700}.token-title{white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:7px;font:600 11px Fraunces,serif;overflow:hidden}.custom-token-card{background:linear-gradient(#f5faf7,#fff);border-color:#9fb9ad}.custom-label{color:#fff;letter-spacing:.5px;text-transform:uppercase;background:#245346;border-radius:8px;padding:2px 5px;font-size:6px;position:absolute;top:7px;left:7px}.add-badge{opacity:0;background:#f5f2e9;border-radius:50%;place-items:center;width:21px;height:21px;transition:opacity .15s;display:grid;position:absolute;top:8px;right:8px}.token-card:hover .add-badge{opacity:1}.library-hint{border-top:1px solid var(--line);color:#78807b;background:#f2efe7;flex:none;align-items:center;gap:8px;margin:0 -20px;padding:10px 20px;font-size:8px;display:flex}.board-column{background:#e9e5da;grid-template-rows:52px 1fr 74px;min-width:0;display:grid}.board-toolbar{letter-spacing:1.2px;background:#f6f4ed;border-bottom:1px solid #d8d4c8;justify-content:space-between;align-items:center;padding:0 22px;font-size:9px;font-weight:700;display:flex}.live-dot{background:#e57a52;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block;box-shadow:0 0 0 3px #e57a5220}.board-meta{color:#7a817d;letter-spacing:0;align-items:center;gap:10px;font-weight:500;display:flex}.board-wrap{min-height:0;padding:20px 24px}.board{background-color:#eee9dc;background-image:radial-gradient(#c9c4b8 .75px,#0000 .75px),linear-gradient(145deg,#f5f1e7,#e8e2d4);background-size:16px 16px,100% 100%;border:1px solid #cec8ba;border-radius:31px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 45px #8490870c,0 8px 30px #5e625c12}.board:after{content:"";pointer-events:none;border:1px dashed #d8d2c5;border-radius:24px;position:absolute;inset:12px}.board.feedback-added{animation:.75s ease-out boardGlowAdded}.board.feedback-removed{animation:.75s ease-out boardGlowRemoved}.token-feedback{z-index:8;color:#fff;pointer-events:none;border-radius:20px;justify-content:center;align-items:center;gap:7px;min-width:132px;height:34px;padding:0 13px;animation:.72s ease-out both feedbackPop;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%);box-shadow:0 7px 20px #1d352c35}.token-feedback.added{background:#1b5948}.token-feedback.removed{background:#be674d}.token-feedback span{color:#f5c970;font-size:16px}.token-feedback.removed span{color:#ffe1d5;font-size:20px}.token-feedback b{letter-spacing:.4px;font:600 10px DM Sans,sans-serif}@keyframes feedbackPop{0%{opacity:0;transform:translate(-50%,-8px)scale(.88)}20%{opacity:1;transform:translate(-50%)scale(1)}76%{opacity:1}to{opacity:0;transform:translate(-50%,-3px)scale(.98)}}@keyframes boardGlowAdded{0%{box-shadow:inset 0 0 #78cfa800,0 8px 30px #5e625c12}25%{box-shadow:inset 0 0 75px 12px #79cfa755,0 0 0 4px #4ca17b66,0 8px 30px #5e625c12}to{box-shadow:inset 0 0 45px #8490870c,0 8px 30px #5e625c12}}@keyframes boardGlowRemoved{0%{box-shadow:inset 0 0 #ed8b6a00,0 8px 30px #5e625c12}25%{box-shadow:inset 0 0 75px 12px #ed8b6a4d,0 0 0 4px #dc765766,0 8px 30px #5e625c12}to{box-shadow:inset 0 0 45px #8490870c,0 8px 30px #5e625c12}}.magnetic-field{pointer-events:none;position:absolute;inset:0}.magnet-slot{background:radial-gradient(circle at 48% 45%,#ded8ca 0 44%,#c8c0b1 46% 49%,#f5f1e8 51% 58%,#cec7b9 60% 63%,#e8e2d6 65%);border:1px solid #b9b2a3;border-radius:50%;width:76px;height:76px;transition:transform .18s,box-shadow .18s,opacity .18s;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 5px 10px #746e6421,0 2px 2px #fff9}.magnet-slot i{background:#b6ac99;border-radius:50%;position:absolute;inset:28px;box-shadow:inset 0 1px 2px #625b5038,0 1px 1px #fff}.magnet-slot small{color:#9a9387;letter-spacing:.7px;font:700 6px DM Sans;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.magnet-slot.occupied{opacity:.22}.magnet-slot.target{opacity:1;animation:.7s ease-in-out infinite alternate magnetPulse;transform:translate(-50%,-50%)scale(1.12);box-shadow:0 0 0 5px #5ca78438,0 0 25px #4c9c7775,inset 0 4px 11px #476d5d38}@keyframes magnetPulse{to{box-shadow:0 0 0 8px #5ca78420,0 0 34px #4c9c7790,inset 0 4px 11px #476d5d38}}.placed-token{border:1px solid color-mix(in srgb,var(--token) 50%,#ddd);z-index:2;cursor:grab;background:#fffdfa;border-radius:35px 35px 11px 11px;flex-direction:column;align-items:center;width:70px;height:82px;padding:5px 5px 4px;transition:left .24s cubic-bezier(.2,.8,.2,1),top .24s cubic-bezier(.2,.8,.2,1),box-shadow .15s;animation:.28s cubic-bezier(.2,.9,.25,1.2) magnetSnap;display:flex;position:absolute;box-shadow:0 7px 13px #3c433d2f,0 0 0 3px #f7f4ed}.placed-token:hover{z-index:4;box-shadow:0 11px 22px #3c433d42,0 0 0 3px #fff}.placed-token:active{cursor:grabbing;box-shadow:0 16px 28px #3c433d4d,0 0 0 4px #fff}.placed-token:before{content:"";pointer-events:none;border:1px solid #ece7dc;border-radius:31px 31px 8px 8px;position:absolute;inset:3px}.placed-art{background:radial-gradient(circle at 32% 25%,color-mix(in srgb,var(--token) 60%,white),var(--token));color:#fff;text-shadow:0 2px 2px #0003;border-radius:50%;flex:none;place-items:center;width:54px;height:54px;font:26px Georgia;display:grid;box-shadow:inset 0 -3px 5px #0002}.placed-token b{text-overflow:ellipsis;white-space:nowrap;max-width:61px;margin-top:3px;font:600 8px Fraunces,serif;overflow:hidden}.placed-token small{letter-spacing:1px;text-transform:uppercase;color:#8a8d88;font-size:5px}.placed-token button{color:#fff;z-index:2;cursor:pointer;background:#33453e;border:0;border-radius:50%;place-items:center;width:21px;height:21px;display:none;position:absolute;top:-7px;right:-7px}.placed-token:hover button{display:grid}@keyframes magnetSnap{0%{opacity:.3;filter:drop-shadow(0 18px 8px #26342f30);scale:.72}70%{scale:1.06}to{opacity:1;filter:none;scale:1}}.empty-board{color:#969a94;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.empty-board svg{color:#b39351;width:30px;height:30px}.empty-board b{font:600 17px Fraunces}.empty-board span{font-size:11px}.board-footer{background:#f7f5ef;border-top:1px solid #d8d4c8;align-items:center;gap:11px;padding:10px 23px;display:flex}.profile-select{align-items:center;gap:9px;margin-right:auto;display:flex}.profile-symbol{color:#f2c36d;background:var(--green);border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.profile-select label{color:#888d88;letter-spacing:1px;flex-direction:column;gap:1px;font-size:7px;font-weight:700;display:flex}.profile-select select{appearance:none;color:var(--ink);background:0 0;border:0;outline:0;max-width:180px;padding:0;font-size:11px;font-weight:700}.reset-button{cursor:pointer;background:#fff;border:1px solid #d8d4c9;border-radius:10px;align-items:center;gap:6px;height:40px;padding:0 13px;font-size:11px;font-weight:600;display:flex}.create-button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-width:190px;height:44px;font:600 13px Fraunces,serif;display:flex;box-shadow:0 6px 16px #16473b35}.create-button:hover:not(:disabled){background:#0f5c49;transform:translateY(-1px)}.create-button:disabled{opacity:.52;cursor:not-allowed}.spinner{border:2px solid #fff5;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.story-head{padding:25px 23px 0}.story-head h2{margin-bottom:13px;font-size:21px}.story-head .icon-button{margin-top:-6px}.story-head-actions{align-items:flex-start;display:flex}.story-toggle-button,.story-close-button{display:none}.story-tags{border-bottom:1px solid #ebe7dd;gap:6px;padding:0 23px 17px;display:flex}.story-tags span{color:#53625b;background:#eff1eb;border-radius:20px;align-items:center;gap:5px;padding:5px 9px;font-size:9px;font-weight:600;display:flex}.story-content{flex:1;min-height:0;padding:22px 25px;overflow-y:auto}.story-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:20px;display:flex}.story-empty-icon{color:#cca55a;border:1px solid #d7d3c7;border-radius:50%;place-items:center;width:65px;height:65px;font-size:26px;display:grid;box-shadow:0 4px 17px #28362f0d}.story-empty h3{margin:19px 0 9px;font:600 21px/1.22 Fraunces,serif}.story-empty p{color:#777e79;max-width:250px;margin:0;font-size:11px;line-height:1.6}.mini-tokens{margin-top:21px;display:flex}.mini-tokens span{color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:31px;height:31px;margin-left:-5px;font-family:Georgia;display:grid;box-shadow:0 2px 6px #2223}.scene-card{animation:.45s fadeUp}.scene-kicker{color:#8b908b;text-transform:uppercase;letter-spacing:1px;justify-content:space-between;font-size:8px;display:flex}.scene-card h3{color:#21352e;margin:12px 0 18px;font:600 25px/1.15 Fraunces,serif}.scene-card p{color:#4d5954;font:500 13px/1.75 Fraunces,serif}.scene-card p:first-of-type:first-letter{float:left;color:#c17652;margin:7px 5px 0 0;font-size:36px;line-height:.8}.adapted-story{background:linear-gradient(90deg,#e8f2edaa,#0000);border-left:2px solid #74a590;border-radius:10px;margin:20px -10px 0;padding:18px 10px 4px;animation:.45s adaptIn;position:relative}.adapted-story>span{color:#fff;letter-spacing:.6px;text-transform:uppercase;background:#245346;border-radius:10px;align-items:center;gap:4px;padding:3px 7px;font:700 7px DM Sans;display:flex;position:absolute;top:-9px;left:10px}.adapted-story>span svg{color:#f0c36a}.adapted-story p:first-of-type:first-letter{font-size:inherit;float:none;line-height:inherit;color:inherit;margin:0}.preserved-story p:last-child{margin-bottom:0}@keyframes adaptIn{0%{opacity:.45;background:#d8eee4;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}}.generating-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100%;display:flex}.magic-orb{color:#f0c56d;background:#204e42;border-radius:50%;place-items:center;width:70px;height:70px;animation:1.5s ease-in-out infinite pulse;display:grid;box-shadow:0 0 0 11px #e8eee9,0 0 30px #76998d55}.generating-card .eyebrow{margin-top:27px}.generating-card h3{margin:9px 0 20px;font:600 22px/1.25 Fraunces}.generating-lines{gap:5px;display:flex}.generating-lines span{background:#d8845f;border-radius:50%;width:5px;height:5px;animation:1s infinite bounce}.generating-lines span:nth-child(2){animation-delay:.15s}.generating-lines span:nth-child(3){animation-delay:.3s}@keyframes bounce{50%{transform:translateY(-5px)}}@keyframes pulse{50%{transform:scale(1.05)}}.open-thread{background:#f3ead8;border-left:3px solid #d3a65d;border-radius:8px;margin:0 22px 12px;padding:10px 12px}.open-thread span{letter-spacing:1px;color:#98733d;font-size:7px;font-weight:700}.open-thread p{margin:3px 0 0;font:500 10px Fraunces}.learning-thread{background:#e8f1ec;border-left:3px solid #679a84;border-radius:8px;margin:0 22px 9px;padding:10px 12px}.learning-thread span{letter-spacing:1px;color:#477563;font-size:7px;font-weight:700}.learning-thread p{color:#385449;margin:3px 0 0;font:500 10px/1.4 Fraunces}.quest-controls{text-align:center;background:linear-gradient(#f6f3fb,#fff);border:1px solid #d9d2e7;border-radius:14px;margin:0 16px 12px;padding:14px 12px 11px;box-shadow:0 7px 18px #55487912}.quest-kicker{letter-spacing:1px;color:#746894;font-size:7px;font-weight:800}.quest-controls h3{color:#332d45;max-width:290px;margin:6px auto 11px;font:600 14px/1.3 Fraunces}.quest-buttons{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.quest-buttons-2{grid-template-columns:repeat(2,1fr);padding:0 24px}.quest-option{color:#554d68;cursor:pointer;background:#fff;border:1px solid #ddd8e6;border-radius:11px;flex-direction:column;align-items:center;gap:5px;min-width:0;padding:6px 4px 8px;transition:transform .18s,border-color .18s,box-shadow .18s,opacity .18s;display:flex}.quest-option:disabled{cursor:default;opacity:.48}.quest-option.lit{opacity:1;border-color:#9b8cbe;box-shadow:0 0 0 2px #ae9dcc24,0 5px 12px #44385c18}.quest-option:not(:disabled):hover{transform:translateY(-2px)}.quest-option.selected{background:#f0ebf8;border-color:#65558d;box-shadow:0 0 0 3px #826dae2e}.quest-position{text-transform:uppercase;letter-spacing:.8px;color:#91899d;font-size:6px;font-weight:800}.quest-hardware-button{background:linear-gradient(145deg,#f9f9f8,#d6d3d8);border:5px solid #ebe9ed;border-radius:50%;width:37px;height:37px;transition:background .18s,box-shadow .18s,transform .18s;box-shadow:inset 0 -4px 6px #716a7a2e,0 3px #aaa4af,0 5px 8px #40394825}.quest-option.lit .quest-hardware-button{background:radial-gradient(circle at 38% 30%,#fff7cc,#e2b958 70%);border-color:#f5e7b8;box-shadow:0 0 15px #e9bd65aa,inset 0 -4px 6px #9d742b35,0 3px #b89143}.quest-option.selected .quest-hardware-button{transform:translateY(2px);box-shadow:0 0 18px #d7ac58cc,inset 0 3px 7px #8c672c55}.quest-option b{justify-content:center;align-items:center;min-height:20px;font:600 8px/1.25 DM Sans,sans-serif;display:flex}.quest-status{color:#827b8e;margin:9px 0 0;font-size:7px}.quest-announcing .quest-option:not(.lit),.quest-submitting .quest-option:not(.selected){opacity:.32}.audio-player{border-top:1px solid var(--line);background:#f4f1e9;align-items:center;gap:10px;min-height:88px;padding:11px 18px;display:flex}.play-button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:50%;place-items:center;width:43px;height:43px;display:grid;box-shadow:0 4px 11px #174d4030}.play-button:disabled{opacity:.3}.play-button svg{width:17px}.audio-info{flex:1;min-width:0}.audio-info b{white-space:nowrap;text-overflow:ellipsis;font:600 10px Fraunces;display:block;overflow:hidden}.progress{background:#d7d5cd;border-radius:3px;height:3px;margin-top:8px;overflow:hidden}.progress span{background:#df825b;height:100%;transition:width 8s linear;display:block}.time{color:#858a85;font-size:8px}.reader-picker{color:#7c837e;align-items:center;gap:4px;margin-top:5px;font-size:7px;display:flex}.reader-picker span{text-transform:uppercase;letter-spacing:.5px;font-weight:700}.reader-picker select{color:#29463c;cursor:pointer;background:0 0;border:0;outline:0;min-width:0;max-width:115px;font-size:9px;font-weight:700}.reader-picker svg{color:#bd804f;flex:none}.debug-drawer{z-index:20;color:#dce8e1;background:#1d2925;border-radius:16px;width:390px;padding:18px;animation:.25s drawerIn;position:fixed;top:82px;bottom:18px;right:18px;overflow:auto;box-shadow:0 20px 70px #0b161265}.debug-title{justify-content:space-between;align-items:center;display:flex}.debug-title>div{align-items:center;gap:8px;display:flex}.debug-drawer .icon-button{color:#fff}.debug-drawer h4{letter-spacing:1.3px;text-transform:uppercase;color:#9bb0a7;margin:19px 0 7px;font-size:9px}.debug-drawer pre{color:#b9d6ca;background:#101915;border-radius:8px;padding:11px;font:9px/1.55 ui-monospace,monospace;overflow:auto}.metric-grid{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:15px;display:grid}.metric-grid>div{background:#2a3933;border-radius:8px;align-items:center;gap:6px;padding:9px;display:flex}.metric-grid svg{color:#e8b960;width:15px}.metric-grid span{color:#91a39b;font-size:7px}.metric-grid b{color:#fff;margin-top:2px;font-size:9px;display:block}@keyframes drawerIn{0%{opacity:0;transform:translate(30px)}}.toast{z-index:30;color:#fff;background:#243b33;border-radius:30px;align-items:center;gap:8px;padding:11px 17px;font-size:11px;animation:.25s toastIn;display:flex;position:fixed;bottom:92px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #1f302a44}.toast svg{color:#efbd68}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,10px)}}.touch-drag-ghost{z-index:90;pointer-events:none;background:radial-gradient(circle at 32% 25%,color-mix(in srgb,var(--token) 60%,white),var(--token));color:#fff;text-shadow:0 2px 2px #0003;border:3px solid #fff;border-radius:50%;place-items:center;width:54px;height:54px;font:26px Georgia;animation:.12s touchGhostIn;display:grid;position:fixed;transform:translate(-50%,-125%);box-shadow:0 12px 28px #1b2c2555}@keyframes touchGhostIn{0%{opacity:0;scale:.75}}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#17251f99;place-items:center;padding:25px;animation:.2s fadeIn;display:grid;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}}.profile-dialog-backdrop{z-index:70;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#17251fbd}.profile-dialog{text-align:center;background:#fbfaf6;border:1px solid #ded9ce;border-radius:22px;width:min(820px,94vw);padding:30px 32px 22px;animation:.3s both profileDialogIn;box-shadow:0 30px 90px #101b176e}@keyframes profileDialogIn{0%{opacity:0;transform:translateY(12px)scale(.98)}}.profile-dialog-head{flex-direction:column;align-items:center;display:flex}.profile-dialog-mark{background:var(--green);color:#f1c267;border-radius:14px;place-items:center;width:46px;height:46px;margin-bottom:13px;display:grid;box-shadow:0 8px 18px #1b4b3c2c}.profile-dialog-head h2{color:var(--ink);margin:7px 0 8px;font:600 29px/1.15 Fraunces}.profile-dialog-head p{color:#707a75;max-width:540px;margin:0;font-size:11px;line-height:1.5}.profile-options{grid-template-columns:repeat(3,1fr);gap:13px;margin-top:25px;display:grid}.profile-option{min-height:248px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #ddd9cf;border-radius:16px;flex-direction:column;align-items:center;padding:19px 16px 15px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative;box-shadow:0 4px 14px #26372f0b}.profile-option:hover,.profile-option:focus-visible{border-color:#789b8c;outline:0;transform:translateY(-4px);box-shadow:0 13px 27px #26372f1c}.profile-option-adventure{background:linear-gradient(#fffaf0,#fff);border-color:#d7b468}.profile-option-symbol{color:#285747;background:#e8f1ec;border-radius:50%;place-items:center;width:56px;height:56px;margin-bottom:12px;font:27px Georgia;display:grid}.profile-option-adventure .profile-option-symbol{color:#9b6a20;background:#f7e8c6}.profile-option-story-quest .profile-option-symbol{color:#675e89;background:#ebe7f3}.profile-option-age{letter-spacing:1px;text-transform:uppercase;color:#8b918d;font-size:7px;font-weight:800}.profile-option b{margin-top:5px;font:600 17px Fraunces}.profile-option p{color:#747c77;min-height:42px;margin:9px 0 12px;font-size:9px;line-height:1.5}.profile-option small{color:#4d7566;background:#edf4f0;border-radius:20px;padding:5px 9px;font-size:8px;font-weight:700}.profile-option-action{color:#285747;align-items:center;gap:5px;margin-top:auto;padding-top:16px;font-size:9px;font-weight:800;display:flex}.profile-option-action svg{transform:rotate(-90deg)}.profile-dialog-hint{color:#8b918d;margin:17px 0 0;font-size:8px}.creator-modal{background:#fbfaf6;border:1px solid #ded9ce;border-radius:20px;width:min(850px,92vw);max-height:92vh;overflow:auto;box-shadow:0 30px 90px #15231d66}.creator-head{border-bottom:1px solid #e5e1d8;justify-content:space-between;padding:23px 25px 18px;display:flex}.creator-head h2{margin:4px 0 6px;font:600 27px Fraunces}.creator-head p{color:#737b76;margin:0;font-size:11px}.creator-body{grid-template-columns:260px 1fr;min-height:430px;display:grid}.creator-preview{text-align:center;background:#efede5;flex-direction:column;justify-content:center;align-items:center;padding:36px 25px;display:flex}.creator-preview p{color:#78807b;max-width:180px;margin-top:22px;font-size:9px;line-height:1.5}.big-token{border:1px solid color-mix(in srgb,var(--token) 50%,#ddd);background:#fffdf8;border-radius:19px;flex-direction:column;align-items:center;width:185px;height:215px;padding:17px;display:flex;transform:rotate(-2deg);box-shadow:0 15px 35px #28362f25}.big-token>span{background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--token) 62%,white),var(--token));color:#fff;text-shadow:0 2px 3px #0003;border:5px solid color-mix(in srgb,var(--token) 70%,white);border-radius:50%;place-items:center;width:145px;height:145px;font:64px Georgia;display:grid}.big-token b{white-space:nowrap;text-overflow:ellipsis;max-width:150px;margin-top:9px;font:600 15px Fraunces;overflow:hidden}.big-token small{text-transform:uppercase;letter-spacing:1.3px;color:#8d918c;margin-top:2px;font-size:6px}.creator-fields{grid-template-columns:1fr 1fr;gap:15px 14px;padding:23px 27px;display:grid}.creator-fields label{flex-direction:column;gap:6px;display:flex;position:relative}.creator-fields label:first-child,.creator-fields label:nth-child(2){grid-column:1/-1}.creator-fields label>span,.creator-fields legend{letter-spacing:.5px;color:#4a5751;font-size:9px;font-weight:700}.creator-fields input,.creator-fields textarea,.creator-fields select{color:#26342e;background:#fff;border:1px solid #d9d5ca;border-radius:9px;outline:0;padding:10px 11px;font-size:11px}.creator-fields input:focus,.creator-fields textarea:focus,.creator-fields select:focus{border-color:#578a78;box-shadow:0 0 0 3px #578a7815}.creator-fields textarea{resize:none;height:68px;line-height:1.45}.creator-fields label>small{color:#a0a49f;font-size:7px;position:absolute;bottom:7px;right:8px}.creator-fields fieldset{border:0;margin:0;padding:0}.creator-fields legend{margin-bottom:8px}.choice-row{flex-wrap:wrap;gap:6px;display:flex}.choice-row button{cursor:pointer}.choice-row.colors button{border:2px solid #fff;border-radius:50%;width:25px;height:25px;box-shadow:0 0 0 1px #ddd}.choice-row.stickers button{background:#fff;border:1px solid #ddd8ce;border-radius:7px;width:29px;height:29px;font:16px Georgia}.choice-row button.selected{transform:scale(1.07);box-shadow:0 0 0 2px #214f42!important}.creator-footer{border-top:1px solid #e5e1d8;align-items:center;gap:9px;padding:13px 22px;display:flex}.creator-footer>span{color:#7f8782;align-items:center;gap:6px;margin-right:auto;font-size:8px;display:flex}.creator-footer>span svg{color:#bf8f3e}.creator-footer .create-button{min-width:140px}@media (width<=1250px){.workspace{grid-template-columns:292px minmax(500px,1fr) 330px}.library-panel{padding-left:16px;padding-right:16px}.library-hint{margin-left:-16px;margin-right:-16px;padding-left:16px}.category-strip{gap:4px}.category-strip button{font-size:7px}.magnet-slot{width:68px;height:68px}.magnet-slot i{inset:25px}.placed-token{width:64px;height:76px}.placed-art{width:49px;height:49px;font-size:24px}.token-grid{grid-auto-rows:112px}.token-card{height:112px}.token-disc{width:66px;height:66px}.story-panel{font-size:90%}}@media (width<=1024px){body{min-width:0;min-height:100dvh;overflow:hidden auto}.app-shell{grid-template-rows:64px auto;height:auto;min-height:100dvh}.topbar{z-index:15;padding:0 18px;position:sticky;top:0}.workspace{grid-template-rows:minmax(650px,calc(100dvh - 64px)) minmax(560px,auto);grid-template-columns:280px minmax(0,1fr);min-height:0}.library-panel{overflow:hidden}.board-column{grid-template-columns:minmax(0,1fr);min-height:650px}.board-toolbar,.board-wrap,.board-footer{min-width:0}.board-wrap{padding:18px}.story-panel{border-left:0;border-top:1px solid var(--line);grid-column:1/-1;min-height:560px;font-size:100%}.story-content{min-height:300px}.story-empty{min-height:330px}.placed-token button{width:28px;height:28px;display:grid;top:-10px;right:-10px}.add-badge{opacity:1}.icon-button{min-width:44px;min-height:44px}.debug-drawer{width:auto;left:18px}}@media (width>=701px) and (width<=900px){.board-column{grid-template-rows:52px minmax(0,1fr) auto}.board-footer{grid-template-columns:minmax(0,1fr) auto;padding:10px 16px;display:grid}.profile-select{min-width:0;margin:0}.profile-select label{min-width:0}.profile-select select{width:100%;max-width:none}.create-button{grid-column:1/-1;width:100%;min-width:0}}@media (width<=700px){body{height:100dvh;overflow:hidden}.app-shell{grid-template-rows:58px minmax(0,1fr);height:100dvh;min-height:0;overflow:hidden}.topbar{z-index:40;min-width:0;height:58px;padding:0 12px}.brand{gap:8px}.brand-mark{width:32px;height:32px}.top-actions{gap:0}.top-actions>.icon-button:first-child{display:none}.profile-button{min-width:44px;min-height:44px;padding:4px}.profile-button>span:not(.avatar),.profile-button>svg{display:none}.workspace{min-width:0;height:calc(100dvh - 58px);min-height:0;display:block}.library-panel{z-index:30;border:0;border-top:1px solid var(--line);height:184px;min-height:0;padding:8px 12px 6px;transition:transform .25s;position:fixed;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -8px 24px #25372f1a}.library-panel .panel-heading{display:none}.library-panel:before{content:"TOKENS · NACH OBEN ZIEHEN ODER TIPPEN";color:#65716b;letter-spacing:1px;order:0;margin:0 0 4px 1px;font-size:7px;font-weight:800}.search-box,.search-box kbd{display:none}.category-strip{scrollbar-width:none;order:2;gap:5px;margin:2px -12px 5px;padding:1px 12px 3px;display:flex;overflow-x:auto}.category-strip::-webkit-scrollbar{display:none}.category-strip button{flex:none;height:31px;padding:0 9px;font-size:8px}.token-count{display:none}.creator-button{z-index:2;border-style:solid;border-radius:9px;width:32px;height:32px;min-height:32px;margin:0;padding:0;display:grid;position:absolute;top:6px;right:10px}.creator-button>span{border-radius:8px;width:30px;height:30px}.creator-button>div,.creator-button>svg{display:none}.token-grid{scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;flex:none;order:3;grid-template-rows:108px;grid-template-columns:none;grid-auto-rows:108px;grid-auto-columns:92px;grid-auto-flow:column;gap:6px;height:116px;padding:1px 5px 6px 1px;overflow:auto hidden}.token-card{scroll-snap-align:start;width:92px;height:108px}.token-disc{width:60px;height:60px}.token-disc i{font-size:24px}.token-title{margin-top:6px;font-size:10px}.library-hint{display:none}.board-column{grid-template-rows:44px minmax(0,1fr) auto;height:100%;min-height:0;padding-bottom:184px;display:grid}.board-toolbar{padding:0 12px;font-size:8px}.board-toolbar>div:first-child{max-width:150px}.board-meta{white-space:nowrap;gap:2px}.board-wrap{height:auto;min-height:0;padding:8px 12px}.board{aspect-ratio:auto;border-radius:22px;width:100%;height:100%;max-height:none}.board:after{border-radius:17px;inset:8px}.magnet-slot{width:48px;height:48px}.magnet-slot i{inset:18px}.magnet-slot small{bottom:-8px}.placed-token{border-radius:22px 22px 8px 8px;width:44px;height:54px;padding:4px}.placed-token:before{border-radius:22px 22px 7px 7px;inset:2px}.placed-art{width:34px;height:34px;font-size:18px}.placed-token b{max-width:39px;margin-top:2px;font-size:6.5px}.placed-token small{display:none}.placed-token button{width:25px;height:25px;top:-9px;right:-9px}.placed-token button svg{width:13px;height:13px}.empty-board{text-align:center;width:80%}.empty-board b{font-size:15px}.empty-board span{font-size:10px}.board-footer{grid-template-columns:minmax(0,1fr) 104px;gap:7px;padding:7px 12px 8px;display:grid}.profile-select{min-width:0;margin:0}.profile-symbol{display:none}.profile-select label{width:100%;min-width:0;font-size:0}.profile-select select{color:#5f6c66;background:#f7f5ef;border:1px solid #d9d5ca;border-radius:9px;width:100%;max-width:none;height:32px;padding:0 9px;font:600 9px DM Sans,sans-serif}.reset-button{justify-content:center;justify-self:end;width:38px;height:38px;padding:0}.reset-button svg{width:18px}.reset-button{font-size:0}.create-button{color:#285448;width:100%;min-width:0;height:38px;min-height:38px;box-shadow:none;background:#eef2ef;border:1px solid #c9d4ce;grid-column:1/2;padding:6px 9px;font:600 10px DM Sans,sans-serif}.create-button:hover:not(:disabled){background:#e5ede8;transform:none}.create-button svg{width:15px}.story-toggle-button{color:#52615b;cursor:pointer;background:#fff;border:1px solid #d5d2c9;border-radius:10px;grid-column:2/3;justify-content:center;align-items:center;gap:6px;width:104px;height:38px;font-size:9px;font-weight:700;display:flex}.story-toggle-button svg:last-child{display:none}.mobile-story-active .library-panel{transform:translateY(144px)}.mobile-story-active .library-panel:before{content:"TOKENS"}.mobile-story-active .creator-button,.mobile-story-active .category-strip,.mobile-story-active .token-grid{opacity:0;pointer-events:none}.story-panel{z-index:25;border:0;border-radius:20px 20px 0 0;min-height:0;display:none;position:fixed;inset:58px 0 40px;overflow:hidden;box-shadow:0 18px 60px #1b2b2466}.story-panel.story-panel-open{overscroll-behavior:contain;animation:.25s both mobileStoryIn;display:block;overflow-y:auto}@keyframes mobileStoryIn{0%{opacity:0;transform:translateY(24px)}}.story-head{z-index:5;background:#fbfaf6;padding:18px 16px 0;position:sticky;top:0;box-shadow:0 1px #e7e3da}.story-head-actions{gap:2px}.story-close-button{display:grid}.story-head h2{margin-bottom:12px;font-size:21px}.story-tags{padding:11px 16px 12px;overflow-x:auto}.story-tags span{flex:none}.story-content{min-height:0;padding:18px;overflow:visible}.story-empty{min-height:330px;padding:15px}.scene-card h3{font-size:23px}.scene-card p{font-size:14px;line-height:1.7}.audio-player{z-index:8;min-height:72px;padding:8px 12px;position:sticky;bottom:0;box-shadow:0 -8px 24px #28362f12}.audio-player>svg,.audio-player>.time{display:none}.play-button{flex:none;width:46px;height:46px}.reader-picker select{max-width:145px}.quest-controls{margin:8px 12px 12px;padding:11px 9px 9px}.quest-controls h3{margin:5px auto 8px;font-size:12px}.quest-buttons{gap:6px}.quest-buttons-2{padding:0}.quest-option{gap:3px;padding:5px 3px 6px}.quest-hardware-button{border-width:4px;width:30px;height:30px}.quest-option b{min-height:17px;font-size:7px}.quest-status{margin-top:7px}.learning-thread,.open-thread{margin-left:12px;margin-right:12px}.modal-backdrop{align-items:center;padding:10px}.profile-dialog{border-radius:18px;width:100%;max-height:calc(100dvh - 20px);padding:20px 14px 16px;overflow:auto}.profile-dialog-mark{width:42px;height:42px;margin-bottom:8px}.profile-dialog-head h2{font-size:23px}.profile-options{grid-template-columns:1fr;gap:9px;margin-top:17px}.profile-option{text-align:left;grid-template-columns:48px 1fr;column-gap:11px;min-height:0;padding:12px;display:grid}.profile-option-symbol{grid-row:1/5;width:44px;height:44px;margin:0}.profile-option-age,.profile-option b,.profile-option p,.profile-option small{grid-column:2}.profile-option p{min-height:0;margin:4px 0 7px}.profile-option small{justify-self:start}.profile-option-action{display:none}.profile-dialog-hint{margin-top:11px}.creator-modal{border-radius:16px;width:100%;max-height:calc(100dvh - 20px)}.creator-head{padding:17px 16px 14px}.creator-head h2{font-size:23px}.creator-head p{padding-right:8px}.creator-body{flex-direction:column;min-height:0;display:flex}.creator-preview{padding:22px 16px}.creator-preview p{margin:14px 0 0}.big-token{width:140px;height:164px;padding:12px}.big-token>span{width:112px;height:112px;font-size:48px}.creator-fields{grid-template-columns:1fr;padding:18px 16px}.creator-fields label:first-child,.creator-fields label:nth-child(2){grid-column:auto}.creator-fields input,.creator-fields textarea,.creator-fields select{min-height:44px;font-size:16px}.choice-row.colors button,.choice-row.stickers button{width:36px;height:36px}.creator-footer{z-index:2;background:#fbfaf6;flex-wrap:wrap;padding:11px 14px;position:sticky;bottom:0}.creator-footer>span{width:100%}.creator-footer .create-button{flex:1;min-width:150px}.debug-drawer{border-radius:14px;width:auto;inset:68px 10px 10px}.toast{text-align:center;width:max-content;max-width:calc(100vw - 24px);bottom:194px}}@media (pointer:coarse){button,select{touch-action:manipulation}.token-card{cursor:pointer;touch-action:pan-x;-webkit-user-select:none;user-select:none}.token-card:active{transform:scale(.98)}.placed-token{touch-action:none;-webkit-user-select:none;user-select:none}.placed-token button,.add-badge{opacity:1;display:grid}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}