:root{--font: "M PLUS Rounded 1c", "Hiragino Maru Gothic ProN", "Hiragino Sans", "Yu Gothic", sans-serif;--bg: #fff8e7;--bg2: #ffe9c7;--ink: #3b3024;--ink-soft: #6b5b45;--green: #2e8b57;--green-dark: #206b41;--orange: #ff9f43;--orange-dark: #e07f1e;--blue: #3a6ea5;--red: #d64545;--white: #ffffff;--shadow: 0 6px 0 rgba(0, 0, 0, .12);--radius: 24px;--fs-body: 18px;--fs-lg: 22px;--fs-h2: 28px;--fs-h1: 36px;--tap: 56px;--gap: 16px;--pad: 16px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:var(--fs-body);line-height:1.5;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}#app{width:100%;min-height:100%}img{max-width:100%;display:block}[hidden]{display:none!important}button{font:inherit;color:inherit}h1,h2,h3,p,ul{margin:0}ul{padding:0;list-style:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:var(--tap);min-width:var(--tap);padding:0 calc(var(--pad) * 1.5);border:0;border-radius:999px;font-size:var(--fs-lg);font-weight:700;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;white-space:nowrap;box-shadow:var(--shadow);transition:transform .1s,box-shadow .1s,filter .1s}.btn:active{transform:translateY(4px);box-shadow:0 2px #0000001f}.btn:disabled{cursor:default;filter:saturate(.4) opacity(.7)}.btn-primary{background:var(--orange);color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.15)}.btn-secondary{background:var(--white);color:var(--green-dark);border:3px solid var(--green)}.btn-ghost{background:#ffffffd9;color:var(--ink-soft);box-shadow:0 3px #00000014}.btn-choice{background:var(--white);color:var(--ink);border:3px solid #d9c7a8;justify-content:flex-start;text-align:left;width:100%;border-radius:var(--radius)}.btn-choice .btn-icon{flex:0 0 auto;width:1.8em;height:1.8em;border-radius:50%;background:var(--bg2);display:inline-flex;align-items:center;justify-content:center;font-size:.9em}.btn-choice.choice-correct{border-color:var(--green);background:#e8f7ee}.btn-choice.choice-correct .btn-icon{background:var(--green);color:#fff}.btn-choice.choice-wrong{border-color:#c9c9c9;background:#f1f1f1;filter:none;color:#888}.btn-icon{font-size:1.1em;line-height:1}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(var(--gap) * 1.5)}.dialog-overlay{position:absolute;inset:0;background:#281e148c;display:flex;align-items:center;justify-content:center;z-index:50;padding:var(--pad)}.dialog{background:var(--white);border-radius:var(--radius);padding:calc(var(--pad) * 2);max-width:90%;text-align:center;box-shadow:0 12px 40px #0000004d}.dialog-title{font-size:var(--fs-h2);color:var(--green-dark);margin-bottom:.5em}.dialog-text{font-size:var(--fs-lg);margin-bottom:1em}.dialog-actions{display:flex;gap:calc(var(--gap) * 1.5);justify-content:center;flex-wrap:wrap}.admin-overlay{align-items:stretch;z-index:100;cursor:auto}.admin{background:#fff;color:#222;border-radius:16px;padding:24px;width:100%;max-width:1400px;margin:auto;font-size:18px;overflow:auto;max-height:100%;font-family:system-ui,sans-serif}.admin h2{margin-bottom:12px}.admin h3{margin:20px 0 8px}.admin-row{display:flex;align-items:center;gap:16px;margin:8px 0}.admin-row label{width:16em}.admin-row input[type=range]{width:400px;height:40px}.admin-row input[type=number]{font-size:20px;padding:6px 10px;width:8em}.admin-table-wrap{max-height:320px;overflow:auto;border:1px solid #ddd}.admin-table{border-collapse:collapse;width:100%;font-size:15px}.admin-table th,.admin-table td{border-bottom:1px solid #eee;padding:4px 8px;text-align:left;white-space:nowrap}.admin-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.admin-actions .btn{font-size:18px;min-height:56px}.screen{position:absolute;inset:0;display:flex;flex-direction:column;opacity:1;transition:opacity .3s ease}.screen-enter{opacity:0}.screen-leave{opacity:0;pointer-events:none}@keyframes pop{0%{transform:scale(.85);opacity:0}60%{transform:scale(1.04);opacity:1}to{transform:scale(1)}}.pop{animation:pop .4s ease-out both}.app-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--gap);padding:var(--pad);flex:0 0 auto}.header-left{justify-self:start}.header-right{justify-self:end;display:flex;align-items:center;gap:var(--gap)}.header-title{font-size:var(--fs-h1);color:var(--green-dark);text-align:center;white-space:nowrap}.points{display:flex;align-items:center;gap:.4em;background:var(--white);border-radius:999px;padding:.2em .9em;box-shadow:0 3px #00000014;font-weight:700;font-size:var(--fs-lg)}.star{color:#ddd;font-size:1.1em}.star-on{color:var(--orange);text-shadow:0 0 6px rgba(255,159,67,.6)}.points-count{color:var(--ink-soft)}.screen-attract{background:radial-gradient(circle at 50% 30%,#fff3d6 0%,var(--bg) 60%);cursor:pointer;text-align:center}.attract-top{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--pad);gap:var(--gap)}.attract-house{width:min(40vh,60%);aspect-ratio:1}.attract-heat{animation:heatWave 1.6s ease-in-out infinite;transform-origin:50% 100%}@keyframes heatWave{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}.attract-title{font-size:calc(var(--fs-h1) * 1.3);color:var(--green-dark);line-height:1.2}.attract-subtitle{font-size:var(--fs-lg);color:var(--ink-soft)}.attract-bottom{flex:0 0 auto;display:flex;justify-content:center;padding:calc(var(--pad) * 3)}.attract-tap{display:inline-flex;align-items:center;gap:.5em;background:var(--orange);color:#fff;font-weight:700;font-size:var(--fs-h2);padding:.5em 1.5em;border-radius:999px;box-shadow:var(--shadow);animation:bounce 1.2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.04)}}.intro-top{flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:var(--pad)}.intro-card{background:var(--white);border-radius:var(--radius);padding:calc(var(--pad) * 2);max-width:900px;width:100%;text-align:center;box-shadow:0 8px 24px #00000014}.intro-icon{font-size:calc(var(--fs-h1) * 2);line-height:1.2}.intro-title{font-size:var(--fs-h1);color:var(--green-dark);margin:.3em 0}.intro-text{font-size:var(--fs-lg)}.intro-bottom{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--gap);padding:var(--pad) var(--pad) calc(var(--pad) * 2)}.intro-dots{display:flex;gap:10px}.dot{width:14px;height:14px;border-radius:50%;background:#d9c7a8}.dot-on{background:var(--orange)}.house-body{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;padding:0 var(--pad)}.house-frame{position:relative;max-width:100%;max-height:100%;aspect-ratio:16 / 10;display:inline-block}.house-img{width:100%;height:100%;object-fit:contain;border-radius:var(--radius);box-shadow:0 8px 24px #0000001a}.house-markers{position:absolute;inset:0}.marker{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px;background:transparent;border:0;padding:0;cursor:pointer;min-width:var(--tap);min-height:var(--tap);touch-action:manipulation}.marker-icon{width:var(--tap);height:var(--tap);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:calc(var(--tap) * .6);color:#fff;box-shadow:0 4px 12px #00000040}.marker-new .marker-icon{background:var(--red);animation:markerBounce 1s ease-in-out infinite}.marker-found .marker-icon{background:var(--green)}.marker-label{font-size:calc(var(--fs-body) * .9);font-weight:700;background:#ffffffe6;padding:0 .6em;border-radius:999px;color:var(--ink)}@keyframes markerBounce{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-10px) rotate(6deg)}}.house-instruction{flex:0 0 auto;text-align:center;font-size:var(--fs-h2);font-weight:700;color:var(--ink-soft);padding:var(--pad)}.house-complete .house-instruction{color:var(--green-dark);animation:pop .5s ease-out both}.photo-area{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap);padding:0 var(--pad);position:relative}.photo-frame{position:relative;max-width:100%;max-height:100%;aspect-ratio:3 / 2;border-radius:var(--radius);overflow:hidden;box-shadow:0 8px 24px #00000026;background:#000}.photo{width:100%;height:100%;object-fit:cover;display:block}.layer{position:absolute;inset:0}.layer-thermo{opacity:0;transition:opacity .3s}.show-thermo .layer-thermo{opacity:1}.popup{position:absolute;bottom:6%;left:50%;translate:-50% 0;background:var(--white);border-radius:var(--radius);padding:var(--pad) calc(var(--pad) * 1.5);width:min(90%,800px);box-shadow:0 8px 24px #00000040;border:4px solid var(--orange)}.popup-badge{position:absolute;top:-.9em;left:1em;width:1.8em;height:1.8em;border-radius:50%;background:var(--red);color:#fff;font-weight:900;font-size:var(--fs-h2);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000040}.popup-title{font-size:var(--fs-h2);font-weight:700;color:var(--red)}.popup-text{font-size:var(--fs-lg)}.legend{display:flex;align-items:center;gap:.6em;font-size:var(--fs-body);font-weight:700;color:var(--ink-soft)}.legend-bar{width:240px;height:20px;border-radius:10px;border:2px solid #fff;box-shadow:0 2px 6px #0003}.quiz-top{flex:0 0 auto;display:flex;align-items:center;gap:calc(var(--gap) * 1.5);padding:0 var(--pad)}.quiz-thumb{flex:0 0 auto;width:200px;aspect-ratio:3 / 2;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #00000026}.quiz-thumb img{width:100%;height:100%;object-fit:cover}.quiz-question{font-size:var(--fs-h2);color:var(--ink)}.quiz-bottom{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:var(--gap);padding:var(--pad)}.quiz-choices{display:flex;flex-direction:column;gap:var(--gap)}.quiz-feedback{min-height:3em;text-align:center}.fb{display:inline-flex;align-items:center;gap:.4em;font-size:var(--fs-h2);font-weight:700}.fb-icon{font-weight:900}.fb-correct{color:var(--green-dark)}.fb-wrong{color:var(--red)}.fb-why{font-size:var(--fs-lg)}.fb-retry{color:var(--ink-soft)}.apply-sticker{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-6deg);background:var(--green);color:#fff;font-weight:700;font-size:var(--fs-h2);padding:.4em 1em;border-radius:16px;box-shadow:0 8px 24px #0000004d;display:flex;gap:.4em;align-items:center;animation:stamp .6s cubic-bezier(.2,1.4,.4,1) both}@keyframes stamp{0%{transform:translate(-50%,-50%) rotate(-6deg) scale(3);opacity:0}to{transform:translate(-50%,-50%) rotate(-6deg) scale(1);opacity:1}}.apply-sparkle{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:120px;animation:sparkle 1.5s ease-in-out both;pointer-events:none}@keyframes sparkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.6) rotate(20deg)}}.apply-progress{width:min(90%,600px);height:16px;border-radius:8px;background:#e9dcc4;overflow:hidden}.apply-progress-bar{height:100%;background:var(--green);animation:progress 1.5s linear both}@keyframes progress{0%{width:0}to{width:100%}}.compare-body{flex:1 1 auto;min-height:0;display:flex;gap:var(--gap);padding:0 var(--pad);align-items:center;justify-content:center}.compare-left{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:center;gap:var(--gap);max-height:100%}.compare-hint{font-size:var(--fs-body);font-weight:700;color:var(--ink-soft)}.cmp{position:relative;width:100%;aspect-ratio:3 / 2;max-height:100%;border-radius:var(--radius);overflow:hidden;box-shadow:0 8px 24px #00000026;touch-action:none;user-select:none;-webkit-user-select:none;cursor:ew-resize;background:#000}.cmp-before,.cmp-after{position:absolute;inset:0}.cmp-after{clip-path:inset(0 0 0 50%)}.cmp-animate .cmp-after{transition:clip-path .6s ease}.cmp-animate .cmp-handle{transition:left .6s ease}.cmp .photo{width:100%;height:100%;object-fit:cover;pointer-events:none}.cmp-label{position:absolute;top:12px;font-weight:700;font-size:var(--fs-lg);color:#fff;padding:.2em .9em;border-radius:999px;pointer-events:none}.cmp-label-before{left:12px;background:var(--red)}.cmp-label-after{right:12px;background:var(--green)}.cmp-handle{position:absolute;top:0;bottom:0;left:50%;width:6px;margin-left:-3px;background:#fff;box-shadow:0 0 8px #00000080;pointer-events:none}.cmp-knob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--tap);height:var(--tap);border-radius:50%;background:var(--orange);color:#fff;font-weight:900;font-size:calc(var(--tap) * .3);display:flex;align-items:center;justify-content:center;white-space:nowrap;box-shadow:0 4px 12px #0000004d;border:4px solid #fff}.meter{flex:0 0 auto;display:grid;gap:var(--gap);background:var(--white);border-radius:var(--radius);padding:var(--pad);box-shadow:0 8px 24px #00000014}.meter-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.6em;font-size:var(--fs-lg);font-weight:700}.meter-icon{font-size:1.3em}.meter-label{color:var(--ink-soft)}.meter-value{background:var(--bg2);padding:.15em .8em;border-radius:12px;min-width:4.5em;text-align:center}.meter-good{background:#e3f5ea;color:var(--green-dark)}.btn-point{font-size:var(--fs-h2);animation:bounce 1.2s ease-in-out infinite}.screen-clear{background:radial-gradient(circle at 50% 20%,#fff3d6 0%,var(--bg) 60%);overflow:hidden}.clear-top{flex:0 0 auto;text-align:center;padding:0 var(--pad)}.certificate{display:inline-flex;align-items:center;gap:var(--gap);background:#fffdf5;border:6px double var(--orange-dark);border-radius:16px;padding:var(--pad) calc(var(--pad) * 2);box-shadow:0 8px 24px #0000001f;text-align:left;max-width:100%}.certificate-badge{font-size:calc(var(--fs-h1) * 1.8);line-height:1}.certificate-label{font-size:var(--fs-lg);font-weight:700;color:var(--orange-dark);letter-spacing:.2em}.clear-title{font-size:calc(var(--fs-h1) * 1.2);color:var(--green-dark)}.clear-subtitle{font-size:var(--fs-lg);color:var(--ink-soft)}.clear-bottom{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:center;gap:var(--gap);padding:var(--pad)}.clear-card{background:var(--white);border-radius:var(--radius);padding:var(--pad) calc(var(--pad) * 1.5);width:min(100%,1200px);flex:1 1 auto;min-height:0;overflow:auto}.clear-message{font-size:var(--fs-h2);color:var(--orange-dark);text-align:center}.clear-learned-title{font-size:var(--fs-lg);color:var(--ink-soft);margin:.5em 0 .3em}.clear-learned li{display:grid;grid-template-columns:auto 1fr;gap:.6em;align-items:baseline;padding:.3em 0;border-top:1px dashed #e0d3bd;font-size:var(--fs-body)}.learned-label{font-weight:700;color:var(--green-dark);background:#e3f5ea;border-radius:999px;padding:0 .7em;white-space:nowrap}.confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.confetti span{position:absolute;top:-20px;width:14px;height:22px;border-radius:3px;animation:fall 3s linear infinite}@keyframes fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:.6}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important}}html[data-mode=kiosk]{--fs-body: 32px;--fs-lg: 36px;--fs-h2: 44px;--fs-h1: 56px;--tap: 88px;--gap: 24px;--pad: 32px;--radius: 32px}html[data-mode=kiosk],html[data-mode=kiosk] body{overflow:hidden;background:#1c1712;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:none;overscroll-behavior:none}html[data-mode=kiosk] *{cursor:none!important}html[data-mode=kiosk] #stage{position:absolute;left:50%;top:50%;width:1920px;height:1080px;transform-origin:center center;background:var(--bg);overflow:hidden}html[data-mode=kiosk] .app-header{height:120px;padding:16px 40px}html[data-mode=kiosk] .app-header .btn{min-height:80px}html[data-mode=kiosk] .screen-attract .attract-top{height:640px;flex:0 0 auto}html[data-mode=kiosk] .attract-house{width:300px}html[data-mode=kiosk] .attract-title{font-size:96px}html[data-mode=kiosk] .attract-bottom{flex:1 1 auto;align-items:center}html[data-mode=kiosk] .attract-tap{font-size:56px}html[data-mode=kiosk] .intro-card{max-width:1400px}html[data-mode=kiosk] .intro-actions .btn{min-width:400px;font-size:44px;min-height:112px}html[data-mode=kiosk] .intro-bottom{padding-bottom:80px}html[data-mode=kiosk] .house-body{padding:0 40px}html[data-mode=kiosk] .house-frame{height:800px}html[data-mode=kiosk] .marker-label{font-size:28px}html[data-mode=kiosk] .photo-area{padding:0 40px}html[data-mode=kiosk] .photo-frame{height:720px;width:1080px}html[data-mode=kiosk] .screen-thermo .photo-frame{height:660px;width:990px}html[data-mode=kiosk] .actions{flex:0 0 auto;min-height:200px;align-items:center;padding:0 40px 40px}html[data-mode=kiosk] .actions .btn{min-height:112px;min-width:360px;font-size:40px;padding:0 56px}html[data-mode=kiosk] .legend-bar{width:360px;height:28px}html[data-mode=kiosk] .quiz-top{padding:0 60px;height:200px}html[data-mode=kiosk] .quiz-thumb{width:280px}html[data-mode=kiosk] .quiz-bottom{padding:24px 60px 40px}html[data-mode=kiosk] .quiz-choices{gap:24px}html[data-mode=kiosk] .btn-choice{min-height:100px;font-size:36px}html[data-mode=kiosk] .quiz-bottom .actions{min-height:130px;padding-bottom:0}html[data-mode=kiosk] .compare-body{padding:0 40px;gap:40px}html[data-mode=kiosk] .compare-left{width:1080px;flex:0 0 auto}html[data-mode=kiosk] .cmp{height:660px;width:990px}html[data-mode=kiosk] .meter{width:640px;padding:32px;gap:28px}html[data-mode=kiosk] .clear-card{width:1500px}html[data-mode=kiosk] .clear-learned li{font-size:27px;padding:.15em 0}html[data-mode=kiosk] .certificate{padding:12px 48px}html[data-mode=kiosk] .clear-card{padding:20px 48px}html[data-mode=kiosk] .clear-learned-title{margin:.2em 0}html[data-mode=kiosk] .clear-bottom .actions{min-height:160px;padding-bottom:20px}html[data-mode=kiosk] .dialog{padding:64px 80px}html[data-mode=kiosk] .dialog-actions .btn{min-width:320px;min-height:112px;font-size:40px}html[data-mode=web] #stage{position:relative;width:100%;min-height:100vh;min-height:100dvh;max-width:1280px;margin:0 auto;background:var(--bg)}html[data-mode=web] .screen{position:absolute;min-height:100vh;min-height:100dvh;overflow-y:auto;overflow-x:hidden}html[data-mode=web] .app-header{padding:8px 12px;gap:8px}html[data-mode=web] .header-title{font-size:clamp(15px,3.8vw,32px);white-space:normal;line-height:1.25}html[data-mode=web] .app-header .btn{padding:0 14px;font-size:16px;min-height:48px}html[data-mode=web] .btn-back .btn-label,html[data-mode=web] .btn-sound .btn-label,html[data-mode=web] .btn-fullscreen .btn-label{display:none}html[data-mode=web] .points{font-size:16px}html[data-mode=web] .attract-title{font-size:clamp(28px,8vw,64px)}html[data-mode=web] .attract-tap{font-size:clamp(18px,5vw,32px)}html[data-mode=web] .house-body,html[data-mode=web] .photo-area,html[data-mode=web] .compare-body,html[data-mode=web] .intro-top,html[data-mode=web] .quiz-bottom{flex:0 0 auto}html[data-mode=web] .house-body{padding:8px}html[data-mode=web] .house-frame,html[data-mode=web] .photo-frame,html[data-mode=web] .cmp{width:100%;height:auto;max-height:none}html[data-mode=web] .app-header{grid-template-columns:auto minmax(0,1fr) auto}html[data-mode=web] .header-center{min-width:0}html[data-mode=web] .marker{--tap: 48px}html[data-mode=web] .marker-label{font-size:14px}html[data-mode=web] .photo-area{padding:8px}html[data-mode=web] .photo-frame{width:100%}html[data-mode=web] .popup{position:static;translate:none;width:100%;margin-top:12px}html[data-mode=web] .actions{padding:16px;flex:0 0 auto}html[data-mode=web] .actions .btn{min-height:56px;font-size:18px}html[data-mode=web] .legend-bar{width:160px;height:16px}html[data-mode=web] .quiz-top{flex-direction:column;align-items:stretch;padding:8px 16px;gap:12px}html[data-mode=web] .quiz-thumb{width:100%;max-height:160px}html[data-mode=web] .quiz-question{font-size:clamp(18px,5vw,28px)}html[data-mode=web] .btn-choice{font-size:17px;padding:10px 16px;white-space:normal;min-height:56px}html[data-mode=web] .compare-body{flex-direction:column;padding:8px;align-items:stretch}html[data-mode=web] .compare-left,html[data-mode=web] .cmp{width:100%}html[data-mode=web] .cmp-knob{--tap: 52px}html[data-mode=web] .meter{width:100%;gap:8px}html[data-mode=web] .meter-row{font-size:16px}html[data-mode=web] .clear-badge{font-size:64px}html[data-mode=web] .clear-title{font-size:clamp(28px,7vw,48px)}html[data-mode=web] .clear-bottom{flex:0 0 auto}html[data-mode=web] .clear-card{overflow:visible;flex:0 0 auto}html[data-mode=web] .certificate{flex-direction:column;text-align:center;padding:12px 20px}html[data-mode=web] .clear-learned li{grid-template-columns:1fr;gap:2px}html[data-mode=web] .learned-label{justify-self:start}html[data-mode=web] .dialog-overlay{position:fixed}@media(min-width:900px){html[data-mode=web]{--fs-body: 20px;--fs-lg: 24px;--fs-h2: 32px;--fs-h1: 40px}html[data-mode=web] .btn-back .btn-label,html[data-mode=web] .btn-sound .btn-label,html[data-mode=web] .btn-fullscreen .btn-label{display:inline}html[data-mode=web] .compare-body{flex-direction:row;align-items:flex-start}html[data-mode=web] .meter{width:320px;flex:0 0 auto}html[data-mode=web] .quiz-top{flex-direction:row;align-items:center}html[data-mode=web] .quiz-thumb{width:200px}html[data-mode=web] .popup{position:absolute;bottom:6%;left:50%;translate:-50% 0;width:min(90%,800px);margin-top:0}}