:root{--background:#e8e8e8;--foreground:#302f33;--panel:#fff;--panel-border:#252426;--accent:#5c595a;--accent-dark:#343235;--accent-soft:#a9addb;--danger:#c33434;--muted:#5f6d7a;--shadow:0 4px 7px #12121247}*{box-sizing:border-box}html{min-height:100%}body{background:var(--background);min-height:100%;color:var(--foreground);margin:0;font-family:Arial,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.game-shell{--game-header-height:52px;--message-scroll-gap:12px;border-inline:1px solid var(--panel-border);background:#fff;grid-template-rows:auto minmax(0,1fr);width:min(100%,430px);min-height:100dvh;margin:0 auto;display:grid}.game-header{z-index:5;min-height:var(--game-header-height);color:#fff;background:#1686ae;border-bottom:0;justify-content:space-between;align-items:center;gap:16px;padding:8px 14px;display:flex;position:sticky;top:0}.game-shell-heart .game-header{background:#ee3340}.game-shell-spade .game-header{background:#80cf18}.game-shell-club .game-header{background:#ef2431}.game-title{letter-spacing:0;margin:0;font-size:15px}.game-status{color:#ffffffeb;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;font-size:10px;display:flex}.scene{width:100%;min-height:100%;margin:0 auto;padding:18px 14px 36px}.message-list{gap:12px;width:min(100%,390px);margin-inline:auto;display:grid}.message-data-error{color:#7b1f17;background:#fff1ef;border:1px solid #d13f31;gap:8px;padding:12px 14px;font-size:12px;line-height:1.5;display:grid}.message-data-error ul{gap:4px;margin:0;padding-left:1.2em;display:grid}.message-unit-item{min-width:0;scroll-margin-top:calc(var(--game-header-height) + var(--message-scroll-gap));display:grid}.text-message,.tips-message,.image-display,.input-panel,.custom-panel{margin:0}.text-message{grid-template-columns:27px minmax(0,1fr);align-items:start;gap:7px;display:grid}.speaker-icon{width:27px;height:32px;font-size:0;position:relative}.speaker-icon:before,.speaker-icon:after{content:"";background:#454448;display:block;position:absolute;left:50%;transform:translate(-50%)}.speaker-icon:before{border-radius:50%;width:10px;height:10px;top:1px}.speaker-icon:after{border-radius:10px 10px 2px 2px;width:19px;height:13px;bottom:6px}.speaker-name{display:none}.text-message-content{background:#d7d7d7;border-radius:8px;min-width:0;padding:10px 12px;position:relative}.text-message-content:before{content:"";background:#d7d7d7;width:14px;height:14px;position:absolute;top:10px;left:-7px;transform:rotate(45deg)}.rich-text{white-space:pre-wrap;font-size:13px;font-weight:700;line-height:1.8;position:relative}.rich-text-emphasis{color:#2f2d31;background:#fff0a6;padding:0 .1em;font-weight:900}.rich-text-underline{text-underline-offset:.16em;text-decoration-line:underline;text-decoration-color:#ffd400;text-decoration-thickness:.22em}.rich-text .circle{border:1px solid;border-radius:50%;place-items:center;min-width:1.7em;min-height:1.7em;display:inline-grid}.tips-message{background:#a8addb;border:0;border-radius:0;padding:12px 14px}.unit-button{color:#fff;background:#696667;border:0;border-radius:0;justify-self:center;min-height:42px;padding:0 24px;font-weight:700;box-shadow:0 3px 4px #12121259}.unit-button:hover{background:#454244}.unit-button:active{box-shadow:none;transform:translateY(2px)}.room-button-grid{background:#ececec;border:0;border-radius:16px;gap:12px;padding:18px;display:grid}.room-button-slot{aspect-ratio:3/2;position:relative}.room-button{color:#444348;background:#fff;border:0;border-radius:50%;width:100%;height:100%;font-size:44px;font-weight:700;box-shadow:0 5px 7px #2828284d}.room-button:hover{border-color:var(--accent);color:var(--accent-dark)}.room-button:disabled{cursor:not-allowed;opacity:.48}.room-button-lock{z-index:1;color:#ec1924;letter-spacing:0;pointer-events:none;background:#fff600;border:2px solid #f01d26;padding:4px 7px;font-size:11px;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-5deg)}.room-scene{gap:16px;display:grid}.room-scene-header{border:1px solid var(--panel-border);background:var(--panel);box-shadow:var(--shadow);border-radius:8px;gap:6px;padding:16px;display:grid}.room-scene-header h2,.room-scene-header p{margin:0}.room-scene-header p{color:var(--muted);font-size:13px}.diamond-room,.club-room{flex-direction:column;align-items:center;display:flex}.diamond-room .unit-button,.club-room .unit-button{margin-top:12px}.diamond-question{position:relative}.diamond-question-image{width:100%;height:auto;display:block}.diamond-question-labels{justify-content:center;width:100%;display:flex;position:absolute;bottom:10%;left:0}.diamond-question-cell{aspect-ratio:1;width:10%}.diamond-question-cell img{object-fit:contain;width:100%;height:100%;display:block}.diamond-question-cell-vacant{border:2px solid #000;border-radius:50%}.diamond-question-cell-char{place-items:center;line-height:1;display:grid}.diamond-button-area{--diamond-tap-button-gap:8px;--diamond-tap-button-size:calc((100% - var(--diamond-tap-button-gap) * 5) / 6);background-color:#999;flex-direction:column;align-items:center;gap:16px;width:100%;margin:12px 0;display:flex}.diamond-button-area-emotions{justify-content:center;gap:var(--diamond-tap-button-gap);width:100%;display:flex}.diamond-tap-button{width:var(--diamond-tap-button-size);background:0 0;border:none;padding:0}.diamond-tap-button img{width:100%;height:auto;display:block}.diamond-answer-response{z-index:60;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.diamond-answer-response-mark{width:min(70vw,70vh);height:min(70vw,70vh)}.diamond-answer-response-image{object-fit:contain;max-width:100%;max-height:100%}.spade-button-area{--spade-tap-button-gap:8px;background-color:#ccc;align-items:stretch;gap:16px;width:100%;margin:12px 0;padding:12px;display:flex}.spade-button-area-grid{gap:var(--spade-tap-button-gap);flex:0 0 60%;grid-template-columns:repeat(3,1fr);display:grid}.spade-button-area-controls{justify-content:center;gap:var(--spade-tap-button-gap);flex-direction:column;flex:1;display:flex}.spade-tap-button{background:0 0;border:none;width:100%;padding:0}.spade-tap-button img{width:100%;height:auto;display:block}.spade-explosion{z-index:50;background:#000;place-items:center;display:grid;position:fixed;inset:0}.spade-explosion img{object-fit:contain;max-width:100%;max-height:100%}.spade-burst-image{width:100%;height:auto;display:block}.club-question{aspect-ratio:538/386;background-color:#000;place-items:center;width:100%;display:grid}.club-question-image{object-fit:contain;width:100%;height:100%;display:block}.club-button-area{background-color:#999;justify-content:center;align-items:center;gap:16px;width:100%;margin:12px 0;padding:12px 16px;display:flex}.club-tap-button{background:0 0;border:none;flex:none;padding:0}.club-tap-button img{width:auto;height:48px;display:block}.prototype-room{gap:20px}.prototype-room-header{border:1px solid var(--panel-border);background:#fff;border-radius:0;align-items:center;gap:14px;padding:12px;display:flex}.prototype-room-header h2,.prototype-room-header p{margin:0}.prototype-room-header h2{font-size:18px}.prototype-room-header p:not(.prototype-room-kicker){color:var(--muted);margin-top:5px;font-size:13px}.prototype-room-kicker{color:var(--muted);font-size:11px;font-weight:700}.prototype-room-suit{color:#fff;background:#253c58;border-radius:0;flex:0 0 48px;place-items:center;width:48px;height:48px;font-size:34px;display:grid}.prototype-room-visual{border:1px solid var(--panel-border);min-height:300px;box-shadow:var(--shadow);background:#e6eef7;border-radius:0;position:relative;overflow:hidden}.prototype-room-frame{background:#f8fbff;border:14px solid #a7b5c6;border-bottom:0;position:absolute;inset:34px 12% 0}.prototype-room-object{aspect-ratio:1;background:#d3dde9;border:12px solid #38506d;width:128px;position:absolute;bottom:14%;left:50%;transform:translate(-58%)rotate(15deg);box-shadow:18px 18px #71839a}.prototype-room-marker{color:#38506d;font-size:76px;font-weight:700;position:absolute;top:16%;right:12%}.prototype-room-controls{background:#d7d7d7;border:0;border-radius:0;gap:14px;padding:14px;display:grid}.prototype-room-result{border-left:3px solid var(--accent);gap:4px;padding-left:12px;display:grid}.prototype-room-result strong{font-size:14px}.prototype-room-result span{color:var(--muted);font-size:13px}.prototype-room-result-success{border-color:#20815f}.prototype-room-result-failure{border-color:var(--danger)}.prototype-room-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.prototype-success{background:#20815f}.prototype-success:hover{background:#176348}.prototype-failure{background:#c33434}.prototype-failure:hover{background:#982525}.prototype-retry{background:#5b4d92}.prototype-retry:hover{background:#463a72}.prototype-room-diamond .prototype-room-suit{background:#0e7896}.prototype-room-diamond .prototype-room-visual{background:#dceff3}.prototype-room-diamond .prototype-room-object{border-color:#127b96;box-shadow:18px 18px #7eb9c8}.prototype-room-spade .prototype-room-suit{background:#33313b}.prototype-room-spade .prototype-room-visual{background:#ebe8ed}.prototype-room-spade .prototype-room-object{border-color:#48434f;box-shadow:18px 18px #9c96a0}.prototype-room-heart .prototype-room-suit{background:#b63c50}.prototype-room-heart .prototype-room-visual{background:#f4e8e9}.prototype-room-heart .prototype-room-object{border-color:#b63c50;box-shadow:18px 18px #dc9ba5}.prototype-room-club .prototype-room-suit{background:#2d6d53}.prototype-room-club .prototype-room-visual{background:#e7f0e9}.prototype-room-club .prototype-room-object{border-color:#2d6d53;box-shadow:18px 18px #91bba1}.input-panel{color:#fff;background:#696667;border:0;border-radius:0;gap:14px;padding:16px;display:grid}.input-title{text-align:center;white-space:pre-wrap;margin:0;font-size:13px;line-height:1.7}.answer-fields,.fill-parts{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.text-input{min-width:min(230px,100%);min-height:40px;color:var(--foreground);text-align:center;background:#fff;border:0;border-radius:0;padding:8px 10px}.image-display{box-shadow:var(--shadow);background:#fff;border:0;border-radius:0;margin-inline:auto;padding:0;overflow:hidden}.image-display img{width:100%;height:auto;display:block}.image-group{gap:12px;display:grid}.image-group.horizontal{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.image-group.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.custom-panel{color:#fff;background:#696667;border:0;border-radius:0;padding:14px}.camera-control{gap:12px;display:grid}.camera-unit{min-width:0;color:var(--foreground);background:#efefef;gap:9px;padding:12px;display:grid}.camera-unit-title{justify-content:space-between;align-items:baseline;gap:12px;margin:0;font-size:15px;display:flex}.camera-instruction{margin:0;font-size:13px;font-weight:700}.camera-preview{aspect-ratio:1;border:1px solid var(--panel-border);width:86px;min-width:0;color:var(--foreground);background:#fff;border-radius:0;justify-self:end;place-items:center;padding:8px;display:grid;overflow:hidden}.camera-preview-frame{aspect-ratio:1;background:#fff;place-items:center;width:100%;display:grid;overflow:hidden}.camera-preview-image{object-fit:contain;width:72%;height:72%;transition:transform .16s;display:block}.camera-preview-placeholder{color:var(--muted);font-size:12px;font-weight:700}.camera-map{border:1px solid var(--panel-border);background:#fff;position:relative;overflow:hidden}.camera-map-image{width:100%;height:auto;display:block}.camera-map-region{background:0 0;border:2px solid #0000;border-radius:0;padding:0;position:absolute}.camera-map-region:hover,.camera-map-region:focus-visible{background:#ffffff38;border-color:#ef2431b8}.camera-map-region[aria-pressed=true]{background:#ef243124;border-color:#ef2431}.camera-rotate-button{justify-self:center}.overlay{z-index:50;background:#081421b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.overlay-inner{width:min(720px,100%);max-height:min(760px,90vh);overflow:auto}.debug-reset{border:1px solid var(--panel-border);min-height:34px;color:var(--muted);background:#fff;border-radius:6px;padding:0 12px}.debug-phase-menu{color:#fffffff0;align-items:center;gap:6px;font-weight:700;display:inline-flex}.debug-phase-select{border:1px solid var(--panel-border);max-width:168px;min-height:34px;color:var(--foreground);background:#fff;border-radius:6px;padding:0 8px}.editor-shell{gap:18px;min-height:100vh;padding:18px;display:grid}.editor-header{border:1px solid var(--panel-border);background:var(--panel);border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.editor-header h1,.editor-header p,.editor-guide h2,.editor-preview h2,.editor-output h2{margin:0}.editor-header h1{letter-spacing:0;font-size:20px}.editor-header p{color:var(--muted);margin-top:4px;font-size:13px}.editor-link{border:1px solid var(--panel-border);min-height:38px;color:var(--foreground);border-radius:6px;padding:9px 14px;text-decoration:none}.editor-guide{border-left:3px solid var(--accent);background:var(--accent-soft);gap:8px;padding:14px 18px;display:grid}.editor-guide h2{font-size:14px}.editor-guide ol{color:var(--muted);gap:4px;margin:0;padding-left:1.4em;font-size:13px;line-height:1.6;display:grid}.editor-grid{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);align-items:start;gap:18px;display:grid}.editor-workspace,.editor-sidebar,.editor-preview,.editor-output{gap:14px;min-width:0;display:grid}.editor-field{min-width:0;color:var(--muted);gap:6px;font-size:12px;display:grid}.editor-checkbox{width:fit-content;color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.editor-checkbox input{width:16px;height:16px}.editor-field input,.editor-field select,.editor-field textarea,.editor-add-row select,.editor-add-row button,.editor-row input,.editor-row select,.editor-unit-actions select,.editor-unit-actions button,.editor-nested-header select,.editor-nested-header button,.editor-output-header button,.editor-room-button button,.editor-rule button{border:1px solid var(--panel-border);min-height:38px;color:var(--foreground);background:#fff;border-radius:6px;padding:8px 10px}.editor-field textarea{resize:vertical;min-height:88px}.editor-add-row{justify-content:flex-end;display:flex}.editor-unit-list,.editor-fields,.editor-nested,.editor-rule,.editor-room-button{gap:12px;display:grid}.editor-unit,.editor-preview,.editor-output{border:1px solid var(--panel-border);background:var(--panel);box-shadow:var(--shadow);border-radius:8px;padding:14px}.editor-unit-header,.editor-nested-header,.editor-output-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.editor-unit-actions,.editor-inline,.editor-row{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.editor-unit-actions button,.editor-add-row button,.editor-nested-header button,.editor-output-header button,.editor-room-button button,.editor-rule button{background:var(--accent-soft);color:var(--accent-dark)}.editor-row input{flex:180px;min-width:0}.editor-row label,.editor-check{min-height:38px;color:var(--muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.editor-inline>.editor-field{flex:180px}.editor-nested{background:#f9fbfe;border:1px solid #cfd8e7;border-radius:8px;padding:12px}.editor-nested.soft,.editor-rule,.editor-room-button{background:#fff;border:1px solid #e2e8f2;border-radius:8px;padding:10px}.editor-preview-content{pointer-events:none;max-height:440px;overflow:auto}.editor-preview-note{color:var(--muted);font-size:12px}.editor-output textarea{border:1px solid var(--panel-border);color:#e9f0f8;resize:vertical;background:#111827;border-radius:6px;width:100%;min-height:460px;padding:12px;font-family:monospace;font-size:13px;line-height:1.55;overflow:auto}.editor-error{color:var(--danger);margin:0;font-size:12px}@media (max-width:640px){.camera-unit-title{gap:4px;display:grid}.editor-shell{padding:12px}.editor-header,.editor-unit-header,.editor-output-header{flex-direction:column;align-items:flex-start}.editor-grid{grid-template-columns:1fr}}