[hidden]{display:none!important}
body.blindbox-demo{min-width:0;background:#eef1f4;color:#252b33;letter-spacing:0;color-scheme:light}
.site-header .container:after{content:"";display:block;clear:both}
.header-icon-button{width:100%;height:100%;padding:0;background:transparent;border:0;color:inherit;cursor:pointer}
.site-header.nav-open .layui-nav{display:block}
.blindbox-page{position:relative;min-height:calc(100vh - 70px);padding-top:70px;overflow:hidden;isolation:isolate}
.blindbox-page:before{position:absolute;content:"";z-index:-1;top:0;bottom:0;left:0;width:38%;background:#15181d}
.blindbox-stage{width:1320px;max-width:calc(100% - 40px);min-height:calc(100vh - 160px);margin:0 auto;padding:46px 0;box-sizing:border-box;display:grid;grid-template-columns:minmax(340px,.82fr) minmax(540px,1.18fr);gap:58px;align-items:center}
.blindbox-page.has-result .blindbox-stage{min-height:0;padding-bottom:22px}
.picker-intro{min-width:0;color:#fff}
.picker-kicker{display:block;margin-bottom:15px;color:#4aa3ff;font-size:12px;font-weight:700;line-height:20px}
.picker-intro h1{margin:0;max-width:520px;color:#fff;font-size:46px;font-weight:800;line-height:1.25}
.picker-copy{margin:14px 0 0;color:#b9c0c9;font-size:16px;line-height:1.8}
.picker-controls{max-width:480px;margin-top:36px;border-top:1px solid #363b42;border-bottom:1px solid #363b42}
.control-field,.switch-control{display:flex;align-items:center;justify-content:space-between;min-height:68px;box-sizing:border-box}
.control-field{border-bottom:1px solid #363b42}
.control-field>span,.switch-control strong{color:#f4f6f8;font-size:14px;font-weight:600}
.control-field select{width:190px;height:40px;padding:0 34px 0 12px;border:1px solid #4b515a;border-radius:5px;background:#23272d;color:#fff;outline:0;cursor:pointer}
.control-field select:focus{border-color:#4aa3ff}
.switch-control{position:relative;cursor:pointer}
.switch-control>span{display:block}
.switch-control small{display:block;margin-top:3px;color:#8f98a4;font-size:12px;line-height:18px}
.switch-control input{position:absolute;opacity:0;pointer-events:none}
.switch-control>i{position:relative;width:42px;height:24px;flex:0 0 42px;margin-left:20px;border-radius:14px;background:#4b515a;transition:background-color .2s}
.switch-control>i:after{position:absolute;content:"";top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s}
.switch-control input:checked+i{background:#007bf5}
.switch-control input:checked+i:after{transform:translateX(18px);background:#fff}
.switch-control input:focus-visible+i{outline:2px solid #fff;outline-offset:3px}
.switch-control input:disabled+i{cursor:not-allowed;opacity:.45}
.picker-actions{display:flex;align-items:center;gap:16px;margin-top:28px}
.draw-button{display:inline-flex;align-items:center;justify-content:center;width:190px;height:48px;border:0;border-radius:6px;background:#007bf5;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:transform .2s,background-color .2s}
.draw-button i{margin-right:9px}
.draw-button:hover{background:#268fff;transform:translateY(-2px)}
.draw-button:disabled{cursor:wait;opacity:.72;transform:none}
.draw-button.is-loading i{animation:blindbox-spin .8s linear infinite}
.pool-status{color:#8f98a4;font-size:12px;line-height:20px}
.reveal-area{min-width:0}
.reveal-placeholder,.game-result{width:100%;min-height:560px;border:1px solid #dce1e7;border-radius:8px;background:#fff;box-shadow:0 20px 50px rgba(24,31,40,.12);overflow:hidden}
.reveal-placeholder{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff}
.reveal-placeholder:before{position:absolute;content:"";top:24px;right:24px;bottom:24px;left:24px;border:1px dashed #cbd2da;border-radius:6px}
.reveal-placeholder img{position:relative;width:180px;height:auto;filter:grayscale(1);opacity:.18}
.reveal-placeholder strong{position:relative;margin-top:22px;color:#8e97a2;font-size:14px;font-weight:600}
.reveal-placeholder>span{position:absolute;top:34px;right:42px;color:#007bf5;font-size:72px;font-weight:800;line-height:1}
.reveal-placeholder.is-loading>span{animation:blindbox-pulse .7s ease-in-out infinite alternate}
.game-result{display:grid;grid-template-rows:auto 1fr}
.game-cover-wrap{position:relative;aspect-ratio:460/215;min-height:0;background:#1e2227 url('/static/images/04.jpg') center/cover no-repeat;overflow:hidden}
.game-cover-wrap img{display:block;width:100%;height:100%;margin:0;object-fit:cover;border-radius:0}
.game-cover-wrap img.is-compact-cover{position:absolute;top:50%;left:50%;width:auto;height:72%;max-width:72%;margin:0;object-fit:contain;border-radius:6px;transform:translate(-50%,-50%)}
.game-category{position:absolute;left:20px;bottom:18px;padding:6px 10px;border-radius:4px;background:#007bf5;color:#fff;font-size:12px;font-weight:700;line-height:18px}
.game-result-content{display:flex;flex-direction:column;padding:25px 28px 28px;box-sizing:border-box}
.game-meta{display:flex;align-items:center;gap:14px;color:#8b949f;font-size:12px;line-height:20px}
.game-meta span+span:before{content:"";display:inline-block;width:3px;height:3px;margin:0 9px 3px 0;border-radius:50%;background:#b8c0c9}
.game-result h2{margin:10px 0 0;color:#20262e;font-size:26px;font-weight:800;line-height:1.42;word-break:break-word}
.game-result p{display:-webkit-box;margin:13px 0 0;overflow:hidden;color:#69737f;font-size:14px;line-height:1.8;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.result-actions{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:22px}
.result-primary,.result-secondary{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 16px;border-radius:5px;box-sizing:border-box;font-size:14px;font-weight:600;cursor:pointer}
.result-primary{background:#007bf5;color:#fff}
.result-primary:hover{background:#0067d4;color:#fff}
.result-secondary{border:1px solid #d7dde4;background:#fff;color:#4d5661}
.result-secondary:hover{border-color:#aab4bf;color:#20262e}
.result-primary i,.result-secondary i{margin-right:8px}
.draw-history{padding:0 0 28px}
.history-inner{width:1320px;max-width:calc(100% - 40px);margin:0 auto;display:grid;grid-template-columns:minmax(340px,.82fr) minmax(540px,1.18fr);gap:58px}
.history-track{grid-column:2;display:grid;grid-template-columns:145px minmax(0,1fr);gap:12px;align-items:center}
.history-inner h2{margin:0;color:#5b6570;font-size:13px;font-weight:600}
.history-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}
.history-item{display:flex;align-items:center;min-width:0;padding:10px;border:1px solid #dce1e7;border-radius:6px;background:#fff;text-align:left;cursor:pointer}
.history-item img{width:48px;height:48px;flex:0 0 48px;margin-right:10px;border-radius:4px;object-fit:cover}
.history-item span{min-width:0}
.history-item strong,.history-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.history-item strong{color:#333b45;font-size:13px;line-height:20px}
.history-item small{color:#929ba6;font-size:11px;line-height:18px}
.search-dialog{position:fixed;z-index:100000;inset:0;display:flex;align-items:flex-start;justify-content:center;padding-top:120px;background:rgba(16,19,23,.68)}
.search-dialog-panel{position:relative;width:620px;max-width:calc(100% - 32px);padding:30px;border-radius:8px;background:#fff;box-sizing:border-box}
.search-dialog-panel h2{margin:0;color:#20262e;font-size:22px;font-weight:700;text-align:center}
.search-dialog-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border:0;background:transparent;color:#858e99;cursor:pointer}
.search-dialog form{position:relative;margin-top:26px}
.search-dialog input{width:100%;height:46px;padding:0 52px 0 15px;border:1px solid #dce1e7;border-radius:5px;box-sizing:border-box;outline:0}
.search-dialog input:focus{border-color:#1677ff}
.search-dialog form button{position:absolute;top:0;right:0;width:48px;height:46px;border:0;background:transparent;color:#1677ff;cursor:pointer}
body.night.blindbox-demo{background:#202225;color:#d8dde3;color-scheme:dark}
body.night .blindbox-page{background:#202225}
body.night .blindbox-page:before{background:#111317}
body.night .reveal-placeholder,body.night .game-result,body.night .history-item{background:#2b2d31;border-color:#42454b}
body.night .reveal-placeholder:before{border-color:#50545b}
body.night .game-result h2,body.night .history-item strong{color:#f1f2f3}
body.night .game-result p{color:#b8bdc4}
body.night .game-meta,body.night .placeholder-meta{color:#9ba5b1}
body.night .pool-status,body.night .history-item small,body.night .history-inner h2{color:#a7b0ba}
body.night .result-secondary{background:#34363b;border-color:#50545b;color:#e2e4e7}
body.night .search-dialog-panel{background:#2b2d31}
body.night .search-dialog-panel h2{color:#fff}
body.night .search-dialog input{background:#222429;border-color:#4b4e55;color:#fff}
body.night .search-dialog-close{color:#b7bec7}
@keyframes blindbox-spin{to{transform:rotate(360deg)}}
@keyframes blindbox-pulse{to{transform:scale(1.12);opacity:.55}}
@media screen and (max-width:1320px){.blindbox-stage,.history-inner{width:1180px}.blindbox-stage,.history-inner{grid-template-columns:minmax(320px,.78fr) minmax(500px,1.22fr);gap:42px}}
@media screen and (max-width:1000px){.blindbox-page:before{width:100%;height:430px;bottom:auto}.blindbox-stage{width:760px;max-width:calc(100% - 32px);grid-template-columns:1fr;gap:34px;padding:44px 0}.picker-intro{max-width:680px}.picker-controls{max-width:none}.reveal-placeholder,.game-result{min-height:0}.history-inner{display:block;width:760px;max-width:calc(100% - 32px)}.history-track{display:grid;grid-template-columns:135px minmax(0,1fr)}}
@media screen and (max-width:800px){.site-header .menu{display:block;border:0;background:transparent}.blindbox-page{padding-top:70px}.blindbox-page:before{height:410px}.blindbox-stage{padding:34px 0}.blindbox-page.has-result .blindbox-stage{padding-bottom:18px}.picker-kicker{margin-bottom:10px}.picker-intro h1{font-size:34px}.picker-copy{font-size:14px}.picker-controls{margin-top:25px}.control-field,.switch-control{min-height:62px}.control-field select{width:170px}.picker-actions{margin-top:22px}.reveal-placeholder{height:390px}.game-result h2{font-size:22px}.history-track{display:block}.history-inner h2{margin-bottom:10px}.history-list{grid-template-columns:1fr}.draw-history{padding-bottom:15px}.search-dialog{padding-top:90px}footer .footer{padding-top:24px}}
@media screen and (max-width:480px){.blindbox-page:before{height:430px}.blindbox-stage{max-width:calc(100% - 24px);padding-top:28px}.picker-intro h1{font-size:31px}.picker-copy{line-height:1.7}.control-field{align-items:flex-start;flex-direction:column;justify-content:center;gap:8px;padding:12px 0}.control-field select{width:100%}.picker-actions{align-items:flex-start;flex-direction:column;gap:9px}.draw-button{width:100%}.reveal-placeholder{height:340px}.game-result-content{padding:20px}.game-category{left:14px;bottom:12px}.result-actions{align-items:stretch;flex-direction:column}.result-primary,.result-secondary{width:100%}.history-inner{max-width:calc(100% - 24px)}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Tech visual layer */
body.blindbox-demo .site-header{background:rgba(12,16,22,.96);border-bottom:1px solid #29313a;box-shadow:0 3px 16px rgba(0,0,0,.28)}
body.blindbox-demo .site-header .layui-nav .layui-nav-item a,body.blindbox-demo .site-header .night-open,body.blindbox-demo .site-header .search-open,body.blindbox-demo .site-header .user-open a,body.blindbox-demo .site-header .menu{color:#cbd3dc}
body.blindbox-demo .site-header .layui-nav .layui-nav-item a:hover{color:#35d4ff}
body.blindbox-demo .site-header .layui-nav .layui-nav-item:after{background:#35d4ff}
.blindbox-page:before{width:40%;background:#0c1016}
.tech-backdrop{position:absolute;z-index:-1;top:70px;bottom:0;left:0;width:40%;overflow:hidden;pointer-events:none}
.tech-line{position:absolute;display:block;background:#25313d;opacity:.75}
.tech-line-a{top:15%;right:0;width:72%;height:1px}
.tech-line-b{top:72%;right:8%;width:48%;height:1px}
.tech-line-c{top:8%;right:13%;width:1px;height:26%}
.tech-line-d{right:25%;bottom:6%;width:1px;height:23%}
.tech-node{position:absolute;display:block;width:7px;height:7px;border:1px solid #35d4ff;background:#0c1016;transform:rotate(45deg)}
.tech-node-a{top:15%;right:13%}
.tech-node-b{right:25%;bottom:29%}
.picker-intro{position:relative}
.picker-intro:before{position:absolute;content:"";top:-30px;left:0;width:54px;height:3px;background:#35d4ff}
.system-status{display:flex;align-items:center;width:max-content;max-width:100%;margin-bottom:12px;color:#71e5a1;font:700 11px/20px Consolas,Monaco,monospace}
.system-status>i{width:7px;height:7px;margin-right:8px;border-radius:50%;background:#52e88b;box-shadow:0 0 0 4px rgba(82,232,139,.1);animation:tech-status 1.2s ease-in-out infinite alternate}
.system-status>b{margin-left:12px;padding:0 6px;border:1px solid #394652;border-radius:3px;color:#84909d;font-weight:600}
.picker-kicker{margin-bottom:10px;color:#35d4ff;font-family:Consolas,Monaco,monospace}
.picker-intro h1{text-shadow:0 3px 0 rgba(0,0,0,.28)}
.picker-controls{border-color:#34414e}
.control-field{border-color:#34414e}
.control-field select{border-color:#445363;background:#171d24;font-family:Consolas,Monaco,monospace}
.control-field select:focus{border-color:#35d4ff}
.switch-control>i{border:1px solid #506070;background:#242d36;box-sizing:border-box}
.switch-control input:checked+i{border-color:#007bf5;background:#007bf5}
.draw-button{position:relative;box-shadow:5px 5px 0 #25313c}
.draw-button:after{position:absolute;content:"";top:7px;right:7px;width:5px;height:5px;background:#fff;opacity:.9}
.draw-button:hover{box-shadow:2px 2px 0 #35d4ff}
.pool-status{font-family:Consolas,Monaco,monospace}
.reveal-area{position:relative;padding:10px;box-sizing:border-box}
.tech-corner{position:absolute;z-index:4;width:28px;height:28px;pointer-events:none}
.corner-top-left{top:0;left:0;border-top:2px solid #35d4ff;border-left:2px solid #35d4ff}
.corner-top-right{top:0;right:0;border-top:2px solid #35d4ff;border-right:2px solid #35d4ff}
.corner-bottom-left{bottom:0;left:0;border-bottom:2px solid #007bf5;border-left:2px solid #007bf5}
.corner-bottom-right{right:0;bottom:0;border-right:2px solid #007bf5;border-bottom:2px solid #007bf5}
.reveal-placeholder,.game-result{border-color:#303a45;background:#11171e;box-shadow:0 25px 60px rgba(20,28,38,.2)}
.reveal-placeholder:before{top:18px;right:18px;bottom:18px;left:18px;border-color:#354350}
.placeholder-core{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;width:250px;height:210px;border:1px solid #33414e;background:#151c24;box-sizing:border-box}
.placeholder-core:before,.placeholder-core:after{position:absolute;content:"";width:38px;height:38px}
.placeholder-core:before{top:-1px;left:-1px;border-top:2px solid #35d4ff;border-left:2px solid #35d4ff}
.placeholder-core:after{right:-1px;bottom:-1px;border-right:2px solid #007bf5;border-bottom:2px solid #007bf5}
.reveal-placeholder .placeholder-core img{width:155px;opacity:.22;filter:grayscale(1) brightness(1.8)}
.reveal-placeholder .placeholder-core strong{margin-top:20px;color:#9ba8b5;font:600 12px/20px Consolas,Monaco,monospace}
.reveal-placeholder>.reveal-code{position:absolute;top:auto;right:auto;bottom:42px;left:50%;width:auto;color:#35d4ff;font:600 10px/18px Consolas,Monaco,monospace;letter-spacing:0;transform:translateX(-50%)}
.reveal-placeholder.is-loading .placeholder-core{border-color:#35d4ff;animation:tech-core .7s ease-in-out infinite alternate}
.game-result{grid-template-rows:36px auto 1fr}
.result-hud{display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid #303a45;background:#11171e;color:#8e9ba8;font:600 10px/36px Consolas,Monaco,monospace}
.result-hud span{display:flex;align-items:center;color:#35d4ff}
.result-hud span i{width:6px;height:6px;margin-right:8px;border-radius:50%;background:#52e88b}
.result-hud b{color:#5cb2ff;font-weight:600}
.game-cover-wrap{border-bottom:1px solid #303a45}
.game-cover-wrap:after{position:absolute;z-index:2;content:"";top:0;left:0;width:100%;height:1px;background:#35d4ff;opacity:.65;animation:tech-scan 4s linear infinite;pointer-events:none}
.game-category{z-index:3;border:1px solid #70baff;background:#007bf5;font-family:Consolas,Monaco,monospace}
.game-result-content{background:#f7f8f9}
.game-meta{font-family:Consolas,Monaco,monospace}
.game-result h2{letter-spacing:0}
.result-primary{box-shadow:3px 3px 0 #b7d9ff}
.result-secondary{font-family:Consolas,Monaco,monospace}
.history-inner h2{display:flex;align-items:center;gap:10px;color:#778390;font:600 12px/20px Consolas,Monaco,monospace}
.history-inner h2 span{padding:2px 6px;border:1px solid #374451;color:#35d4ff;font-size:9px}
.history-item{border-color:#cdd5dd;box-shadow:3px 3px 0 rgba(39,50,62,.08)}
body.night .game-result-content{background:#2b2d31}
body.night .result-hud{background:#11171e;border-color:#3b4652}
body.night.blindbox-demo .site-header{background:rgba(7,10,14,.97)}
@keyframes tech-status{to{opacity:.45}}
@keyframes tech-core{to{box-shadow:0 0 22px rgba(53,212,255,.18)}}
@keyframes tech-scan{0%{top:0}100%{top:100%}}
@media screen and (max-width:1000px){.blindbox-page:before{width:100%;height:450px}.tech-backdrop{top:70px;width:100%;height:380px;bottom:auto}.tech-line-a{width:85%}.tech-line-b{right:3%;width:62%}.tech-node-a{right:8%}.picker-intro:before{top:-18px}.reveal-area{padding:8px}}
@media screen and (max-width:800px){body.blindbox-demo .site-header nav{background:#10151b}body.blindbox-demo .site-header .layui-nav .layui-nav-item{background:#1b232c}body.blindbox-demo .site-header .layui-nav .layui-nav-item a{color:#cbd3dc}.system-status{margin-bottom:9px}.picker-kicker{font-size:10px}.blindbox-page:before{height:450px}.tech-backdrop{height:380px}.reveal-placeholder>.reveal-code{bottom:32px}.result-hud{padding:0 12px}.history-inner h2{color:#8b96a2}}
@media screen and (max-width:480px){.system-status>b{display:none}.picker-intro h1{text-shadow:none}.placeholder-core{width:210px;height:180px}.reveal-placeholder .placeholder-core img{width:130px}.reveal-placeholder>.reveal-code{bottom:24px}.tech-corner{width:20px;height:20px}.game-result{grid-template-rows:34px auto 1fr}.result-hud{line-height:34px}.result-hud b{font-size:9px}}

.gaming-fatigue{position:relative;padding:68px 0 72px;border-top:1px solid #29333d;background:#10151b;color:#fff;overflow:hidden}
.gaming-fatigue:before{position:absolute;content:"";top:0;left:50%;width:1px;height:44px;background:#35d4ff}
.fatigue-inner{width:1320px;max-width:calc(100% - 40px);margin:0 auto;display:grid;grid-template-columns:minmax(300px,.8fr) minmax(560px,1.2fr);gap:42px 72px}
.fatigue-kicker{display:block;margin-bottom:12px;color:#35d4ff;font:700 11px/20px Consolas,Monaco,monospace}
.fatigue-intro h2{margin:0;color:#fff;font-size:30px;font-weight:800;line-height:1.4}
.fatigue-intro p{margin:16px 0 0;color:#aeb7c1;font-size:14px;line-height:1.95}
.fatigue-signs{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.fatigue-signs span{padding:6px 10px;border:1px solid #384652;border-radius:4px;color:#ccd3db;font:600 11px/18px Consolas,Monaco,monospace}
.recovery-rule{display:grid;grid-template-columns:130px minmax(0,1fr);gap:18px;align-items:center;padding:17px 20px;border-left:3px solid #007bf5;background:#171e26}
.recovery-rule strong{color:#4aa3ff;font-size:16px;font-weight:800}
.recovery-rule span{color:#c2cad3;font-size:13px;line-height:1.7}
.recovery-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:20px 0 0;counter-reset:none}
.recovery-list li{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;padding:17px 0;border-top:1px solid #2d3944}
.recovery-list li>b{color:#35d4ff;font:700 12px/22px Consolas,Monaco,monospace}
.recovery-list li strong,.recovery-list li span{display:block}
.recovery-list li strong{color:#eef1f4;font-size:14px;font-weight:700;line-height:22px}
.recovery-list li span{margin-top:4px;color:#929daa;font-size:12px;line-height:1.75}
.fatigue-note{grid-column:1/-1;margin:0;padding-top:20px;border-top:1px solid #29333d;color:#84909d;font-size:12px;line-height:1.8}
.fatigue-note i{margin-right:8px;color:#4aa3ff}
@media screen and (max-width:1320px){.fatigue-inner{width:1180px}}
@media screen and (max-width:1000px){.gaming-fatigue{padding:54px 0 60px}.fatigue-inner{width:760px;max-width:calc(100% - 32px);grid-template-columns:1fr;gap:34px}.fatigue-note{grid-column:auto}}
@media screen and (max-width:600px){.gaming-fatigue{padding:46px 0 50px}.fatigue-inner{max-width:calc(100% - 24px);gap:28px}.fatigue-intro h2{font-size:25px}.recovery-rule{grid-template-columns:1fr;gap:5px}.recovery-list{grid-template-columns:1fr;margin-top:14px}.recovery-list li{padding:15px 0}.fatigue-signs{margin-top:20px}}

/* Keep the pre-draw and result layouts identical. */
.blindbox-stage,.blindbox-page.has-result .blindbox-stage{min-height:0;padding-bottom:22px}
.reveal-placeholder,.game-result{height:650px;min-height:650px;box-sizing:border-box}
.reveal-placeholder{display:grid;grid-template-rows:36px auto 1fr;align-items:stretch;justify-content:stretch}
.reveal-placeholder:before{display:none}
.placeholder-hud{position:relative;z-index:2}
.placeholder-visual{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:460/215;border-bottom:1px solid #303a45;background:#1e2227 url('/static/images/04.jpg') center/cover no-repeat;overflow:hidden}
.placeholder-visual:after{position:absolute;content:"";z-index:1;inset:0;background:rgba(9,14,20,.78)}
.placeholder-core{z-index:2}
.placeholder-visual>.reveal-code{position:absolute;z-index:3;right:18px;bottom:14px;color:#35d4ff;font:600 10px/18px Consolas,Monaco,monospace}
.placeholder-content{display:flex;flex-direction:column;padding:25px 28px 28px;background:#f7f8f9;box-sizing:border-box}
.placeholder-meta{color:#98a2ad;font:500 11px/20px Consolas,Monaco,monospace}
.placeholder-content h2{margin:10px 0 0;color:#9aa3ad;font-size:26px;font-weight:800;line-height:1.42}
.placeholder-content p{margin:13px 0 0;color:#a4adb7;font:600 11px/20px Consolas,Monaco,monospace}
.placeholder-actions{display:flex;gap:10px;margin-top:auto;padding-top:22px}
.placeholder-actions i{display:block;width:108px;height:42px;border:1px solid #d8dee5;border-radius:5px;background:#eef1f4}
.placeholder-actions i+ i{width:104px}
body.night .placeholder-content{background:#2b2d31}
body.night .placeholder-content h2{color:#a3acb7}
body.night .placeholder-content p{color:#8995a2}
body.night .placeholder-actions i{border-color:#484c53;background:#34373c}
@media screen and (max-width:800px){.reveal-placeholder,.game-result{height:520px;min-height:520px}.placeholder-content{padding:20px}.placeholder-content h2{font-size:22px}.placeholder-actions{padding-top:18px}}
@media screen and (max-width:480px){.reveal-placeholder,.game-result{height:520px;min-height:520px}.placeholder-actions{align-items:stretch;flex-direction:column;gap:8px}.placeholder-actions i,.placeholder-actions i+ i{width:100%;height:42px}}