.board-game-container{min-height:calc(100vh - var(--header-height));background-color:#050508;background-image:radial-gradient(circle at 50% 0%, rgba(var(--accent-primary-hsl), .15) 0%, transparent 50%), radial-gradient(circle at 100% 100%, rgba(var(--accent-tertiary-hsl), .1) 0%, transparent 50%), linear-gradient(#ffffff05 1px, transparent 1px), linear-gradient(90deg, #ffffff05 1px, transparent 1px);background-size:100% 100%,100% 100%,40px 40px,40px 40px;flex-direction:column;justify-content:flex-start;align-items:center;padding:2rem;display:flex;position:relative;overflow:hidden}.board-game-container:before{content:"";background:radial-gradient(circle, rgba(var(--accent-primary-hsl), .2) 0%, transparent 70%);filter:blur(100px);pointer-events:none;width:40%;height:40%;position:absolute;top:-10%;left:-10%}.board-game-container:after{content:"";background:radial-gradient(circle, rgba(var(--accent-tertiary-hsl), .15) 0%, transparent 70%);filter:blur(100px);pointer-events:none;width:40%;height:40%;position:absolute;bottom:-10%;right:-10%}.game-hud{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;border:1px solid #ffffff1a;border-bottom:2px solid rgba(var(--accent-primary-hsl), .3);background:#0f0f14d9;border-radius:24px;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin-bottom:2rem;padding:1.5rem 2rem;display:flex;box-shadow:0 10px 40px #0009,inset 0 0 30px #ffffff08}.hud-stats{align-items:center;gap:3rem;display:flex}.stat-item{flex-direction:column;gap:.25rem;display:flex}.stat-label{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.2em;color:var(--text-secondary);opacity:.8;font-size:.65rem}.stat-icon{object-fit:contain;filter:drop-shadow(0 0 10px #ffffff4d);width:48px;height:48px;transition:transform .3s}.stat-item:hover .stat-icon{transform:scale(1.1)rotate(5deg)}.stat-value{font-family:var(--font-heading);background:linear-gradient(#fff,#aaa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700;line-height:1}.stat-value.primary{background:linear-gradient(to bottom, #fff, var(--accent-primary));-webkit-background-clip:text;background-clip:text}.stat-value.secondary{background:linear-gradient(to bottom, #fff, var(--accent-secondary));-webkit-background-clip:text;background-clip:text}.stat-value.tertiary{background:linear-gradient(to bottom, #fff, var(--accent-tertiary));-webkit-background-clip:text;background-clip:text}.pity-badge{background:#0000004d;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;align-items:center;padding:.5rem 1rem;display:flex}.pity-status{letter-spacing:.05em;border-radius:4px;margin-bottom:4px;padding:2px 8px;font-size:.7rem;font-weight:800}.pity-status.standard{color:#4ade80;background:#22c55e26;border:1px solid #22c55e4d}.pity-status.modified{color:#f87171;background:#ef444426;border:1px solid #ef44444d;animation:2s infinite pulse-red}@keyframes pulse-red{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}.dice-controls{background:rgba(var(--accent-primary-hsl), .05);border:1px solid #ffffff0d;border-radius:99px;align-items:center;gap:1.5rem;padding:1rem 2rem;display:flex;box-shadow:0 10px 40px #0000004d}.dice-action-group{align-items:center;gap:.75rem;display:flex}.roll-result-container{width:54px;height:54px;box-shadow:inset 0 0 10px rgba(var(--accent-secondary-hsl), .2);background:#0006;border:1px solid #ffffff1a;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.roll-result-label{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.1em;font-size:.4rem;position:absolute;top:8px}.roll-result-value{font-family:var(--font-heading);color:var(--accent-secondary);font-size:1.5rem;font-weight:900;line-height:1}.roll-button{color:#fff;font-family:var(--font-heading);letter-spacing:.05em;cursor:pointer;filter:drop-shadow(0 2px 5px #00000080);background-color:#0000;background-image:url(/images/gacha/buttons/YH_UI_dafuwong_chouka_butten01.png);background-position:50%;background-repeat:no-repeat;background-size:contain;border:none;border-radius:0;justify-content:center;align-items:center;min-width:140px;padding:.75rem 2rem;font-size:.9rem;font-weight:800;transition:all .2s ease-out;display:flex;transform:scale(1)}.roll-button:hover:not(:disabled){filter:drop-shadow(0 4px 12px rgba(var(--accent-primary-hsl), .3));transform:scale(1.05)translateY(-1px)}.roll-button:active:not(:disabled){transform:scale(.98)}.roll-button.secondary{opacity:.95;min-width:120px;font-size:.8rem}.roll-button.secondary:hover:not(:disabled){filter:drop-shadow(0 4px 12px rgba(var(--accent-secondary-hsl), .3))}.roll-button:disabled{color:#64748b;cursor:not-allowed;box-shadow:none;background:#1e293b}.game-board-wrapper{perspective:1500px;width:100%;max-width:1300px;margin-top:2rem;padding:2rem}.game-board-outer{background:#0a0a0fcc;border:2px solid #ffffff0d;border-radius:40px;padding:40px;transition:transform .5s;transform:rotateX(15deg)translateY(-20px);box-shadow:0 30px 100px #000c,inset 0 0 40px #ffffff05}.game-board{aspect-ratio:30/17;grid-template-rows:repeat(17,1fr);grid-template-columns:repeat(30,1fr);gap:4px;display:grid;position:relative}.board-tile{z-index:1;background:#ffffff08;border:1px solid #ffffff0d;border-radius:6px;justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative}.board-tile.active{border-color:rgba(var(--accent-primary-hsl), .5);background:rgba(var(--accent-primary-hsl), .1);box-shadow:0 0 15px rgba(var(--accent-primary-hsl), .2)}.tile-number{font-family:var(--font-heading);color:#fff3;z-index:2;font-size:.7rem;font-weight:700}.tile-special{border:1px solid rgba(var(--accent-secondary-hsl), .3)!important;background:rgba(var(--accent-secondary-hsl), .05)!important}.tile-teleporter{background:radial-gradient(circle,#a855f766,#0000);animation:3s infinite teleport-glow;border-color:#a855f799!important}.tile-lucky{z-index:2;box-shadow:0 0 20px #eab30866;background:radial-gradient(circle,#eab3084d,#0000)!important;border-color:#eab30899!important;animation:1.5s infinite alternate lucky-glow!important}@keyframes lucky-glow{0%{transform:scale(1);box-shadow:0 0 10px #eab3084d}to{transform:scale(1.05);box-shadow:0 0 25px #eab30899}}.animate-float{animation:3s ease-in-out infinite float-base}.animate-float-delayed{animation:3s ease-in-out 1s infinite float-base}.animate-float-fast{animation:2s ease-in-out infinite float-base}.animate-bounce{animation:2s infinite bounce-slow}@keyframes float-base{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-4px)scale(1.1)}}@keyframes bounce-slow{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-6px)scale(1.15)}}.tile-fixed{box-shadow:inset 0 0 12px #ffd7001a;background:#ffd7000d!important;border:1px solid #ffd70066!important}.reward-preview-scale{opacity:.85;filter:drop-shadow(0 0 8px #ffd7004d);transition:all .3s;width:70%!important;height:70%!important}.board-tile:hover .reward-preview-scale{opacity:1;transform:scale(1.1)}@keyframes teleport-glow{0%,to{box-shadow:0 0 5px #a855f74d}50%{box-shadow:0 0 20px #a855f799}}.tile-icon{filter:drop-shadow(0 0 5px);font-size:1.2rem}.tile-icon-img{object-fit:contain;z-index:2;width:80%;height:80%}.tile-guardian{z-index:50;font-size:1.5rem;animation:2s ease-in-out infinite cat-float}@keyframes cat-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.player-pawn-wrapper{z-index:100;justify-content:center;align-items:center;width:48px;height:48px;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.player-pawn-img{object-fit:contain;filter:drop-shadow(0 0 10px #ffffff80);width:100%;height:100%;animation:2s ease-in-out infinite pawn-float}@keyframes pawn-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-8px)scale(1.1)}}.pawn-trail{background:rgba(var(--accent-primary-hsl), .3);filter:blur(2px);z-index:0;border-radius:50%;width:8px;height:8px;position:absolute}.purple-arrow{z-index:10;filter:drop-shadow(0 0 5px #a855f7cc);font-size:1.2rem;animation:2s ease-in-out infinite arrow-float;position:absolute}.arrow-right{right:-25px}.arrow-left{left:-25px}@keyframes arrow-float{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.player-pawn-icon{filter:drop-shadow(0 0 2px #0000004d);font-size:1.2rem}.path-line{pointer-events:none;z-index:0;background:#ffffff0d;position:absolute}.path-line.h{height:2px;top:50%;transform:translateY(-50%)}.path-line.v{width:2px;left:50%;transform:translate(-50%)}.reward-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;width:100%;max-width:1200px;margin-top:3rem;display:grid}.reward-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e1e2866;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.reward-info{justify-content:space-between;align-items:center;display:flex}.reward-label{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);font-size:.7rem}.reward-value{font-family:var(--font-heading);color:#fff;font-size:.8rem;font-weight:700}.reward-icon{object-fit:contain;filter:drop-shadow(0 0 10px #fff6);width:48px;height:48px;transition:transform .3s}.reward-card:hover .reward-icon{transform:scale(1.1)}.progress-bar-container{background:#0000004d;border-radius:10px;width:100%;height:6px;overflow:hidden}.progress-bar-fill{border-radius:10px;height:100%;transition:width .5s;box-shadow:0 0 10px}.notification-toast{z-index:1000;background:rgba(var(--accent-primary-hsl), .9);color:#fff;font-weight:800;font-family:var(--font-heading);letter-spacing:.05em;box-shadow:0 10px 40px #00000080, 0 0 20px rgba(var(--accent-primary-hsl), .5);border-radius:50px;padding:1rem 3rem;animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards toast-in;position:fixed;top:100px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-20px)scale(.8)}to{opacity:1;transform:translate(-50%)scale(1)}}@media (max-width:768px){.board-game-container{justify-content:flex-start;padding:1rem .5rem;overflow-x:hidden}.game-hud{border-radius:16px;flex-direction:column;gap:1.5rem;width:95%;padding:1.5rem 1rem}.hud-stats{flex-wrap:wrap;justify-content:center;gap:1.5rem;width:100%}.stat-item{align-items:center;min-width:45%}.stat-value{font-size:1.5rem}.dice-controls{flex-direction:column;width:100%;padding:1.25rem 1rem;gap:1.25rem!important}.game-board-wrapper{cursor:grab;-webkit-overflow-scrolling:touch;width:100vw;padding:1rem;overflow-x:auto}.game-board-outer{border-radius:24px;min-width:1000px;margin:0;padding:15px;transform:none!important}.reward-grid{grid-template-columns:1fr;gap:1rem;padding:0 1rem}.reward-card{padding:1.5rem}.stat-icon{width:36px;height:36px}}@media (max-width:1024px){.game-board-outer{padding:25px;transform:rotateX(5deg)}}
:root{--bg-primary-hsl:240 0% 7%;--bg-secondary-hsl:240 0% 11%;--bg-tertiary-hsl:240 0% 14%;--text-primary-hsl:220 13% 91%;--text-secondary-hsl:218 9% 70%;--border-color-hsl:210 2% 23%;--shadow-color-hsl:0 0% 0%;--separator-color-hsl:210 2% 23%;--accent-primary-hsl:340 100% 62%;--accent-primary-hover-hsl:340 100% 72%;--accent-secondary-hsl:51 100% 50%;--accent-secondary-hover-hsl:51 100% 60%;--accent-tertiary-hsl:195 100% 50%;--accent-tertiary-hover-hsl:195 100% 65%;--link-color-hsl:195 100% 50%;--link-hover-hsl:195 100% 65%;--clr-wind:#1ae6c3;--clr-water:#75b3f0;--clr-fire:#ffd633;--clr-soul:#b37de8;--clr-light:#e5e7eb;--clr-curse:#ff3d7e;--clr-orange:hsl(var(--accent-secondary-hsl));--clr-unknown:#95a5a6;--clr-default-element:hsl(var(--accent-primary-hsl));--bg-primary:hsl(var(--bg-primary-hsl));--bg-secondary:hsl(var(--bg-secondary-hsl));--bg-tertiary:hsl(var(--bg-tertiary-hsl));--text-primary:hsl(var(--text-primary-hsl));--text-secondary:hsl(var(--text-secondary-hsl));--border-color:hsl(var(--border-color-hsl));--separator-color:hsl(var(--separator-color-hsl));--accent-primary:hsl(var(--accent-primary-hsl));--accent-primary-hover:hsl(var(--accent-primary-hover-hsl));--accent-secondary:hsl(var(--accent-secondary-hsl));--accent-secondary-hover:hsl(var(--accent-secondary-hover-hsl));--accent-tertiary:hsl(var(--accent-tertiary-hsl));--accent-tertiary-hover:hsl(var(--accent-tertiary-hover-hsl));--link-color:hsl(var(--link-color-hsl));--link-hover:hsl(var(--link-hover-hsl));--shadow-color:hsla(var(--shadow-color-hsl), .6);--glitch-color-1:hsl(var(--accent-primary-hsl));--glitch-color-2:hsl(var(--accent-tertiary-hsl));--neon-glow-color:hsl(var(--accent-primary-hsl));--font-main:var(--font-roboto-condensed), system-ui, -apple-system, sans-serif;--font-heading:var(--font-rajdhani), system-ui, -apple-system, sans-serif;--transition-speed:.3s;--transition-speed-fast:.15s;--transition-speed-slow:.5s;--border-radius-small:4px;--border-radius:8px;--border-radius-large:12px;--border-radius-round:50%;--header-height:70px;--container-max-width:1600px;--container-padding:1rem;--active-element-hsl:var(--accent-primary-hsl);--star-color:gold}*,:before,:after{box-sizing:border-box;border-style:solid;border-width:0;border-color:var(--border-color);margin:0;padding:0}html,body,body>div:first-child,div#__next{height:100%;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-speed) ease, color var(--transition-speed) ease;flex-direction:column;min-height:100vh;font-size:16px;line-height:1.6;display:flex;overflow-x:hidden}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 1rem);-moz-text-size-adjust:100%;text-size-adjust:100%;tab-size:4;line-height:1.5}main{flex-direction:column;flex-grow:1;width:100%;display:flex}img,video,svg,canvas{max-width:100%;height:auto;display:block}::selection{background-color:var(--accent-primary);color:var(--bg-primary)}::selection{background-color:var(--accent-primary);color:var(--bg-primary)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:var(--border-radius-small);text-decoration:none}:focus:not(:focus-visible){outline:none}.image-container-protected{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;display:inline-block;position:relative}.image-container-protected:after{content:"";z-index:10;cursor:default;background-color:#0000;width:100%;height:100%;position:absolute;top:0;left:0}.image-container-protected img{z-index:1;pointer-events:none;display:block;position:relative}