.camera-frame{color:var(--frame-color);position:relative;container-type:inline-size}.camera-frame--featured{color:var(--frame-accent)}.camera-frame__media{background:var(--ink);border:0;border-radius:9%/13%;width:97%;height:97.6%;position:absolute;top:1.2%;left:1.5%}.camera-frame__placeholder{object-fit:cover}.camera-frame__no-camera{color:var(--muted);justify-content:center;align-items:center;display:flex}.camera-frame__no-camera svg{width:18%;height:auto}.camera-frame__art{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.camera-frame__name{max-width:70%;font-family:var(--font-ui);white-space:nowrap;text-overflow:ellipsis;color:var(--paper);background:var(--ink);border:2px solid;padding:.25em .9em;font-size:clamp(14px,6cqi,30px);font-weight:700;position:absolute;bottom:0;left:50%;overflow:hidden;transform:translate(-50%,35%)}.camera-frame--featured .camera-frame__name{border-color:var(--frame-accent)}.camera-frame--custom .camera-frame__name{border-color:currentColor}@property --frame-hue{syntax:"<number>";inherits:false;initial-value:0}.camera-frame--rainbow{color:hsl(var(--frame-hue) 75% 50%);animation:24s linear infinite frame-rainbow}@keyframes frame-rainbow{to{--frame-hue:360}}.camera-frame--ember{animation:7s ease-in-out infinite alternate frame-ember}@keyframes frame-ember{0%{color:#7a1f12}50%{color:#a55900}to{color:#c98a1c}}.camera-frame--chameleon{animation:16s ease-in-out infinite alternate frame-chameleon}@keyframes frame-chameleon{0%{color:#3f6b4a}50%{color:#2f7a72}to{color:#6b8a3a}}.camera-frame--fade{color:var(--fade-a);animation:6s ease-in-out infinite alternate frame-fade}@keyframes frame-fade{0%{color:var(--fade-a)}to{color:var(--fade-b)}}@media (prefers-reduced-motion:reduce){.camera-frame--custom{animation:none}}.stage-fit{width:100%;height:100%;position:relative;overflow:hidden}.stage{transform-origin:50%;width:1920px;height:1080px;color:var(--paper);font-family:var(--font-ui);position:absolute;top:50%;left:50%}.stage__background{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.stage__layout{box-sizing:border-box;flex-direction:column;height:100%;display:flex;position:relative}.stage__title{flex-direction:column;flex:none;justify-content:center;align-items:center;display:flex}.stage__title h1{font-family:var(--font-stage-title);letter-spacing:.04em;color:var(--paper);background:var(--ink);border-bottom:4px solid var(--rust);margin:0;padding:4px 28px 0;font-size:58px;font-weight:400;line-height:1.1}.stage__waiting{color:var(--paper-2);background:#16130fb3;margin:6px 0 0;padding:2px 12px;font-size:22px}.stage__top{flex:none;justify-content:flex-start;align-items:stretch;display:flex}.stage__top--idle{justify-content:center}.stage__top .camera-frame{align-self:center}.stage__guests{flex:none;justify-content:center;display:flex}.stage__guests .camera-frame{flex:none}.case-panel{min-width:0;color:var(--ink);background:var(--paper);border:4px solid var(--ink);border-left:10px solid var(--rust);flex:1;grid-template-columns:40% 1fr;gap:24px;padding:24px;display:grid;overflow:hidden}.case-panel--text-only{grid-template-columns:1fr}.case-panel__media{flex-direction:column;gap:12px;min-height:0;display:flex}.case-panel__main-image{object-fit:contain;flex:auto;width:100%;min-height:0}.case-panel__extra-images{flex:none;grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.case-panel__extra-images img{object-fit:cover;border:2px solid var(--ink);width:100%;height:110px}.case-panel__text{flex-direction:column;gap:16px;min-height:0;display:flex;overflow:hidden}.case-panel__summary{font-family:var(--font-heading);margin:0;font-size:28px;line-height:1.3}.case-panel__tips{margin:0;padding-left:1.6em;font-size:22px;line-height:1.3}.case-panel__tips li+li{margin-top:6px}.case-panel__tips li::marker{color:var(--rust);font-weight:700}.case-panel__solution{min-height:0;color:var(--paper);background:var(--ink);border-left:8px solid var(--verdict);flex-direction:column;flex:1;align-items:flex-start;padding:14px 18px;display:flex}.case-panel__solution.is-solved{--verdict:var(--green)}.case-panel__solution.is-given-up{--verdict:var(--red)}.case-panel__verdict{text-transform:uppercase;letter-spacing:.08em;background:var(--verdict);align-items:center;gap:8px;padding:2px 10px;font-size:20px;font-weight:700;display:inline-flex}.case-panel__solution h2{text-transform:uppercase;letter-spacing:.08em;color:var(--paper-2);margin:10px 0 4px;font-size:18px;font-weight:500}.case-panel__solution-body{flex:1;align-self:stretch;min-height:0;overflow:hidden}.case-panel__solution-body p{margin:0;line-height:1.3}.case-panel__solution-body p.is-scrolling{animation:solution-scroll var(--scroll-duration) linear infinite}@keyframes solution-scroll{0%,15%{transform:translateY(0)}85%,to{transform:translateY(calc(-1 * var(--scroll-distance)))}}.case-panel--revealed{grid-template-columns:28% 1fr}.case-panel--revealed.case-panel--text-only{grid-template-columns:1fr}.case-panel--revealed .case-panel__summary{flex:none;font-size:22px}::view-transition-group(.stage-move){animation-duration:.45s;animation-timing-function:ease-in-out}::view-transition-group(.stage-enter){animation-duration:.45s;animation-timing-function:ease-in-out}::view-transition-group(.stage-exit){animation-duration:.45s;animation-timing-function:ease-in-out}::view-transition-new(.stage-enter):only-child{animation:.45s ease-out both stage-zoom-in}::view-transition-old(.stage-exit):only-child{animation:.3s ease-in both stage-zoom-out}@keyframes stage-zoom-in{0%{transform:scale(0)}}@keyframes stage-zoom-out{to{opacity:0;transform:scale(0)}}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}:root{--ink:#16130f;--ink-2:#241f19;--ink-3:#3a3128;--paper:#e9e2d0;--paper-2:#d6cdb6;--paper-3:#f4efe3;--line:#bfb396;--muted:#6f6656;--rust:#a55900;--rust-dark:#7f4400;--green:#4f6b35;--red:#8e3426;--amber:#b07a1c;--frame-color:var(--ink);--frame-accent:var(--rust);--font-ui:"Roboto", system-ui, sans-serif;--font-heading:"Roboto Slab", Georgia, serif;--font-stage-title:"Special Elite", "Courier New", monospace;--radius:2px}html,body{background:0 0;margin:0}body{font-family:var(--font-ui);color:var(--ink);font-size:15px;line-height:1.45}*,:before,:after{box-sizing:border-box}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:500;line-height:1.2}h1{margin:0 0 16px;font-size:24px}h2{margin:0 0 12px;font-size:17px}h3{margin:0 0 8px;font-size:16px}h4{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:16px 0 6px;font-size:14px}a{color:var(--rust-dark)}.muted{color:var(--muted)}.hint{color:var(--muted);margin:12px 0 0;font-size:13px}.app{background:var(--paper);min-height:100vh}.topbar{height:52px;color:var(--paper);background:var(--ink);border-bottom:3px solid var(--rust);align-items:center;gap:24px;padding:0 20px;display:flex}.topbar__brand{font-family:var(--font-heading);color:var(--paper);font-size:18px;font-weight:700;text-decoration:none}.topbar__nav{gap:4px;display:flex}.topbar__nav a{color:var(--paper-2);border-bottom:2px solid #0000;padding:6px 10px;text-decoration:none}.topbar__nav a:hover{color:var(--paper)}.topbar__nav a.active{color:var(--paper);border-bottom-color:var(--rust)}.topbar__end{align-items:center;gap:14px;margin-left:auto;display:flex}.topbar__user{align-items:center;gap:8px;display:inline-flex}.topbar .btn--ghost{color:var(--paper);border-color:var(--ink-3)}.avatar{border-radius:var(--radius);object-fit:cover;width:24px;height:24px}.lang-switch{border:1px solid var(--ink-3);display:inline-flex}.lang-switch button{font:inherit;color:var(--paper-2);cursor:pointer;background:0 0;border:0;padding:3px 8px;font-size:12px;font-weight:700}.lang-switch button[aria-pressed=true]{color:var(--paper);background:var(--rust)}.app__main{padding:20px}.page{max-width:1400px;margin:0 auto}.page--narrow{max-width:720px}.page__head{align-items:baseline;gap:16px;margin-bottom:16px;display:flex}.page__head h1{margin:0}.page__head>:last-child:not(h1){margin-left:auto}.page__actions{flex-wrap:wrap;gap:8px;display:flex}.page-message{text-align:center;padding:48px 20px}.columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.column{flex-direction:column;gap:16px;min-width:0;display:flex}@media (width<=900px){.columns{grid-template-columns:minmax(0,1fr)}}.panel{background:var(--paper-3);border:1px solid var(--line);padding:14px 16px}.page--narrow .panel+.panel{margin-top:16px}.panel__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.panel__head h2{margin:0}.btn{font:inherit;color:var(--ink);background:var(--paper-3);border:1px solid var(--ink-3);border-radius:var(--radius);cursor:pointer;align-items:center;gap:6px;padding:6px 12px;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){background:var(--paper-2)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{color:var(--paper-3);background:var(--rust);border-color:var(--rust-dark)}.btn--primary:hover:not(:disabled){background:var(--rust-dark)}.btn--success{color:var(--paper-3);background:var(--green);border-color:var(--green)}.btn--danger{color:var(--paper-3);background:var(--red);border-color:var(--red)}.btn--success:hover:not(:disabled),.btn--danger:hover:not(:disabled){background:var(--ink-2)}.btn--ghost{background:0 0}.btn--ghost:hover:not(:disabled){background:var(--ink-2)}.btn--small{padding:3px 8px;font-size:13px}.btn[aria-pressed=true]{color:var(--paper-3);background:var(--ink-2)}.icon-btn{width:28px;height:28px;color:var(--ink);border-radius:var(--radius);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn:hover:not(:disabled){border-color:var(--ink-3)}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.button-row{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.form{flex-direction:column;gap:12px;display:flex}.field{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.form .field{margin-bottom:0}.field>span{color:var(--muted);font-size:13px;font-weight:500}.field--inline{flex-direction:row;align-items:center;gap:10px}.field--grow{flex:1;margin:0}input:not([type=checkbox]),select,textarea{width:100%;font:inherit;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);background:#fffdf7;padding:6px 8px}.field--inline select{width:auto}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--rust);outline-offset:1px}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--red)}textarea{resize:vertical}.inline-form{align-items:flex-end;gap:10px;display:flex}.checks{border:0;gap:14px;margin:0;padding:0;display:flex}.checks label{align-items:center;gap:4px;font-size:13px;display:inline-flex}.copy-field{gap:6px;display:flex}.copy-field input{font-family:ui-monospace,monospace;font-size:12px}.form-error{color:var(--red);margin:4px 0}.form-success{color:var(--green);margin:4px 0}.form-footer{align-items:center;gap:10px;margin-top:16px;display:flex}.notice{color:var(--paper-3);background:var(--red);justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;padding:8px 12px;display:flex}.notice .icon-btn{color:inherit}.link-with-icon{align-items:center;gap:6px;display:inline-flex}.list{margin:0;padding:0;list-style:none}.list__row{border-top:1px solid var(--paper-2);align-items:center;gap:10px;padding:8px 4px;display:flex}.list__row:first-child{border-top:0}.list__row.is-current{background:var(--paper-2)}.list__main{min-width:0;color:inherit;flex-wrap:wrap;flex:1;align-items:baseline;gap:8px;text-decoration:none;display:flex}a.list__main:hover strong{text-decoration:underline}.list--dense .list__row{padding:4px}.tag{color:var(--muted);border:1px solid var(--line);padding:0 6px;font-size:12px}.tag--warn{color:var(--amber);border-color:var(--amber)}.badge{text-transform:uppercase;letter-spacing:.05em;color:var(--paper-3);background:var(--muted);padding:2px 8px;font-size:12px;font-weight:700}.badge--active{background:var(--rust)}.badge--revealed{background:var(--ink-2)}.table{border-collapse:collapse;background:var(--paper-3);border:1px solid var(--line);width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--paper-2);padding:6px 10px}.table th{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:12px;font-weight:500}.table .num{text-align:right}.table .center{text-align:center}.table .check{width:1px}.user-cell{align-items:center;gap:8px;display:inline-flex}.user-cell__id{font-size:12px;display:block}.thumb{object-fit:cover;background:var(--ink);border:1px solid var(--ink-3);width:96px;height:64px;display:block}.thumb--empty{color:var(--muted);justify-content:center;align-items:center;display:flex}.placeholder-field{align-items:center;gap:10px;display:flex}.table .placeholder-field .thumb{width:48px;height:32px}.table .placeholder-field .btn{padding:2px 8px}.thumb.is-disabled{opacity:.35}.color-field{gap:8px;display:flex}.color-field input[type=color]{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-3);flex:none;width:44px;height:auto;padding:2px}.checkbox{align-items:center;gap:8px;margin-top:12px;display:flex}.thumb--main{object-fit:contain;width:200px;height:140px}.case-detail__body{align-items:flex-start;gap:12px;display:flex}.case-detail__body p{margin:0}.solution-box{background:var(--paper-2);border-left:4px solid var(--rust);margin-top:12px;padding:8px 12px}.solution-box p{margin:4px 0 0}.toggle-list{margin:0;padding-left:22px}.toggle-list li{padding:4px 0}.toggle-list li>span{vertical-align:middle;width:calc(100% - 110px);display:inline-block}.toggle-list li>button{float:right}.toggle-list li.is-shown>span{font-weight:500}.image-toggles{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.image-toggles li{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.image-toggles li.is-shown .thumb{outline:3px solid var(--rust)}.slot-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px 12px;margin-top:8px;display:grid}.slot-grid .field{margin:0}.preview{aspect-ratio:16/9;background:var(--ink-3);margin-bottom:12px}.socket-status{text-transform:uppercase;letter-spacing:.05em;color:var(--amber);font-size:12px;font-weight:700}.socket-status--open{color:var(--green)}.socket-status--closed{color:var(--red)}.edit-list{margin:0 0 10px;padding-left:22px}.edit-list li{align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.reorder{flex:none;display:inline-flex}.image-edit{align-items:flex-end;gap:10px;margin-bottom:10px;display:flex}.upload{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.sign-in{background:var(--ink);justify-content:center;align-items:center;padding:20px;display:flex}.sign-in__card{background:var(--paper-3);border-top:6px solid var(--rust);width:100%;max-width:400px;padding:28px}.sign-in__lang{justify-content:flex-end;display:flex}.sign-in__lang .lang-switch button{color:var(--ink)}.sign-in__lang .lang-switch button[aria-pressed=true]{color:var(--paper-3)}.dev-login{border-top:1px dashed var(--line);margin-top:24px;padding-top:16px}.dev-login .btn{margin-top:10px}.game-view{width:100vw;height:100vh;overflow:hidden}.game-view__notice{color:var(--paper);background:var(--ink);margin:16px;padding:6px 12px;display:inline-block}