/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;--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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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:where(:not(iframe)){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 components,utilities;:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f0e6d4;--muted:#b7a894;--bg-0:#14110e;--bg-1:#1c1814;--stone-deep:#2a241d;--stone-mid:#3a3228;--stone-lit:#4a4033;--floor-a:#2f2921;--floor-b:#342c23;--accent:#d4a15c;--accent-soft:#e8c27a;--danger:#a85a45;--kraftquelle:#3d8fd4;--kraftquelle-glow:#6eb6f0;--portal:#5b6fd4;--portal-core:#9aa8ff;--chest:#c9a24a;--chest-lid:#e2c56a;--shadow:#00000073;--font-display:"Cinzel", Georgia, serif;--font-body:"Figtree", "Segoe UI", sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{height:100%;min-height:100%;margin:0}html,body{overscroll-behavior:none;touch-action:manipulation;background:radial-gradient(120% 80% at 50% 0%, #d4a15c1f, transparent 55%), radial-gradient(90% 70% at 50% 100%, #0000008c, transparent 60%), linear-gradient(180deg, var(--bg-1), var(--bg-0));color:var(--ink);font-family:var(--font-body)}body{min-height:100dvh}.shell{min-height:100dvh;padding:calc(.75rem + var(--safe-top)) calc(.9rem + var(--safe-right)) calc(.9rem + var(--safe-bottom)) calc(.9rem + var(--safe-left));grid-template-rows:auto minmax(0,1fr) auto;gap:.75rem;display:grid}.topbar{text-align:center;animation:.42s ease-out both rise-in}.brand{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-soft);text-shadow:0 2px 18px #d4a15c47;margin:0;font-size:clamp(1.7rem,7vw,2.4rem);font-weight:700}.status{color:var(--muted);margin:.2rem 0 0;font-size:.85rem}.stage{place-items:center;min-height:0;animation:.52s ease-out both fade-scale;display:grid}.board{--view-size:11;aspect-ratio:1;grid-template-columns:repeat(var(--view-size), minmax(0, 1fr));grid-template-rows:repeat(var(--view-size), minmax(0, 1fr));background:linear-gradient(180deg, #ffffff08, transparent 40%), var(--stone-deep);width:min(100%,100dvh - 18.5rem,34rem);box-shadow:inset 0 0 0 1px #00000059, 0 18px 40px var(--shadow);border:1px solid #d4a15c38;gap:2px;padding:3px;display:grid}.tile{min-width:0;min-height:0;position:relative;overflow:hidden}.tile.floor{background:radial-gradient(circle at 30% 25%, #e8c27a14, transparent 55%), linear-gradient(145deg, #ffffff08, transparent 45%), var(--floor-a)}.tile.floor.tile-odd{background:radial-gradient(circle at 70% 70%, #e8c27a0d, transparent 50%), linear-gradient(145deg, #ffffff05, transparent 45%), var(--floor-b)}.tile.wall{background:linear-gradient(160deg, var(--stone-lit), var(--stone-mid) 55%, var(--stone-deep));box-shadow:inset 0 1px #ffffff0f}.tile.wall:after{content:"";background:#0000001f;border:1px solid #00000047;position:absolute;inset:18%}.tile.has-player{z-index:1}.tile.kraftquelle:before{content:"";background:radial-gradient(circle at 35% 30%, #ffffff8c, transparent 42%), radial-gradient(circle at 50% 50%, var(--kraftquelle-glow), var(--kraftquelle) 70%);pointer-events:none;z-index:0;border-radius:50%;position:absolute;inset:22%;box-shadow:0 0 10px #3d8fd48c,inset 0 0 6px #ffffff40}.tile.portal:before,.tile.portal:after{content:"";pointer-events:none;z-index:0;border-radius:50%;position:absolute}.tile.portal:before{background:conic-gradient(from 0deg, #9ba8ff0d, var(--portal-core), #5b6fd426, var(--portal), #9ba8ff0d);animation:2.8s linear infinite portal-spin;inset:14%;box-shadow:0 0 12px #5b6fd466;-webkit-mask:radial-gradient(circle,#0000 28%,#000 32% 68%,#0000 72%);mask:radial-gradient(circle,#0000 28%,#000 32% 68%,#0000 72%)}.tile.portal:after{background:radial-gradient(circle at 50% 50%, #14101cf2 0 42%, transparent 70%), radial-gradient(circle at 50% 50%, var(--portal-core), transparent 65%);animation:1.6s ease-in-out infinite portal-pull;inset:32%;box-shadow:inset 0 0 10px #9aa8ff73}.tile.schatztruhe:before{content:"";background:linear-gradient(180deg, var(--chest-lid) 0 28%, var(--chest) 28% 100%);pointer-events:none;z-index:0;border-radius:12% 12% 18% 18%;height:38%;position:absolute;bottom:18%;left:22%;right:22%;box-shadow:inset 0 1px #ffffff59,0 2px 4px #00000059}.tile.schatztruhe:after{content:"";pointer-events:none;z-index:0;background:#6a4a24;border-radius:20%;width:10%;height:14%;position:absolute;bottom:30%;left:46%;box-shadow:0 0 0 1px #e8c27a73}.tile.has-player .player{z-index:2}.player{place-items:center;animation:2.4s ease-in-out infinite player-idle;display:grid;position:absolute;inset:12%}.player-body{background:radial-gradient(circle at 50% 22%,#f4e7c8 0 18%,#0000 19%),linear-gradient(#6d8f6a 0 34%,#3f5d55 34% 70%,#2c3d45 70%);border-radius:45% 45% 35% 35%;width:58%;height:72%;box-shadow:0 0 0 1px #00000059,0 4px 10px #00000059}.player-torch{background:radial-gradient(circle,#ffe7a8 0%,#d4a15c 45%,#0000 70%);border-radius:50%;width:18%;height:18%;animation:1.1s ease-in-out infinite torch-flicker;position:absolute;top:28%;right:8%;box-shadow:0 0 10px #e8c27aa6}.controls{align-content:start;justify-items:center;gap:.55rem;padding-top:.1rem;animation:.48s ease-out 80ms both rise-in;display:grid}.dpad{--pad-size:3.35rem;--pad-gap:.28rem;--hub-size:1.25rem;align-items:center;gap:var(--pad-gap);-webkit-user-select:none;user-select:none;background:radial-gradient(circle,#d4a15c1a,#0000 58%),linear-gradient(#ffffff09,#0000 55%),#00000047;border:1px solid #d4a15c2e;border-radius:1.2rem;flex-direction:column;padding:.4rem;display:flex;box-shadow:inset 0 1px #ffffff0b}.dpad-mid{align-items:center;gap:var(--pad-gap);display:flex}.dpad-hub{width:var(--hub-size);height:var(--hub-size);pointer-events:none;background:radial-gradient(circle at 50% 40%,#e8c27a2e,#0000 70%),#ffffff0a;border:1px solid #d4a15c24;border-radius:.45rem;flex:none}.pad-btn{appearance:none;width:var(--pad-size);height:var(--pad-size);background:linear-gradient(180deg, #ffffff12, transparent 55%), var(--stone-mid);color:var(--accent-soft);touch-action:manipulation;border:1px solid #d4a15c4d;border-radius:.95rem;place-items:center;margin:0;padding:0;transition:transform 90ms,background 90ms,border-color 90ms,color 90ms;display:grid}.pad-btn:active{background:var(--stone-lit);color:var(--ink);transform:scale(.94)}.pad-btn.blocked{border-color:var(--danger);color:#f0c2b4}.pad-arrow{width:1.2rem;height:1.2rem;display:block}.pad-arrow-left{transform:rotate(-90deg)}.pad-arrow-right{transform:rotate(90deg)}.pad-arrow-down{transform:rotate(180deg)}.hint{color:var(--muted);letter-spacing:.01em;text-align:center;margin:0;font-size:.78rem}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-scale{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes player-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-6%)}}@keyframes torch-flicker{0%,to{opacity:.85;transform:scale(1)}40%{opacity:1;transform:scale(1.12)}70%{opacity:.75;transform:scale(.94)}}@keyframes portal-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes portal-pull{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(.72)}}@media (width>=720px){.shell{gap:1rem;max-width:44rem;margin:0 auto}.board{width:min(100%,100dvh - 19rem,34rem)}.dpad{--pad-size:3.75rem;--pad-gap:.32rem;--hub-size:1.4rem;padding:.48rem}.pad-arrow{width:1.28rem;height:1.28rem}}@media (height<=720px){.dpad{--pad-size:3.05rem;--hub-size:1.1rem;padding:.32rem}.pad-arrow{width:1.05rem;height:1.05rem}.hint{font-size:.72rem}.board{width:min(100%,100dvh - 16.5rem,34rem)}}