@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";:root{--header-height: 70px;--sidebar-width: 280px;--mobile-sidebar-width: 250px;--bg-primary: #ffd93d;--bg-secondary: #fff8e1;--bg-tertiary: #ffe0b2;--bg-panel: #ffffff;--primary-color: #e64a19;--primary-hover: #ff7043;--secondary-color: #6d4c41;--accent-color: #ffb300;--text-primary: #3e2723;--text-secondary: #5d4037;--text-muted: #8d6e63;--text-accent: #e64a19;--border-color: #3e2723;--border-width: 2px;--border-radius-lg: 12px;--border-radius-md: 8px;--border-radius-sm: 4px;--success: #4caf50;--warning: #ffeb3b;--error: #d32f2f;--transition-speed: .15s;--font-family-base: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;--font-family-display: "Pretendard", sans-serif;--font-family-mono: "D2Coding", "Courier New", monospace;--pixel-shadow: 4px 4px 0px rgba(62, 39, 35, .4)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family-base);background-color:var(--bg-primary);color:var(--text-primary);background-image:linear-gradient(45deg,#ffca28 25%,transparent 25%),linear-gradient(-45deg,#ffca28 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ffca28 75%),linear-gradient(-45deg,transparent 75%,#ffca28 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;font-size:16px}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content-wrapper{display:flex;flex:1;position:relative;padding:10px;gap:15px}.retro-panel{background-color:var(--bg-panel);border:var(--border-width) solid var(--border-color);border-radius:4px;box-shadow:var(--pixel-shadow);display:flex;flex-direction:column;overflow:hidden;position:relative}.retro-panel-header{background-color:var(--bg-tertiary);border-bottom:var(--border-width) solid var(--border-color);padding:8px 12px;display:flex;align-items:center;gap:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary)}.retro-panel-content{padding:15px;flex:1;overflow-y:auto}.ad-vertical,.ad-banner-top{background-color:var(--bg-secondary);border:var(--border-width) solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text-muted);position:relative;overflow:hidden;image-rendering:pixelated}.ad-vertical{width:100%;height:100%;min-height:300px}.ad-banner-top{width:100%;height:100px;margin-bottom:20px}.ad-vertical:after,.ad-banner-top:after{content:"AD ZONE";position:absolute;bottom:5px;right:5px;font-size:14px;opacity:.5}.game-container{background-color:#000;border:var(--border-width) solid var(--border-color);box-shadow:var(--pixel-shadow);display:flex;align-items:center;justify-content:center;aspect-ratio:4 / 3;width:100%;margin:0 auto;position:relative}.sidebar{width:var(--sidebar-width);background-color:var(--bg-panel);border:var(--border-width) solid var(--border-color);box-shadow:var(--pixel-shadow);height:100vh;position:sticky;top:0;overflow:hidden;margin:0;z-index:20}a{text-decoration:none;color:inherit;transition:color .2s ease,background-color .2s ease}a:hover{text-decoration:none;color:var(--primary-color)}button{cursor:pointer;border:var(--border-width) solid var(--border-color);background-color:var(--bg-tertiary);padding:5px 10px;font-family:inherit;font-size:1rem;box-shadow:2px 2px #0003;transition:transform .1s ease,box-shadow .1s ease,background-color .2s}button:hover{background-color:var(--bg-secondary)}button:active{transform:translate(2px,2px);box-shadow:none}input,select,textarea{background-color:#fff;border:var(--border-width) solid var(--border-color);padding:8px;font-family:inherit;font-size:1.1rem;color:var(--text-primary);box-shadow:inset 2px 2px #0000001a}input:focus,select:focus{outline:2px solid var(--primary-color);background-color:#fff}@media(max-width:768px){.main-content-wrapper{flex-direction:column;padding:10px}.sidebar-wrapper{position:fixed;left:0;top:var(--header-height);height:calc(100vh - var(--header-height));width:250px;margin:0;transform:translate(-100%);transition:transform .3s;z-index:100}.sidebar-wrapper.open{transform:translate(0)}.sidebar-wrapper .sidebar{position:static;height:100%;width:100%;margin:0;box-shadow:none;border:none}}.icon-btn-reset{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0!important;min-width:auto!important;aspect-ratio:auto!important;transform:none!important}.icon-btn-reset:hover,.icon-btn-reset:active,.icon-btn-reset:focus,.icon-btn-reset:focus-visible{background:transparent!important;box-shadow:none!important;transform:none!important;outline:none!important;border:none!important}.retro-bg-pattern{background-color:var(--bg-primary);background-image:linear-gradient(45deg,#ffca28 25%,transparent 25%),linear-gradient(-45deg,#ffca28 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ffca28 75%),linear-gradient(-45deg,transparent 75%,#ffca28 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}.page-with-sidebar-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;height:100%}@media(max-width:900px){.page-with-sidebar-grid{grid-template-columns:1fr!important}}ruffle-player{width:100%!important;height:100%!important;display:block!important}ruffle-player #container{width:100%!important;height:100%!important}