/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties {
	@supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or
		((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
		*,
		:before,
		:after,
		::backdrop {
			--tw-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-leading: 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-outline-style: solid;
			--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-duration: initial;
			--tw-ease: initial;
		}
	}
}
@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;
		--spacing: 0.25rem;
		--container-xs: 20rem;
		--container-sm: 24rem;
		--container-md: 28rem;
		--container-lg: 32rem;
		--text-xs: 0.75rem;
		--text-xs--line-height: calc(1 / 0.75);
		--text-sm: 0.875rem;
		--text-sm--line-height: calc(1.25 / 0.875);
		--leading-relaxed: 1.625;
		--ease-in: cubic-bezier(0.4, 0, 1, 1);
		--ease-out: cubic-bezier(0, 0, 0.2, 1);
		--default-transition-duration: 0.15s;
		--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		--default-font-family: var(--font-sans);
		--default-mono-font-family: var(--font-mono);
		--color-panel: #2b1d0e;
		--color-panel-inner: #3d2b14;
		--color-panel-border: #8b6914;
		--color-panel-border-dark: #5a4a2a;
		--color-glass: oklch(0% 0 0/0.55);
		--color-glass-border: oklch(100% 0 0/0.15);
		--color-btn: #4a7a3a;
		--color-btn-hover: #5a9a4a;
		--color-btn-active: #3a6a2a;
		--color-btn-border: #2d5a1f;
		--color-text: #e8d8b8;
		--color-text-muted: #a89878;
		--color-hp: #b83030;
		--color-mp: #3060b8;
		--color-toast-info: #3060b8;
		--color-toast-success: #4a7a3a;
		--color-toast-warning: #b89030;
		--color-toast-error: #b83030;
		--color-toast-loot: #c8a832;
		--color-overlay: #000000b3;
		--color-slot: #1e1408;
		--radius-glass: 6px;
		--font-game: 'Press Start 2P', monospace;
		--animate-toast-in: toast-slide-in 0.3s ease-out forwards;
		--animate-toast-out: toast-slide-out 0.2s ease-in forwards;
		--animate-modal-in: modal-fade-in 0.2s ease-out forwards;
	}
}
@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;
		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: -0.25em;
	}
	sup {
		top: -0.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 components;
@layer utilities {
	.pointer-events-auto {
		pointer-events: auto;
	}
	.pointer-events-none {
		pointer-events: none;
	}
	.collapse {
		visibility: collapse;
	}
	.visible {
		visibility: visible;
	}
	.absolute {
		position: absolute;
	}
	.fixed {
		position: fixed;
	}
	.relative {
		position: relative;
	}
	.static {
		position: static;
	}
	.inset-0 {
		inset: calc(var(--spacing) * 0);
	}
	.start {
		inset-inline-start: var(--spacing);
	}
	.end {
		inset-inline-end: var(--spacing);
	}
	.top-2 {
		top: calc(var(--spacing) * 2);
	}
	.top-14 {
		top: calc(var(--spacing) * 14);
	}
	.right-0\.5 {
		right: calc(var(--spacing) * 0.5);
	}
	.right-2 {
		right: calc(var(--spacing) * 2);
	}
	.right-4 {
		right: calc(var(--spacing) * 4);
	}
	.bottom-0 {
		bottom: calc(var(--spacing) * 0);
	}
	.bottom-4 {
		bottom: calc(var(--spacing) * 4);
	}
	.left-4 {
		left: calc(var(--spacing) * 4);
	}
	.isolate {
		isolation: isolate;
	}
	.mx-4 {
		margin-inline: calc(var(--spacing) * 4);
	}
	.mt-0\.5 {
		margin-top: calc(var(--spacing) * 0.5);
	}
	.mt-1 {
		margin-top: calc(var(--spacing) * 1);
	}
	.mt-px {
		margin-top: 1px;
	}
	.mb-0\.5 {
		margin-bottom: calc(var(--spacing) * 0.5);
	}
	.mb-1\.5 {
		margin-bottom: calc(var(--spacing) * 1.5);
	}
	.mb-2 {
		margin-bottom: calc(var(--spacing) * 2);
	}
	.block {
		display: block;
	}
	.flex {
		display: flex;
	}
	.grid {
		display: grid;
	}
	.hidden {
		display: none;
	}
	.h-3 {
		height: calc(var(--spacing) * 3);
	}
	.h-5 {
		height: calc(var(--spacing) * 5);
	}
	.h-7 {
		height: calc(var(--spacing) * 7);
	}
	.h-full {
		height: 100%;
	}
	.min-h-\[240px\] {
		min-height: 240px;
	}
	.w-5 {
		width: calc(var(--spacing) * 5);
	}
	.w-7 {
		width: calc(var(--spacing) * 7);
	}
	.w-32 {
		width: calc(var(--spacing) * 32);
	}
	.w-\[140px\] {
		width: 140px;
	}
	.w-full {
		width: 100%;
	}
	.max-w-\[280px\] {
		max-width: 280px;
	}
	.max-w-lg {
		max-width: var(--container-lg);
	}
	.max-w-md {
		max-width: var(--container-md);
	}
	.max-w-sm {
		max-width: var(--container-sm);
	}
	.max-w-xs {
		max-width: var(--container-xs);
	}
	.min-w-\[180px\] {
		min-width: 180px;
	}
	.flex-1 {
		flex: 1;
	}
	.shrink {
		flex-shrink: 1;
	}
	.transform {
		transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,)
			var(--tw-skew-x,) var(--tw-skew-y,);
	}
	.animate-modal-in {
		animation: var(--animate-modal-in);
	}
	.animate-toast-in {
		animation: var(--animate-toast-in);
	}
	.animate-toast-out {
		animation: var(--animate-toast-out);
	}
	.cursor-pointer {
		cursor: pointer;
	}
	.grid-cols-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
	.flex-col {
		flex-direction: column;
	}
	.items-center {
		align-items: center;
	}
	.items-end {
		align-items: flex-end;
	}
	.items-start {
		align-items: flex-start;
	}
	.justify-between {
		justify-content: space-between;
	}
	.justify-center {
		justify-content: center;
	}
	.justify-end {
		justify-content: flex-end;
	}
	.gap-1 {
		gap: calc(var(--spacing) * 1);
	}
	.gap-2 {
		gap: calc(var(--spacing) * 2);
	}
	.gap-px {
		gap: 1px;
	}
	:where(.space-y-1 > :not(:last-child)) {
		--tw-space-y-reverse: 0;
		margin-block-start: calc(
			calc(var(--spacing) * 1) * var(--tw-space-y-reverse)
		);
		margin-block-end: calc(
			calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))
		);
	}
	: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))
		);
	}
	.overflow-hidden {
		overflow: hidden;
	}
	.rounded-glass {
		border-radius: var(--radius-glass);
	}
	.border {
		border-style: var(--tw-border-style);
		border-width: 1px;
	}
	.border-2 {
		border-style: var(--tw-border-style);
		border-width: 2px;
	}
	.border-\[3px\] {
		border-style: var(--tw-border-style);
		border-width: 3px;
	}
	.border-t-2 {
		border-top-style: var(--tw-border-style);
		border-top-width: 2px;
	}
	.border-r-2 {
		border-right-style: var(--tw-border-style);
		border-right-width: 2px;
	}
	.border-b {
		border-bottom-style: var(--tw-border-style);
		border-bottom-width: 1px;
	}
	.border-b-2 {
		border-bottom-style: var(--tw-border-style);
		border-bottom-width: 2px;
	}
	.border-l-4 {
		border-left-style: var(--tw-border-style);
		border-left-width: 4px;
	}
	.border-\[\#1a1008\] {
		border-color: #1a1008;
	}
	.border-\[\#3d2b14\] {
		border-color: #3d2b14;
	}
	.border-\[\#5a4a2a\] {
		border-color: #5a4a2a;
	}
	.border-btn-border {
		border-color: var(--color-btn-border);
	}
	.border-glass-border {
		border-color: var(--color-glass-border);
	}
	.border-panel-border {
		border-color: var(--color-panel-border);
	}
	.border-panel-border-dark {
		border-color: var(--color-panel-border-dark);
	}
	.border-l-toast-error {
		border-left-color: var(--color-toast-error);
	}
	.border-l-toast-info {
		border-left-color: var(--color-toast-info);
	}
	.border-l-toast-loot {
		border-left-color: var(--color-toast-loot);
	}
	.border-l-toast-success {
		border-left-color: var(--color-toast-success);
	}
	.border-l-toast-warning {
		border-left-color: var(--color-toast-warning);
	}
	.bg-\[\#1e1408\] {
		background-color: #1e1408;
	}
	.bg-\[\#1e1408\]\/90 {
		background-color: #1e1408e6;
	}
	.bg-\[\#3d2b14\] {
		background-color: #3d2b14;
	}
	.bg-\[\#261a0a\] {
		background-color: #261a0a;
	}
	.bg-btn {
		background-color: var(--color-btn);
	}
	.bg-glass {
		background-color: var(--color-glass);
	}
	.bg-hp {
		background-color: var(--color-hp);
	}
	.bg-mp {
		background-color: var(--color-mp);
	}
	.bg-overlay {
		background-color: var(--color-overlay);
	}
	.bg-panel {
		background-color: var(--color-panel);
	}
	.bg-panel-inner {
		background-color: var(--color-panel-inner);
	}
	.bg-slot {
		background-color: var(--color-slot);
	}
	.p-1 {
		padding: calc(var(--spacing) * 1);
	}
	.p-2 {
		padding: calc(var(--spacing) * 2);
	}
	.p-3 {
		padding: calc(var(--spacing) * 3);
	}
	.p-4 {
		padding: calc(var(--spacing) * 4);
	}
	.px-2 {
		padding-inline: calc(var(--spacing) * 2);
	}
	.px-3 {
		padding-inline: calc(var(--spacing) * 3);
	}
	.px-4 {
		padding-inline: calc(var(--spacing) * 4);
	}
	.py-1 {
		padding-block: calc(var(--spacing) * 1);
	}
	.py-1\.5 {
		padding-block: calc(var(--spacing) * 1.5);
	}
	.py-2 {
		padding-block: calc(var(--spacing) * 2);
	}
	.pt-1 {
		padding-top: calc(var(--spacing) * 1);
	}
	.text-center {
		text-align: center;
	}
	.text-left {
		text-align: left;
	}
	.font-game {
		font-family: var(--font-game);
	}
	.text-\[5px\] {
		font-size: 5px;
	}
	.text-\[7px\] {
		font-size: 7px;
	}
	.text-\[8px\] {
		font-size: 8px;
	}
	.text-\[9px\] {
		font-size: 9px;
	}
	.text-\[10px\] {
		font-size: 10px;
	}
	.leading-none {
		--tw-leading: 1;
		line-height: 1;
	}
	.leading-relaxed {
		--tw-leading: var(--leading-relaxed);
		line-height: var(--leading-relaxed);
	}
	.whitespace-nowrap {
		white-space: nowrap;
	}
	.text-\[\#c8a832\] {
		color: #c8a832;
	}
	.text-text {
		color: var(--color-text);
	}
	.text-text-muted {
		color: var(--color-text-muted);
	}
	.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_0_0_1px_\#1a1008\,0_4px_12px_rgba\(0\,0\,0\,0\.6\)\] {
		--tw-shadow:
			0 0 0 1px var(--tw-shadow-color, #1a1008),
			0 4px 12px var(--tw-shadow-color, #0009);
		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_0_0_1px_\#1a1008\,0_6px_20px_rgba\(0\,0\,0\,0\.8\)\] {
		--tw-shadow:
			0 0 0 1px var(--tw-shadow-color, #1a1008),
			0 6px 20px var(--tw-shadow-color, #000c);
		box-shadow:
			var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
			var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
			var(--tw-shadow);
	}
	.shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.15\)\,0_2px_0_\#1a3a10\] {
		--tw-shadow:
			inset 0 1px 0 var(--tw-shadow-color, #ffffff26),
			0 2px 0 var(--tw-shadow-color, #1a3a10);
		box-shadow:
			var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
			var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
			var(--tw-shadow);
	}
	.shadow-\[inset_0_1px_2px_rgba\(0\,0\,0\,0\.4\)\] {
		--tw-shadow: inset 0 1px 2px var(--tw-shadow-color, #0006);
		box-shadow:
			var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
			var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
			var(--tw-shadow);
	}
	.shadow-glass {
		--tw-shadow: 0 4px 16px var(--tw-shadow-color, oklch(0% 0 0/0.3));
		box-shadow:
			var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
			var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
			var(--tw-shadow);
	}
	.shadow-panel {
		--tw-shadow:
			inset 0 1px 0 var(--tw-shadow-color, #ffffff0f),
			0 4px 12px var(--tw-shadow-color, #0009);
		box-shadow:
			var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
			var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
			var(--tw-shadow);
	}
	.shadow-toast {
		--tw-shadow: 0 2px 8px var(--tw-shadow-color, #00000080);
		box-shadow:
			var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
			var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
			var(--tw-shadow);
	}
	.ring {
		--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
			calc(1px + var(--tw-ring-offset-width))
			var(--tw-ring-color, currentcolor);
		box-shadow:
			var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
			var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
			var(--tw-shadow);
	}
	.outline {
		outline-style: var(--tw-outline-style);
		outline-width: 1px;
	}
	.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-\[4px\] {
		--tw-backdrop-blur: blur(4px);
		-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)
		);
	}
	.transition-\[width\] {
		transition-property: width;
		transition-timing-function: var(
			--tw-ease,
			var(--default-transition-timing-function)
		);
		transition-duration: var(
			--tw-duration,
			var(--default-transition-duration)
		);
	}
	.transition-colors {
		transition-property:
			color, background-color, border-color, outline-color,
			text-decoration-color, fill, stroke, --tw-gradient-from,
			--tw-gradient-via, --tw-gradient-to;
		transition-timing-function: var(
			--tw-ease,
			var(--default-transition-timing-function)
		);
		transition-duration: var(
			--tw-duration,
			var(--default-transition-duration)
		);
	}
	.duration-300 {
		--tw-duration: 0.3s;
		transition-duration: 0.3s;
	}
	.ease-in {
		--tw-ease: var(--ease-in);
		transition-timing-function: var(--ease-in);
	}
	.ease-out {
		--tw-ease: var(--ease-out);
		transition-timing-function: var(--ease-out);
	}
	@media (hover: hover) {
		.hover\:border-panel-border:hover {
			border-color: var(--color-panel-border);
		}
		.hover\:bg-btn-hover:hover {
			background-color: var(--color-btn-hover);
		}
		.hover\:bg-btn\/30:hover {
			background-color: #4a7a3a4d;
		}
		@supports (color: color-mix(in lab, red, red)) {
			.hover\:bg-btn\/30:hover {
				background-color: color-mix(
					in oklab,
					var(--color-btn) 30%,
					transparent
				);
			}
		}
		.hover\:text-\[\#c8a832\]:hover {
			color: #c8a832;
		}
		.hover\:text-text:hover {
			color: var(--color-text);
		}
	}
	.active\:bg-btn-active:active {
		background-color: var(--color-btn-active);
	}
	.active\:shadow-\[inset_0_1px_2px_rgba\(0\,0\,0\,0\.3\)\]:active {
		--tw-shadow: inset 0 1px 2px var(--tw-shadow-color, #0000004d);
		box-shadow:
			var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
			var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
			var(--tw-shadow);
	}
	@media (min-width: 48rem) {
		.md\:top-3 {
			top: calc(var(--spacing) * 3);
		}
		.md\:right-3 {
			right: calc(var(--spacing) * 3);
		}
		.md\:right-6 {
			right: calc(var(--spacing) * 6);
		}
		.md\:bottom-6 {
			bottom: calc(var(--spacing) * 6);
		}
		.md\:left-6 {
			left: calc(var(--spacing) * 6);
		}
		.md\:mb-2 {
			margin-bottom: calc(var(--spacing) * 2);
		}
		.md\:h-5 {
			height: calc(var(--spacing) * 5);
		}
		.md\:h-7 {
			height: calc(var(--spacing) * 7);
		}
		.md\:h-11 {
			height: calc(var(--spacing) * 11);
		}
		.md\:w-7 {
			width: calc(var(--spacing) * 7);
		}
		.md\:w-11 {
			width: calc(var(--spacing) * 11);
		}
		.md\:w-\[200px\] {
			width: 200px;
		}
		.md\:max-w-\[380px\] {
			max-width: 380px;
		}
		.md\:min-w-\[260px\] {
			min-width: 260px;
		}
		.md\:gap-0\.5 {
			gap: calc(var(--spacing) * 0.5);
		}
		:where(.md\: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))
			);
		}
		.md\:p-1\.5 {
			padding: calc(var(--spacing) * 1.5);
		}
		.md\:p-3 {
			padding: calc(var(--spacing) * 3);
		}
		.md\:p-4 {
			padding: calc(var(--spacing) * 4);
		}
		.md\:px-3 {
			padding-inline: calc(var(--spacing) * 3);
		}
		.md\:px-4 {
			padding-inline: calc(var(--spacing) * 4);
		}
		.md\:px-6 {
			padding-inline: calc(var(--spacing) * 6);
		}
		.md\:py-1\.5 {
			padding-block: calc(var(--spacing) * 1.5);
		}
		.md\:py-2 {
			padding-block: calc(var(--spacing) * 2);
		}
		.md\:py-3 {
			padding-block: calc(var(--spacing) * 3);
		}
		.md\:text-sm {
			font-size: var(--text-sm);
			line-height: var(--tw-leading, var(--text-sm--line-height));
		}
		.md\:text-xs {
			font-size: var(--text-xs);
			line-height: var(--tw-leading, var(--text-xs--line-height));
		}
		.md\:text-\[7px\] {
			font-size: 7px;
		}
		.md\:text-\[9px\] {
			font-size: 9px;
		}
		.md\:text-\[10px\] {
			font-size: 10px;
		}
		.md\:text-\[14px\] {
			font-size: 14px;
		}
	}
}
.rpg-text-shadow {
	text-shadow:
		-1px 0 #000,
		0 1px #000,
		1px 0 #000,
		0 -1px #000;
}
@keyframes toast-slide-in {
	0% {
		opacity: 0;
		transform: translate(100%);
	}
	to {
		opacity: 1;
		transform: translate(0);
	}
}
@keyframes toast-slide-out {
	0% {
		opacity: 1;
		transform: translate(0);
	}
	to {
		opacity: 0;
		transform: translate(100%);
	}
}
@keyframes modal-fade-in {
	0% {
		opacity: 0;
		transform: scale(0.95);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}
@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-leading {
	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-outline-style {
	syntax: '*';
	inherits: false;
	initial-value: solid;
}
@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-duration {
	syntax: '*';
	inherits: false;
}
@property --tw-ease {
	syntax: '*';
	inherits: false;
}