@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,700;12..96,800&family=Caveat:wght@600;700&family=Permanent+Marker&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-2xl:42rem;--container-4xl:56rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--blur-sm:8px;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.float-right{float:right}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.block{display:block}.flex{display:flex}.grid{display:grid}.inline-flex{display:inline-flex}.aspect-\[4\/3\]{aspect-ratio:4/3}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-7xl{max-width:var(--container-7xl)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.content-start{align-content:flex-start}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.self-end{align-self:flex-end}.overflow-hidden{overflow:hidden}.rounded-\[8px\]{border-radius:8px}.rounded-\[16px\]{border-radius:16px}.rounded-\[18px\]{border-radius:18px}.rounded-\[20px\]{border-radius:20px}.rounded-\[22px\]{border-radius:22px}.rounded-\[24px\]{border-radius:24px}.rounded-\[26px\]{border-radius:26px}.rounded-\[30px\]{border-radius:30px}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[rgba\(34\,21\,43\,0\.08\)\]{border-color:#22152b14}.border-\[rgba\(36\,69\,100\,0\.18\)\]{border-color:#2445642e}.border-\[rgba\(46\,166\,125\,0\.16\)\]{border-color:#2ea67d29}.border-\[rgba\(46\,166\,125\,0\.18\)\]{border-color:#2ea67d2e}.border-\[rgba\(219\,72\,100\,0\.2\)\]{border-color:#db486433}.border-\[rgba\(244\,179\,64\,0\.22\)\]{border-color:#f4b34038}.border-\[rgba\(255\,107\,87\,0\.14\)\]{border-color:#ff6b5724}.border-\[rgba\(255\,122\,149\,0\.34\)\]{border-color:#ff7a9557}.border-\[rgba\(255\,255\,255\,0\.12\)\]{border-color:#ffffff1f}.border-\[var\(--border\)\]{border-color:var(--border)}.border-\[var\(--border-strong\)\]{border-color:var(--border-strong)}.border-white\/12{border-color:#ffffff1f}@supports (color:color-mix(in lab, red, red)){.border-white\/12{border-color:color-mix(in oklab, var(--color-white) 12%, transparent)}}.border-white\/14{border-color:#ffffff24}@supports (color:color-mix(in lab, red, red)){.border-white\/14{border-color:color-mix(in oklab, var(--color-white) 14%, transparent)}}.bg-\[rgba\(255\,107\,87\,0\.1\)\]{background-color:#ff6b571a}.bg-\[var\(--accent\)\]{background-color:var(--accent)}.bg-\[var\(--accent-soft\)\]{background-color:var(--accent-soft)}.bg-\[var\(--card-strong\)\]{background-color:var(--card-strong)}.bg-\[var\(--danger\)\]{background-color:var(--danger)}.bg-\[var\(--danger-soft\)\]{background-color:var(--danger-soft)}.bg-\[var\(--success-soft\)\]{background-color:var(--success-soft)}.bg-\[var\(--text\)\]{background-color:var(--text)}.bg-\[var\(--warning-soft\)\]{background-color:var(--warning-soft)}.bg-white{background-color:var(--color-white)}.bg-white\/8{background-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.bg-white\/8{background-color:color-mix(in oklab, var(--color-white) 8%, transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.bg-white\/70{background-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.bg-white\/70{background-color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.bg-white\/76{background-color:#ffffffc2}@supports (color:color-mix(in lab, red, red)){.bg-white\/76{background-color:color-mix(in oklab, var(--color-white) 76%, transparent)}}.object-cover{object-fit:cover}.p-1{padding:calc(var(--spacing) * 1)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.pt-2{padding-top:calc(var(--spacing) * 2)}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[11px\]{font-size:11px}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.22em\]{--tw-tracking:.22em;letter-spacing:.22em}.tracking-\[0\.24em\]{--tw-tracking:.24em;letter-spacing:.24em}.tracking-\[0\.26em\]{--tw-tracking:.26em;letter-spacing:.26em}.break-all{word-break:break-all}.text-\[\#8a5a00\]{color:#8a5a00}.text-\[var\(--accent-strong\)\]{color:var(--accent-strong)}.text-\[var\(--danger\)\]{color:var(--danger)}.text-\[var\(--success\)\]{color:var(--success)}.text-\[var\(--text\)\]{color:var(--text)}.text-\[var\(--text-muted\)\]{color:var(--text-muted)}.text-\[var\(--text-soft\)\]{color:var(--text-soft)}.text-white{color:var(--color-white)}.text-white\/58{color:#ffffff94}@supports (color:color-mix(in lab, red, red)){.text-white\/58{color:color-mix(in oklab, var(--color-white) 58%, transparent)}}.text-white\/72{color:#ffffffb8}@supports (color:color-mix(in lab, red, red)){.text-white\/72{color:color-mix(in oklab, var(--color-white) 72%, transparent)}}.text-white\/74{color:#ffffffbd}@supports (color:color-mix(in lab, red, red)){.text-white\/74{color:color-mix(in oklab, var(--color-white) 74%, transparent)}}.text-white\/76{color:#ffffffc2}@supports (color:color-mix(in lab, red, red)){.text-white\/76{color:color-mix(in oklab, var(--color-white) 76%, transparent)}}.uppercase{text-transform:uppercase}.opacity-65{opacity:.65}.opacity-80{opacity:.8}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_14px_30px_rgba\(37\,22\,47\,0\.08\)\]{--tw-shadow:0 14px 30px var(--tw-shadow-color,#25162f14);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_14px_30px_rgba\(37\,22\,47\,0\.14\)\]{--tw-shadow:0 14px 30px var(--tw-shadow-color,#25162f24);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_14px_30px_rgba\(255\,255\,255\,0\.12\)\]{--tw-shadow:0 14px 30px var(--tw-shadow-color,#ffffff1f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_18px_36px_rgba\(219\,72\,100\,0\.24\)\]{--tw-shadow:0 18px 36px var(--tw-shadow-color,#db48643d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_18px_38px_rgba\(37\,22\,47\,0\.18\)\]{--tw-shadow:0 18px 38px var(--tw-shadow-color,#25162f2e);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_18px_40px_rgba\(255\,107\,87\,0\.32\)\]{--tw-shadow:0 18px 40px var(--tw-shadow-color,#ff6b5752);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_20px_40px_rgba\(255\,255\,255\,0\.12\)\]{--tw-shadow:0 20px 40px var(--tw-shadow-color,#ffffff1f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_20px_44px_rgba\(255\,122\,149\,0\.2\)\]{--tw-shadow:0 20px 44px var(--tw-shadow-color,#ff7a9533);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:bg-\[\#1a0f23\]:hover{background-color:#1a0f23}.hover\:bg-\[\#c63c57\]:hover{background-color:#c63c57}.hover\:bg-\[var\(--accent-strong\)\]:hover{background-color:var(--accent-strong)}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.hover\:bg-white\/16:hover{background-color:#ffffff29}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/16:hover{background-color:color-mix(in oklab, var(--color-white) 16%, transparent)}}}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-35:disabled{opacity:.35}.disabled\:opacity-45:disabled{opacity:.45}.disabled\:opacity-55:disabled{opacity:.55}@media (width>=48rem){.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-3{grid-column:span 3/span 3}.md\:ml-auto{margin-left:auto}.md\:w-fit{width:fit-content}.md\:max-w-md{max-width:var(--container-md)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-\[1fr_1fr_auto\]{grid-template-columns:1fr 1fr auto}.md\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:justify-between{justify-content:space-between}.md\:px-8{padding-inline:calc(var(--spacing) * 8)}.md\:py-8{padding-block:calc(var(--spacing) * 8)}}@media (width>=64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-\[0\.9fr_1\.1fr\]{grid-template-columns:.9fr 1.1fr}.lg\:grid-cols-\[0\.92fr_1\.08fr\]{grid-template-columns:.92fr 1.08fr}.lg\:grid-cols-\[0\.95fr_1\.05fr\]{grid-template-columns:.95fr 1.05fr}.lg\:py-8{padding-block:calc(var(--spacing) * 8)}}@media (width>=80rem){.xl\:col-span-4{grid-column:span 4/span 4}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-\[0\.9fr_1\.1fr\]{grid-template-columns:.9fr 1.1fr}.xl\:grid-cols-\[0\.95fr_1\.05fr\]{grid-template-columns:.95fr 1.05fr}.xl\:grid-cols-\[1\.1fr_0\.9fr\]{grid-template-columns:1.1fr .9fr}.xl\:grid-cols-\[1\.05fr_0\.95fr\]{grid-template-columns:1.05fr .95fr}}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface:#f8f3eb;--surface-strong:#efe4d1;--card:#fffbf6e6;--card-strong:#fffcf8fa;--card-tint:#fff5e7eb;--accent:#ff5d7b;--accent-soft:#ffd2dd;--accent-strong:#f23a61;--success:#2f9c88;--success-soft:#d7f4ec;--warning:#f1b437;--warning-soft:#ffefb6;--danger:#da3f58;--danger-soft:#ffd8df;--text:#23172d;--text-muted:#65576f;--text-soft:#8f819d;--border:#4e342e24;--border-strong:#4e342e3d;--shadow:0 24px 60px #4c314e1f;--shadow-strong:0 36px 96px #311a483d;--radius-xl:32px;--radius-lg:24px;--radius-md:18px;--motion-fast:.16s;--motion-medium:.28s;--motion-slow:.48s;--hero-font:"Permanent Marker", "Segoe UI", sans-serif;--body-font:"Bricolage Grotesque", "Segoe UI", sans-serif;--scribble-font:"Caveat", cursive}html,body,#app{min-height:100%}html{background:var(--surface)}body{font-family:var(--body-font);color:var(--text);background:radial-gradient(circle at 0 0,#ff59842e,#0000 26%),radial-gradient(circle at 100% 0,#4ebfff29,#0000 24%),radial-gradient(circle at 18% 76%,#ffce5c33,#0000 22%),linear-gradient(115deg,#ffffff3d 0 8%,#0000 8% 16%,#ffffff2e 16% 18%,#0000 18% 100%),linear-gradient(#f5eee3 0%,#f7f1ea 42%,#faf7f2 100%);margin:0}*{box-sizing:border-box}button,input,textarea,select{font:inherit}a{color:inherit}.app-shell{isolation:isolate;position:relative;overflow:hidden}.app-shell:before{content:"";pointer-events:none;z-index:-2;background:radial-gradient(circle at 12% 18%,#ff659729,#0000 24%),radial-gradient(circle at 82% 14%,#6dd6ff2e,#0000 22%),radial-gradient(circle at 70% 72%,#ffc66c2e,#0000 24%),radial-gradient(circle at 46% 34%,#ffffff80,#0000 18%),radial-gradient(circle at 16% 78%,#6f4aab17,#0000 18%);position:fixed;inset:0}.app-shell:after{content:"";pointer-events:none;z-index:-1;background-color:#0000;background-image:linear-gradient(#0000 94%,#4832280a 94%),linear-gradient(90deg,#0000 94%,#4832280a 94%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:30px 30px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000008f,#0000 86%);mask-image:linear-gradient(#0000008f,#0000 86%)}.app-shell::selection{background:#ff5d7b38}.app-shell .hallway-doodle,.app-shell .hallway-doodle-right{z-index:-1;pointer-events:none;font-family:var(--scribble-font);color:#5936702e;letter-spacing:.03em;font-size:1.5rem;line-height:1;position:fixed}.app-shell .hallway-doodle{bottom:3.2rem;left:2rem;transform:rotate(-8deg)}.app-shell .hallway-doodle-right{top:6.5rem;right:2.4rem;transform:rotate(9deg)}.page-reveal{animation:page-reveal var(--motion-slow) ease-out}.card-reveal{animation:card-reveal var(--motion-medium) ease-out both}.card-interactive{transition:transform var(--motion-fast) ease, box-shadow var(--motion-fast) ease, border-color var(--motion-fast) ease, background-color var(--motion-fast) ease}.card-interactive:hover{transform:translateY(-3px)rotate(-.2deg)}.app-button{isolation:isolate;position:relative;overflow:hidden}.app-button:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(120deg,#ffffff47,#0000 42%);position:absolute;inset:0}.app-button:after{content:"";pointer-events:none;background:#ffffff38;border-radius:999px;width:34px;height:10px;position:absolute;top:8px;right:14px;transform:rotate(7deg)}.app-button-primary,.app-button-danger,.app-button-secondary{transform:rotate(-.75deg)}.app-button-primary:hover,.app-button-danger:hover,.app-button-secondary:hover{transform:translateY(-3px)rotate(.25deg)}.app-button-ghost{transform:rotate(.45deg)}.app-button-ghost:hover,.app-button-inverse:hover{transform:translateY(-2px)rotate(-.2deg)}.app-badge{border:1px solid #2d1e1d0f;position:relative;overflow:hidden;box-shadow:0 10px 20px #2e1d3d14}.app-badge:after{content:"";pointer-events:none;background:#ffffff42;border-radius:999px;width:20px;height:7px;position:absolute;top:4px;right:10px;transform:rotate(7deg)}.app-badge-neutral{transform:rotate(-2deg)}.app-badge-accent{transform:rotate(1.5deg)}.app-badge-success{transform:rotate(-1deg)}.app-badge-warning{transform:rotate(2deg)}.app-badge-danger{transform:rotate(-1.5deg)}.segmented-shell{border:1px solid #3e293d14;position:relative;box-shadow:0 14px 28px #27183614}.segmented-shell:after{content:"";pointer-events:none;background:#ffffff85;border-radius:999px;width:34px;height:10px;position:absolute;top:7px;right:14px;transform:rotate(8deg)}.segmented-pill{position:relative;overflow:hidden}.segmented-pill-active{transform:rotate(-1deg)}.segmented-pill-active:after{content:"";pointer-events:none;background:#ffffff3d;border-radius:999px;width:24px;height:7px;position:absolute;top:5px;right:10px}.field-label{letter-spacing:.01em}.field-hint{line-height:1.45}.status-banner{position:relative;overflow:hidden;box-shadow:0 18px 34px #301d3d14}.status-banner:after{content:"";pointer-events:none;background:#ffffff4d;border-radius:999px;width:38px;height:10px;position:absolute;top:9px;right:14px;transform:rotate(8deg)}.display-title{font-family:var(--hero-font);letter-spacing:.01em;line-height:.98}.display-loud{font-family:var(--hero-font);letter-spacing:.01em;text-wrap:balance;font-size:clamp(3rem,7vw,6.5rem);line-height:.92}.scribble-text{font-family:var(--scribble-font);letter-spacing:.01em}.app-panel{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.app-panel-strong{color:#fff9ff;box-shadow:var(--shadow-strong);background:linear-gradient(135deg,#4d306ff0,#1f193ef0),linear-gradient(#ffffff14,#0000);border:1px solid #ffffff38}.section-card{border-radius:var(--radius-xl);padding:1.4rem;position:relative;overflow:hidden}.panel-header{position:relative}.panel-eyebrow{letter-spacing:.26em}.panel-title{max-width:20ch;position:relative}.section-card.hero .panel-title{font-family:var(--hero-font);max-width:14ch;font-size:clamp(2rem,3vw,3rem);line-height:1.02}.panel-description{line-height:1.65}.panel-actions{align-self:flex-start}.section-card.hero{color:#fff8fd;box-shadow:var(--shadow-strong);background:radial-gradient(circle at 82% 18%,#ffbc543d,#0000 22%),radial-gradient(circle at 18% 16%,#ff58832e,#0000 24%),linear-gradient(135deg,#5c2c8afa,#1c1437fa);border:1px solid #ffffff1a}.section-card.hero:before{content:"fotky / prihody / psanicka / trida";font-family:var(--scribble-font);color:#ffffff2e;pointer-events:none;font-size:1.3rem;position:absolute;top:1.1rem;right:1.6rem;transform:rotate(-5deg)}.section-card.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#ff638242,#0000 64%);width:180px;height:180px;position:absolute;inset:auto auto -48px -24px}.section-card.workspace,.section-card.support,.section-card.identity{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow)}.section-card.workspace:before{content:"";opacity:.65;pointer-events:none;background:linear-gradient(#0000 30px,#72a0ff24 31px,#0000 32px) 0 0/100% 38px;position:absolute;inset:0}.section-card.workspace:after{content:"";pointer-events:none;background:#ff66891f;border-radius:7px;width:78px;height:18px;position:absolute;top:14px;left:22px;transform:rotate(-5deg)}.section-card.workspace .panel-title,.section-card.support .panel-title,.section-card.identity .panel-title,.section-card.admin .panel-title{font-size:clamp(1.6rem,2vw,2.15rem);line-height:1.08}.section-card.support{box-shadow:var(--shadow), 0 0 0 1px #00000008;background:linear-gradient(#fff9d6f2,#fff0aaeb)}.section-card.support:before{content:"";pointer-events:none;background:#ffffff7a;border-radius:6px;width:62px;height:18px;position:absolute;top:14px;right:22px;transform:rotate(9deg)}.section-card.support:after{content:"do not forget / kdo bere reprak?";font-family:var(--scribble-font);color:#67470b3d;pointer-events:none;font-size:1.2rem;position:absolute;bottom:18px;left:24px;transform:rotate(-3deg)}.section-card.identity:before{content:"locked? never";font-family:var(--scribble-font);color:#71579238;pointer-events:none;font-size:1.2rem;position:absolute;top:18px;right:24px;transform:rotate(8deg)}.section-card.admin{box-shadow:var(--shadow);background:linear-gradient(135deg,#7d4a1f29,#daaa6514),linear-gradient(#f2e1ccfa,#e2c6a4fa);border:1px solid #76482924}.section-card.admin:before{content:"";pointer-events:none;background:linear-gradient(25deg,#0000 0 18%,#6d43240d 18% 19%,#0000 19% 47%,#6d43240d 47% 48%,#0000 48% 100%);position:absolute;inset:0}.section-card.admin:after{content:"kabinet / seznam / klice";font-family:var(--scribble-font);color:#6c461f42;pointer-events:none;font-size:1.25rem;position:absolute;bottom:20px;right:24px;transform:rotate(4deg)}.section-card.danger{box-shadow:var(--shadow);background:linear-gradient(#fff0f4f2,#fff9fafa);border:1px solid #db48642e}.hero-sticker-cluster{flex-wrap:wrap;gap:.65rem;display:flex}.hero-sticker{color:#fff;font-family:var(--scribble-font);background:#ffffff24;border:1px solid #ffffff14;border-radius:999px;justify-content:center;align-items:center;padding:.5rem .95rem;font-size:1.06rem;display:inline-flex;box-shadow:0 14px 28px #120a1e1f}.hero-sticker:nth-child(2n){transform:rotate(4deg)}.hero-sticker:nth-child(odd){transform:rotate(-5deg)}.app-input,.app-textarea{border:1px solid var(--border);width:100%;color:var(--text);border-radius:var(--radius-md);transition:border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease, transform var(--motion-fast) ease;background:#fffefcfa;outline:none;padding:.95rem 1rem;box-shadow:inset 0 -1px #4832280a}.app-textarea{resize:vertical;min-height:112px}.app-input::placeholder,.app-textarea::placeholder{color:var(--text-soft)}.app-input:focus,.app-textarea:focus{border-color:#ff5d7b73;box-shadow:0 0 0 4px #ff5d7b1f}.inverse-input,.inverse-textarea{color:#fff9ff;background:#ffffff14;border-color:#ffffff29}.inverse-input:focus,.inverse-textarea:focus{border-color:#ffffff47;box-shadow:0 0 0 4px #ffffff1f}.surface-note{border:1px solid var(--border);border-radius:var(--radius-lg);background:#fffdf9bd;position:relative;box-shadow:0 14px 32px #311e410f}.surface-note:after{content:"";pointer-events:none;background:#ffffff80;border-radius:6px;width:42px;height:14px;position:absolute;top:12px;right:16px;transform:rotate(6deg)}.scrap-grid{gap:1rem;display:grid}.scrap-grid>:nth-child(2n){transform:rotate(1deg)}.scrap-grid>:nth-child(odd){transform:rotate(-1deg)}.stat-scrap{position:relative;overflow:hidden}.stat-scrap:before{content:"";pointer-events:none;background:#ffffff6b;border-radius:999px;width:44px;height:12px;position:absolute;top:10px;right:14px;transform:rotate(8deg)}.desk-chip{position:relative;overflow:hidden}.desk-chip:before{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 0 58%,#6037160a 58% 59%,#0000 59% 100%);position:absolute;inset:0}.desk-chip:after{content:"";pointer-events:none;background:radial-gradient(circle at 18% 70%,#6037160a,#0000 22%),radial-gradient(circle at 76% 24%,#60371609,#0000 20%);position:absolute;inset:0}.soft-grid{gap:1rem;display:grid}.timeline-code{white-space:pre-wrap;word-break:break-word;margin:0;font-family:SFMono-Regular,Consolas,monospace}.seat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.graffiti-row{flex-wrap:wrap;gap:.55rem;display:flex}.graffiti-tag{color:#fff;font-family:var(--scribble-font);background:#ffffff24;border-radius:999px;justify-content:center;align-items:center;padding:.42rem .9rem;font-size:1.02rem;display:inline-flex;transform:rotate(-3deg)}.graffiti-tag:nth-child(2n){transform:rotate(4deg)}.school-motto{font-family:var(--scribble-font);color:#fff8fdb8;font-size:1.45rem}.paper-strip{background:#fffefadb;border:1px solid #5a40301a;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 16px 34px #3a273c14}.paper-strip:before{content:"";opacity:.7;pointer-events:none;background:linear-gradient(#0000 27px,#6697ff24 28px,#0000 29px) 0 0/100% 34px;position:absolute;inset:14px 18px}.paper-strip:after{content:"";pointer-events:none;background:#ff628724;border-radius:8px;width:46px;height:14px;position:absolute;top:10px;right:18px;transform:rotate(7deg)}.wall-burst{position:relative}.wall-burst:before{content:"";pointer-events:none;background:radial-gradient(circle,#ff70962e 0 28%,#0000 30%),radial-gradient(circle,#ffc96833 0 16%,#0000 19%);width:110px;height:110px;position:absolute;top:-34px;right:-30px}.note-cluster{gap:.85rem;display:grid}.note-cluster>:nth-child(2n){transform:rotate(1.1deg)}.note-cluster>:nth-child(odd){transform:rotate(-.8deg)}.hero-collage{align-content:start;gap:1rem;display:grid;position:relative}.hero-collage:before{content:"fotky / trida / stare prihody";font-family:var(--scribble-font);color:#ffffff6b;pointer-events:none;font-size:1.2rem;position:absolute;top:-10px;right:6px;transform:rotate(5deg)}.collage-frame{background:#ffffff14;border:1px solid #ffffff1f;border-radius:30px;position:relative;overflow:hidden;box-shadow:0 28px 70px #0d081847}.collage-frame img{width:100%;height:auto;display:block}.floating-chip-row{flex-wrap:wrap;gap:.75rem;display:flex}.floating-chip{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff14;border-radius:24px;align-items:center;gap:.45rem;padding:.8rem 1rem;display:inline-flex;box-shadow:0 16px 28px #110a1b29}.floating-chip:nth-child(2n){transform:rotate(3deg)}.floating-chip:nth-child(odd){transform:rotate(-4deg)}.floating-chip strong{font-size:1.35rem;line-height:1}.floating-chip span{color:#fff8fdd1;font-size:.82rem;display:block}.poster-stack{min-height:340px;position:relative}.poster-stack img{width:100%;height:auto;display:block}.poster-main{z-index:2;border-radius:28px;max-width:360px;position:relative;overflow:hidden;box-shadow:0 28px 58px #2014342e}.poster-shadow-card{color:#fff;background:linear-gradient(#2a1a3af0,#1a1229f5);border-radius:28px;width:64%;padding:1rem 1.15rem;position:absolute;bottom:14px;right:0;transform:rotate(6deg);box-shadow:0 24px 58px #130b1f3d}.poster-shadow-card .eyebrow{text-transform:uppercase;letter-spacing:.22em;color:#fff5fa99;font-size:.7rem;font-weight:800}.poster-shadow-card h3{font-family:var(--hero-font);margin:.6rem 0 0;font-size:1.65rem;line-height:1}.poster-shadow-card p{color:#fff6fbc2;margin:.6rem 0 0;font-size:.92rem;line-height:1.55}.checker-slab{position:relative;overflow:hidden}.checker-slab:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(45deg,#2c1e3b08 25%,#0000 25% 50%,#2c1e3b08 50% 75%,#0000 75%,#0000),linear-gradient(45deg,#2c1e3b08 25%,#0000 25% 50%,#2c1e3b08 50% 75%,#0000 75%,#0000);background-position:0 0,12px 12px;background-repeat:repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.zone-stack{gap:1.15rem;display:grid}.comic-divider{align-items:center;gap:.8rem;margin:.25rem 0 .75rem;display:flex}.comic-divider:before,.comic-divider:after{content:"";background:linear-gradient(90deg,#0000,#4f2e583d,#0000);flex:1;height:2px}.comic-divider span{font-family:var(--scribble-font);color:var(--text-soft);font-size:1.3rem}.mini-poster{position:relative;overflow:hidden}.mini-poster img{width:100%;height:auto;display:block}@media (width>=640px){.seat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@keyframes page-reveal{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes card-reveal{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}:root{--surface:#eef9ff;--surface-strong:#cdefff;--card:#fffdf7f0;--card-strong:#fffdf7;--card-tint:#f3fbff;--accent:#ff7a95;--accent-soft:#ffe0e8;--accent-strong:#e64568;--success:#21895b;--success-soft:#d7f6df;--warning:#f2b705;--warning-soft:#fff2b8;--danger:#e14b5c;--danger-soft:#ffe0e4;--text:#244564;--text-muted:#527089;--text-soft:#7794aa;--border:#24456429;--border-strong:#24456452;--shadow:0 14px 0 #24456414, 0 22px 48px #2445641f;--shadow-strong:0 16px 0 #2445641a, 0 30px 64px #2445642e;--radius-xl:10px;--radius-lg:8px;--radius-md:8px;--hero-font:"Bricolage Grotesque", "Segoe UI", sans-serif;--body-font:"Bricolage Grotesque", "Segoe UI", sans-serif}.app-shell .hallway-doodle,.app-shell .hallway-doodle-right{color:#24456433;font-size:1.25rem}.display-loud{font-family:var(--hero-font);letter-spacing:0;font-size:4.6rem;line-height:.96}.panel-title,.section-card.hero .panel-title,.section-card.workspace .panel-title,.section-card.support .panel-title,.section-card.identity .panel-title,.section-card.admin .panel-title{font-family:var(--hero-font);letter-spacing:0;font-size:1.65rem;line-height:1.08}.section-card,.surface-note,.paper-strip,.collage-frame,.poster-main,.poster-shadow-card,.mini-poster,.app-input,.app-textarea,.app-button,.status-banner{border-radius:8px!important}.section-card{box-shadow:var(--shadow);border:3px solid #24456433}.section-card.hero{color:var(--text);background:linear-gradient(135deg,#cdeffffa,#fff2b8fa 52%,#d7f6dffa);border-color:#24456447}.section-card.hero .panel-eyebrow,.section-card.hero .panel-title,.section-card.hero .panel-description,.section-card.hero [class*=text-white]{color:var(--text)!important}.section-card.hero:before{content:"navrat / fotky / vzpominky";color:#2445643d}.section-card.hero:after{background:radial-gradient(circle,#ff7a9538,#0000 64%)}.section-card.workspace{background:linear-gradient(#fffdf7fa,#eef9fffa)}.section-card.support{background:linear-gradient(#fff2b8fa,#fffdf7f5)}.section-card.support:after{content:"bonus / samolepky / hvezdy";color:#24456438}.section-card.identity{background:linear-gradient(#f1fff5fa,#fffdf7f5)}.section-card.identity:before{content:"moje karta";color:#24456433}.section-card.admin{background:linear-gradient(#fff4d2fa,#fffdf7f5);border-color:#24456433}.section-card.admin:after{content:"ucitelsky panel";color:#24456438}.graffiti-tag,.hero-sticker,.floating-chip{color:var(--text);background:var(--card-strong);border:3px solid #2445642e;box-shadow:0 8px #24456414}.school-motto{color:#244564c7}.floating-chip strong{color:var(--accent-strong)}.floating-chip span{color:var(--text-muted)}.app-button{border:3px solid #2445642e!important;box-shadow:0 7px #2445642e,0 16px 28px #2445641f!important}.app-button-inverse{color:var(--text)!important;background:#fffdf7c7!important}.app-button:active{transform:translateY(4px);box-shadow:0 3px #2445642e,0 10px 20px #2445641a!important}.app-badge{border:2px solid #24456429;box-shadow:0 5px #24456414}.collage-frame{background:var(--card-strong);border:4px solid #24456438;box-shadow:0 14px #24456414,0 24px 50px #24456429}.inverse-input,.inverse-textarea{border-color:var(--border-strong);color:var(--text);background:#fffdf7f5}.inverse-input::placeholder,.inverse-textarea::placeholder{color:var(--text-soft)}.poster-shadow-card{background:#244564;transform:rotate(3deg)}.poster-shadow-card .eyebrow,.poster-shadow-card p{color:#fffdf7d1}.game-shell{gap:1rem;display:grid}.game-stage{background:var(--card-strong);border:4px solid #24456438;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 12px #24456414}.game-stage img{width:100%;height:auto;display:block}.game-hud{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.game-hud-tile{background:var(--card-strong);color:var(--text);border:3px solid #2445642e;border-radius:8px;padding:.85rem;box-shadow:0 7px #24456414}.game-hud-tile strong{color:var(--accent-strong);font-size:1.55rem;line-height:1;display:block}.game-hud-tile span{color:var(--text-muted);margin-top:.35rem;font-size:.8rem;display:block}.mission-grid{gap:.85rem;display:grid}.mission-card{background:var(--card-strong);border:3px solid #2445642e;border-radius:8px;padding:1rem;position:relative;box-shadow:0 8px #24456414}.mission-card:before{content:"1";color:var(--warning);font-weight:800;position:absolute;top:.75rem;right:.85rem}.seat-grid{gap:.75rem}.seat-tile{min-height:132px;border-width:3px!important;box-shadow:0 8px #24456414!important}@media (width<=720px){.display-loud{font-size:3rem}.game-hud{grid-template-columns:1fr}}:root{--surface:#eee2d0;--surface-strong:#d4b98d;--card:#fffaeff0;--card-strong:#fff8ea;--card-tint:#f4ead8;--accent:#b75f43;--accent-soft:#f2d2c5;--accent-strong:#873f2e;--success:#3d7654;--success-soft:#dbe8d2;--warning:#b9892f;--warning-soft:#f4dfab;--danger:#a9433e;--danger-soft:#efd0cc;--text:#332a21;--text-muted:#715f4f;--text-soft:#9a8066;--border:#3f31242e;--border-strong:#3f312457;--shadow:0 16px 36px #412d1924;--shadow-strong:0 22px 56px #412d1933}body{background:radial-gradient(circle at 14% 12%,#b75f4329,#0000 28%),radial-gradient(circle at 88% 6%,#3d765424,#0000 30%),linear-gradient(90deg,#3f31240b 1px,#0000 1px) 0 0/36px 36px,linear-gradient(#3f31240b 1px,#0000 1px) 0 0/36px 36px,linear-gradient(135deg,#efe1ca 0%,#f8edd8 45%,#dbc4a2 100%)}.app-shell:before{background:linear-gradient(135deg,#41563e33,#0000 26%),linear-gradient(220deg,#b75f432e,#0000 31%),radial-gradient(circle at 70% 80%,#52361f24,#0000 28%)}.section-card.hero{background:linear-gradient(135deg,#fff8eafa,#e0c69ef5 54%,#cfdfbdf0),repeating-linear-gradient(0deg,#0000 0 34px,#3f312409 34px 36px)}.section-card.hero:before{content:"fotky / prihody / psanicka"}.section-card.support:after{content:"spoluzaci / lavice / nastenka"}.section-card.admin:after{content:"kabinet organizatora"}.graffiti-tag,.floating-chip,.surface-note,.paper-strip,.game-hud-tile,.mission-card{box-shadow:0 9px 18px #412d191f,inset 0 0 0 1px #ffffff61}.graffiti-tag{color:#493222;background:#f9e6b7;border-color:#49322233;transform:rotate(-1.2deg)}.game-stage{background:linear-gradient(#fff8eacc,#e7d3b2eb),repeating-linear-gradient(90deg,#603e2314 0 8px,#0000 8px 18px);border-color:#4932223d;box-shadow:0 16px 34px #412d192e}.poster-shadow-card{background:#314736}.app-button{box-shadow:0 8px 18px #412d1929!important}.seat-tile{box-shadow:0 10px 18px #412d191f!important}:root{--hero-font:"Bricolage Grotesque", "Segoe UI", sans-serif;--surface:#2f2a21;--card:#fff8eac7;--card-strong:#fff9eeeb;--text:#2d241b;--text-muted:#6b5948;--text-soft:#927b63;--border:#543d262e;--shadow:0 24px 70px #1e140c38;--shadow-strong:0 34px 96px #1e140c52}.app-shell:before{opacity:1;filter:saturate(.96)contrast(1.04);background:linear-gradient(90deg,#140e09a3,#140e0929 34%,#140e096b),linear-gradient(#140e092e,#140e097a),url(/assets/retro-desk-hero-wide-DIYitd8b.png) top/max(100vw,1500px) no-repeat}.app-shell:after{background-color:#0000;background-image:radial-gradient(circle at 50% 20%,#ffeecd2e,#0000 30%),linear-gradient(#eee2d005,#eee2d057 72%,#eee2d0d1);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;-webkit-mask-image:none;mask-image:none}.section-card{-webkit-backdrop-filter:blur(14px)saturate(.92);backdrop-filter:blur(14px)saturate(.92);background:#fff8eac7;border-width:1px;box-shadow:0 26px 80px #18110a3d}.section-card.hero{background:linear-gradient(135deg,#fff8eab3,#e7d3b28a 54%,#c4d6b575);border-color:#fff8ea6b}.hero-collage:before{content:"vyryto kruzitkem";z-index:2;font-family:var(--scribble-font);color:#ffebc7c7;text-shadow:0 2px 12px #140e0966;pointer-events:none;font-size:clamp(1.45rem,3vw,2.25rem);position:absolute;top:-1.1rem;right:1rem;transform:rotate(4deg)}.wall-burst{box-shadow:0 20px 52px #1c120a38;background:linear-gradient(135deg,#fff8eae6,#fff8eab8)!important}.display-loud{letter-spacing:-.045em;text-shadow:0 2px 24px #fff8ea47;max-width:12ch}.hero-collage{min-height:clamp(480px,58vw,680px)}.hero-collage .game-stage{aspect-ratio:16/10;background:#fff8ea2e;border-width:1px;transform:rotate(-.8deg);box-shadow:0 28px 80px #160d0747}.hero-collage .game-stage img,.poster-main.game-stage img,.mini-poster.game-stage img{object-fit:cover;object-position:center 44%;height:100%}.graffiti-tag{background:#fff8eab8;border-width:1px;transform:none;box-shadow:0 10px 28px #1e140c1f}.graffiti-tag:nth-child(2n){background:#dbe8d2a8;transform:none}.app-button{border-width:1px!important;box-shadow:0 14px 32px #1e140c29!important}.app-badge{box-shadow:none;border-width:1px}.surface-note,.paper-strip,.game-hud-tile{background:#fff8ead1;box-shadow:0 16px 42px #1e140c24;border-width:1px!important}.bootstrap-wide{-webkit-backdrop-filter:blur(9px)saturate(.92);backdrop-filter:blur(9px)saturate(.92);background:#fff8ea8f!important;border-color:#fff8ea6b!important}.bootstrap-wide .app-input,.bootstrap-wide .app-textarea{background:#fffaf1b8}.hero-collage>.grid{margin-top:-2.2rem}@media (width<=720px){.app-shell:before{opacity:.82;background-size:1260px}.app-shell:after{background:linear-gradient(#eee2d047,#eee2d0c7)}.hero-collage:before{display:none}.hero-collage{min-height:0}.hero-collage>.grid{margin-top:0}}.game-entry-layout{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);align-items:stretch;gap:1rem;display:grid}.classroom-game-shell{gap:.85rem;min-width:0;display:grid}.classroom-game-hud{grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem;display:grid}.classroom-game-hud div{background:#fff8eabd;border:1px solid #fff8ea70;border-radius:8px;min-width:0;padding:.7rem .75rem;box-shadow:0 12px 28px #1e140c24}.classroom-game-hud strong{color:var(--accent-strong);font-size:clamp(1.1rem,2vw,1.55rem);line-height:1;display:block}.classroom-game-hud span{overflow-wrap:anywhere;color:var(--text-muted);text-transform:uppercase;margin-top:.3rem;font-size:.76rem;font-weight:700;display:block}.classroom-game-scene{isolation:isolate;background:linear-gradient(90deg,#53382017 1px,#0000 1px) 0 0/34px 34px,linear-gradient(#53382017 1px,#0000 1px) 0 0/34px 34px,repeating-linear-gradient(90deg,#b0774126 0 1px,#0000 1px 92px) 0 0/92px 100%,linear-gradient(#d8b87d 0%,#c89450 100%);border:1px solid #43302057;border-radius:8px;min-height:clamp(500px,52vw,740px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 8px #5a3a201f,inset 0 0 0 16px #fff4dc1f,0 30px 90px #160d0752}.classroom-game-scene:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(at 50% 52%,#fff4ce52,#0000 42%),linear-gradient(#37211114,#3721112e);position:absolute;inset:0}.classroom-game-scene:after{content:"ZS DAMNIKOV / 9. TRIDA / 2004";z-index:1;color:#5338203d;letter-spacing:.12em;font-size:clamp(.75rem,1.6vw,1.1rem);font-weight:800;position:absolute;bottom:.9rem;right:1rem}.classroom-wall{z-index:1;pointer-events:none;background:linear-gradient(#7e5132,#5b3924);position:absolute;box-shadow:inset 0 0 0 1px #fff8ea1f}.classroom-wall-top{height:7.5%;inset:0 0 auto}.classroom-wall-left,.classroom-wall-right{width:4.2%;top:0;bottom:0}.classroom-wall-left{left:0}.classroom-wall-right{right:0}.classroom-door{z-index:2;background:linear-gradient(90deg,#fff8ea2e,#0000 28%),linear-gradient(#9b6139,#744424);border:1px solid #43302047;border-bottom:0;border-radius:8px 8px 0 0;place-items:center;width:12%;height:16%;display:grid;position:absolute;bottom:3%;left:5.5%;box-shadow:0 -10px 24px #25150a29}.classroom-door span,.teacher-desk span{color:#fff8eab8;letter-spacing:.18em;font-size:.68rem;font-weight:800}.classroom-windows{z-index:2;gap:.55rem;display:grid;position:absolute;top:9%;right:5.4%}.classroom-windows span{background:linear-gradient(90deg,#0000 47%,#fff8ea5c 47% 53%,#0000 53%),linear-gradient(#0000 47%,#fff8ea5c 47% 53%,#0000 53%),linear-gradient(135deg,#bedde2eb,#eef5e8b8);border:1px solid #fff8ea80;border-radius:8px;width:clamp(38px,6vw,72px);height:clamp(42px,6vw,74px);box-shadow:0 10px 26px #26190f24}.teacher-desk{z-index:3;background:linear-gradient(90deg,#fff8ea29,#0000 34%),repeating-linear-gradient(90deg,#fff8ea14 0 9px,#0000 9px 21px),linear-gradient(#93613d,#6d4228);border:1px solid #4330204d;border-radius:8px;place-items:center;width:19%;height:14%;display:grid;position:absolute;top:14%;left:8.4%;box-shadow:0 16px 34px #25150a33}.classroom-rug{z-index:1;background-color:#a060371a;background-image:linear-gradient(90deg,#fff8ea29 1px,#0000 1px),linear-gradient(#fff8ea29 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:20% 25%;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px dashed #43302033;border-radius:8px;width:52%;height:50%;position:absolute;top:32%;left:32%}.classroom-aisle{z-index:2;pointer-events:none;background:#ffecbf2e;border-radius:999px;position:absolute}.classroom-aisle-main{width:4.6%;height:50%;top:32%;left:48.6%}.classroom-aisle-cross{width:68%;height:4.2%;top:53.4%;left:16%}.chalkboard-panel{z-index:2;color:#fffceef5;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:linear-gradient(#ffffff0a,#0000),#16352ae6;border:1px solid #dceecd38;border-radius:8px;width:min(43%,520px);min-height:116px;padding:1rem;position:absolute;top:9%;left:34%;box-shadow:inset 0 0 36px #0000002e,0 16px 42px #100a0638}.chalkboard-panel h3{color:#fff;overflow-wrap:anywhere;margin:.75rem 0 0;font-size:clamp(1.05rem,1.8vw,1.55rem);font-weight:800;line-height:1.05}.chalkboard-panel p{-webkit-line-clamp:3;color:#fffceec7;-webkit-box-orient:vertical;margin:.45rem 0 0;font-size:.88rem;display:-webkit-box;overflow:hidden}.game-hotspot,.classroom-seat{z-index:4;color:var(--text);cursor:pointer;transition:transform var(--motion-fast) ease, background-color var(--motion-fast) ease, border-color var(--motion-fast) ease;background:#fff8eaeb;border:1px solid #452f1c3d;border-radius:8px;place-items:center;gap:.12rem;display:grid;position:absolute;box-shadow:0 12px #4d301b29,0 18px 34px #120c0733}.game-hotspot:hover,.classroom-seat:hover{background:#fffcf4f5;border-color:#452f1c5c;transform:translateY(-4px)}.game-hotspot b{width:1.65rem;height:1.65rem;color:var(--accent-strong);background:#b75f4324;border-radius:7px;place-items:center;font-size:1rem;line-height:1;display:grid}.game-hotspot span,.classroom-seat span{font-size:.82rem;font-weight:800;line-height:1}.game-hotspot small,.classroom-seat small{max-width:100%;color:var(--text-muted);overflow-wrap:anywhere;font-size:.66rem;font-weight:700;line-height:1.05}.game-hotspot{text-align:left;grid-template-columns:auto 1fr;grid-template-areas:"icon label""icon detail";justify-items:start;min-width:118px;min-height:64px;padding:.55rem .65rem}.game-hotspot b{grid-area:icon}.game-hotspot span{grid-area:label}.game-hotspot small{grid-area:detail}.game-hotspot-desk{bottom:5.5%;left:38%}.game-hotspot-teacher{background:#f4e0b0f0;top:31%;left:7%}.game-hotspot-notes{bottom:9%;right:7%}.game-hotspot-quiz{top:36%;right:7%}.classroom-seat-layer{z-index:3;position:absolute;inset:0}.classroom-seat{color:#fff8ea;text-shadow:0 1px 12px #1a0f0847;background:linear-gradient(90deg,#fff8ea33,#0000 34%),linear-gradient(#b07741f5,#7a4c28f5);width:clamp(74px,7.5vw,104px);min-height:58px;padding:.45rem .55rem;transform:translate(-50%,-50%)}.classroom-seat:hover{background:linear-gradient(90deg,#fff8ea47,#0000 34%),linear-gradient(#be824afa,#87512bfa);transform:translate(-50%,calc(-50% - 3px))}.classroom-seat.is-occupied{background:linear-gradient(90deg,#fff8ea33,#0000 34%),linear-gradient(#4b714cf5,#2f4f36f5)}.classroom-seat.is-mine{z-index:5;background:linear-gradient(90deg,#fff8ea42,#0000 34%),linear-gradient(#b75f43fa,#7e3b2bfa);border-color:#b75f43a8;box-shadow:0 0 0 4px #b75f4333,0 18px 42px #120c0747}.classroom-seat small{color:#fff8ead1}.classroom-seat:disabled{cursor:not-allowed;opacity:.56}.classroom-game-fallback{color:#6f4b00;background:#f4dfabc7;border:1px solid #b9892f47;border-radius:8px;padding:.85rem 1rem;font-weight:800}.classroom-game-actions{flex-wrap:wrap;gap:.7rem;display:flex}.desk-space{background:#fff8ea6b;border:1px solid #fff8ea75;border-radius:8px;min-width:0;overflow:hidden;box-shadow:0 24px 70px #160d0738}.desk-space.is-active{outline:3px solid #b75f433d}.desk-space-surface{isolation:isolate;background-color:#8b572d;background-position:50%;background-size:cover;min-height:100%;padding:1rem;position:relative}.desk-space-surface:before{content:"";z-index:-1;background:linear-gradient(#fff8ea14,#27160a33);position:absolute;inset:0}.desk-space-header{z-index:3;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.85rem;display:flex;position:relative}.desk-space-header h2{color:#fff8ea;text-shadow:0 2px 18px #180d066b;margin:.8rem 0 0;font-size:clamp(1.35rem,2vw,2rem);font-weight:800;line-height:1.05}.desk-space-header p{color:#fff8ead1;margin:.35rem 0 0;font-weight:700}.desk-item-grid{z-index:3;gap:.75rem;display:grid;position:relative}.desk-item{background:#fff8eadb;border:1px solid #fff8ea8a;border-radius:8px;padding:.9rem;box-shadow:0 16px 36px #190e0733}.desk-item h3{color:var(--text);overflow-wrap:anywhere;margin:.65rem 0 0;font-size:1rem;font-weight:800;line-height:1.1}.desk-item p{-webkit-line-clamp:3;color:var(--text-muted);-webkit-box-orient:vertical;margin:.4rem 0 0;font-size:.88rem;display:-webkit-box;overflow:hidden}.desk-score-row{gap:.45rem;margin-top:.7rem;display:grid}.desk-score-row span{color:var(--text-muted);justify-content:space-between;gap:.75rem;font-size:.88rem;display:flex}.desk-score-row strong{color:var(--accent-strong)}.desk-object{z-index:2;pointer-events:none;filter:drop-shadow(0 12px 18px #160c0638);background-repeat:no-repeat;background-size:420% 420%;position:absolute}.desk-object-note{background-position:0 0;width:86px;height:58px;top:6rem;right:1rem;transform:rotate(7deg)}.desk-object-book{opacity:.9;background-position:67% 0;width:118px;height:88px;bottom:2rem;right:1.2rem}.desk-object-photo{background-position:3%;width:104px;height:82px;bottom:3rem;left:.9rem;transform:rotate(-5deg)}.desk-object-pencil{background-position:75% 45%;width:116px;height:64px;top:42%;right:.4rem;transform:rotate(-24deg)}@media (width<=1180px){.game-entry-layout{grid-template-columns:1fr}.desk-space-surface{min-height:520px}}@media (width<=760px){.classroom-game-hud{grid-template-columns:repeat(2,minmax(0,1fr))}.classroom-game-scene{background-position:50%;min-height:640px}.chalkboard-panel{width:84%;min-height:112px;top:8%;left:8%}.game-hotspot{min-width:96px;min-height:50px}.game-hotspot-desk{bottom:4%;left:34%}.game-hotspot-teacher{top:30%;left:7%}.game-hotspot-notes{bottom:4%;right:4%}.game-hotspot-quiz{top:31%;right:4%}.classroom-seat{width:64px;min-height:54px}.classroom-rug{width:72%;height:46%;top:34%;left:14%}.teacher-desk,.classroom-windows,.classroom-door{display:none}.classroom-game-actions{display:grid}.desk-space-surface{min-height:620px}.desk-space-header{display:grid}.desk-object{opacity:.42}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
