#widget-banner-container{position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100vw!important;height:80px!important;margin:0!important;padding:0!important;overflow:hidden!important;z-index:1000;background:transparent!important;line-height:0!important;font-size:0!important;white-space:nowrap!important}#widget-banner-container *{margin:0!important;padding:0!important;border:0!important;outline:0!important;vertical-align:top!important;line-height:0!important;font-size:0!important;box-sizing:border-box!important}#widget-banner-container iframe{display:block!important;width:100%!important;max-width:100vw!important;height:auto!important;border:none!important;margin:0!important;padding:0!important;vertical-align:top!important;background:transparent!important}#widget-banner-container ins{display:block!important;text-decoration:none!important;margin:0!important;padding:0!important;border:none!important;background:none!important}body.with-widget-banner{padding-bottom:80px!important}#float-ad-container{position:fixed!important;bottom:120px!important;right:16px!important;width:175px!important;height:175px!important;z-index:1500;background:#0000001a!important;border-radius:8px;box-shadow:0 4px 12px #0000004d;overflow:hidden!important;transition:opacity .3s ease-out,transform .3s ease-out}#float-ad-container.hidden{opacity:0;transform:translate(100%);pointer-events:none}.float-ad-close{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:#f44;color:#fff;border:2px solid white;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;line-height:1;z-index:99999!important;box-shadow:0 2px 8px #0000004d;transition:all .2s ease}.float-ad-close:hover{background:#c00;transform:scale(1.1)}.float-ad-close:before{content:"×";z-index:199999!important}#float-ad-container .widget-banner,#float-ad-container *{margin:0!important;padding:0!important;border:0!important;outline:0!important;line-height:0!important;font-size:0!important;box-sizing:border-box!important;max-width:175px!important;max-height:175px!important}#float-ad-container iframe{display:block!important;width:175px!important;height:175px!important;border:none!important;background:transparent!important}#float-ad-container ins{display:block!important;text-decoration:none!important;background:none!important;width:125px!important;height:125px!important}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:Noto Sans JP,Yu Gothic,Meiryo,sans-serif;min-height:100vh}body{overflow-x:hidden;padding:0;margin:0}html,body{overflow-x:hidden}.site-header{position:fixed;top:0;left:0;width:100%;padding:1rem 1.5rem;background:#1e1e1ef2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:space-between;align-items:center;z-index:3000;box-shadow:0 2px 8px #0006}.logo{font-size:1.4rem;color:#90caf9}.hamburger{font-size:1.8rem;background:none;border:none;color:#eee;cursor:pointer;margin-left:1rem}.menu{position:absolute;top:3.5rem;right:1.5rem;background:#232526;border-radius:8px;box-shadow:0 4px 16px #00000080;display:none;padding:.8rem 1rem;z-index:1000}.menu.open{display:block}.menu ul{list-style:none}.menu li+li{margin-top:.6rem}.menu a{color:#eee;text-decoration:none;font-size:.95rem}.menu a:hover{color:#90caf9}.menu{min-width:220px;font-size:1.15rem;padding:1.2rem 1.5rem}.menu ul{padding:0}.menu li+li{margin-top:1.1rem}.menu a{font-size:1.1rem;padding:.5em .2em}#bg-animation{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top left,rgba(144,202,249,.08),transparent),radial-gradient(circle at bottom right,rgba(255,255,255,.04),transparent);z-index:-2;pointer-events:none}#bg-animation:before{content:"";position:absolute;width:300%;height:300%;background:repeating-linear-gradient(45deg,rgba(255,255,255,.03) 0 2px,transparent 2px 6px)}@keyframes bgMove{to{transform:translate(-33%,-33%)}}#bg-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.service-title{text-align:center;font-size:2.8rem;margin:5rem 0 2rem;color:#90caf9;line-height:1.2;white-space:pre-line;text-shadow:1px 1px 8px rgba(0,0,0,.3)}.game-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.8rem;padding:6rem 2rem 2rem;max-width:1200px;margin:0 auto;margin-top:0rem;background:linear-gradient(135deg,#232526,#414345);min-height:100vh}.game-card{background:#283c5040;border-radius:18px;box-shadow:0 8px 32px #00000059;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1.5px solid rgba(144,202,249,.25);overflow:hidden;transition:transform .2s cubic-bezier(.4,2,.6,1),box-shadow .2s;position:relative}.game-card:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 16px 40px #2196f32e;border-color:#90caf973}.game-toggle{width:100%;background:#283c5040;border:none;outline:none;font-size:1.2rem;padding:1.2rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.7em;cursor:pointer;color:#90caf9;font-weight:700;border-radius:18px 18px 0 0;transition:background .2s}.game-info-left{display:flex;align-items:center;gap:.7em}.game-icon-img{height:1.8rem;width:auto;vertical-align:middle;display:inline-block}.game-title{font-weight:700;color:#90caf9;font-size:1.1em}.game-meta{display:flex;flex-direction:column;align-items:flex-start;font-size:.75em;color:#c5cae9;font-weight:400;line-height:1.3}.game-players,.game-time{white-space:nowrap;text-align:left}.game-toggle:hover{background:#90caf914}.game-details{padding:1rem 1.2rem 1.2rem;font-size:.98rem;color:#e3f2fd;text-shadow:0 1px 8px rgba(33,150,243,.08);border-top:1px solid rgba(144,202,249,.1);background:#283c501a}.example-theme{font-weight:700;color:#232526;background:linear-gradient(90deg,#90caf9,#e3f2fd);border-radius:8px;padding:.2em .7em;font-size:1.1em;display:inline-block;margin:.2em 0 .4em}.highlight{color:#42a5f5;font-weight:700;background:#42a5f514;padding:.1em .3em;border-radius:4px}.play-button{margin-top:1rem;background:linear-gradient(90deg,#90caf9,#42a5f5);color:#232526;border:none;padding:.7rem 1.5rem;border-radius:14px;cursor:pointer;font-weight:700;box-shadow:0 2px 12px #42a5f52e;transition:background .3s,color .3s,box-shadow .2s;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.play-button:hover{background:linear-gradient(90deg,#42a5f5,#90caf9);color:#fff;box-shadow:0 4px 24px #42a5f547}.coming-soon .game-toggle{background:#283c5040;color:#b0bec5;cursor:not-allowed;border-bottom:1px solid rgba(144,202,249,.08)}.coming-soon{opacity:.7}#ad-area,#ads{position:fixed;bottom:0;left:0;width:100%;height:70px;background:#232526;text-align:center;padding:.5rem 0;border-top:1px solid #333;z-index:999;font-size:.95rem;color:#b0bec5;box-sizing:border-box;overflow:hidden;display:flex;align-items:center;justify-content:center}#ads .adsbygoogle{display:block;max-height:50px}.site-footer{text-align:center;padding:1rem;padding-bottom:70px;background:#232526;color:#b0bec5;font-size:.9rem;border-top:1px solid #333;position:relative;z-index:10}.play-button,.hamburger{position:relative;overflow:hidden}.ripple{position:absolute;border-radius:50%;background:#ffffff26;transform:scale(0);animation:ripple .6s linear}@keyframes ripple{to{transform:scale(4);opacity:0}}.site-header{position:fixed;top:0;left:0;width:100%;height:60px;padding:0 1.5rem;background:#1e1e1ef2;box-shadow:0 2px 8px #0006;z-index:1000}.header-inner{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.logo{font-size:1.4rem;color:#90caf9;margin:0}.hamburger{font-size:1.8rem;background:none;border:none;color:#eee;cursor:pointer;padding:0;line-height:1}.splash-screen{position:fixed;z-index:2000;top:0;right:0;bottom:0;left:0;background:#18191afc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);perspective:800px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .6s;overflow:hidden}.splash-content{position:relative;z-index:2;text-align:center;margin:0;display:flex;flex-direction:column;align-items:center;gap:1.2rem}.splash-wave-inline{width:100vw;margin:0;padding:0;position:relative;left:50%;right:50%;transform:translate(-50%)}.splash-title1{font-size:1.2rem;color:#eee;font-weight:500;letter-spacing:.05em}.logo-img{height:5rem;max-height:100%;width:auto;display:inline-block;vertical-align:middle;margin-top:.5rem}.splash-logo img{height:12rem;max-width:95vw;display:block;margin:0 auto}.tap-to-start{font-size:1.5rem;font-weight:700;letter-spacing:.15em;color:#90caf9;background:linear-gradient(90deg,#90caf9,#42a5f5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 8px #42a5f5aa);animation:tap-glow 1.2s ease-in-out infinite alternate,tap-scale 1.2s ease-in-out infinite alternate;cursor:pointer;-webkit-user-select:none;user-select:none;margin-top:2.5rem;transition:filter .2s}@keyframes tap-glow{0%{filter:drop-shadow(0 2px 8px #42a5f5aa);opacity:1}to{filter:drop-shadow(0 4px 24px #42a5f5ff);opacity:.7}}@keyframes tap-scale{0%{transform:scale(1)}to{transform:scale(1.08)}}.splash-wave{width:100%;height:30px;pointer-events:none}.splash-wave-top{position:absolute;top:0;left:0}.splash-wave-bottom{position:absolute;bottom:0;left:0}.mosaic-grid{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(20,1fr);pointer-events:none;z-index:10}.mosaic-cell{background:#1565c0;opacity:0;transition:opacity .15s;will-change:opacity}.mosaic-cell.active{opacity:1;transition:opacity .15s}.splash-screen.hide{pointer-events:none}.floating-item{position:absolute;width:6.3rem;height:8.8rem;background:#90caf933;border:1.5px solid rgba(144,202,249,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:4px;transform-style:preserve-3d;will-change:transform,opacity,left,top;opacity:.6;display:flex;align-items:center;justify-content:center;color:#e3f2fdcc;font-size:3.5rem;font-weight:700;text-shadow:0 2px 6px rgba(0,0,0,.4);-webkit-user-select:none;user-select:none}.cookie-consent-popup{position:fixed;bottom:0;left:0;width:100%;background-color:#1e1e1ef2;color:#e0e0e0;padding:1rem;box-shadow:0 -2px 10px #0000004d;z-index:2000;font-size:.85rem;transition:transform .3s ease-out,opacity .3s ease-out;transform:translateY(100%);opacity:0}.cookie-consent-popup:not(.hidden){transform:translateY(0);opacity:1}.cookie-consent-content{max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:.8rem;text-align:center}.cookie-consent-content p{margin:0;line-height:1.6}.cookie-consent-content a{color:#90caf9;text-decoration:underline}.cookie-consent-buttons{display:flex;gap:1rem}.cookie-consent-buttons .btn-accept{background-color:#4caf50;color:#fff;border:none;padding:.6em 1.2em;border-radius:5px;cursor:pointer;font-weight:700;transition:background-color .2s}.cookie-consent-buttons .btn-accept:hover{background-color:#388e3c}.cookie-consent-buttons .btn-decline{background-color:#f44336;color:#fff;border:none;padding:.6em 1.2em;border-radius:5px;cursor:pointer;font-weight:700;transition:background-color .2s}.cookie-consent-buttons .btn-decline:hover{background-color:#d32f2f}.hidden{display:none!important}.game-header{display:flex;align-items:center;gap:.7em;font-size:1.3rem;margin-bottom:.7em}.game-icon{font-size:1.6rem}.game-title{font-weight:700;color:#90caf9;font-size:1.3rem;padding-left:.7rem}.game-summary,.game-example,.game-rule{margin-bottom:.7em}.game-example span:not(.example-theme){display:block;margin-left:1.2em;font-size:.9em;color:#e3f2fd}.game-summary strong,.game-example strong,.game-rule strong{color:#90caf9;font-weight:700}.game-rule{word-break:break-word}.game-icon-img{height:2rem;width:auto;vertical-align:middle;display:inline-block}#share-button-container{position:fixed;bottom:80px;left:16px;transform:scale(2);transform-origin:bottom left;z-index:1000}