body.case-file-active{overflow:hidden;background:#171511}body.case-file-active .sunrise-bar,body.case-file-active .masthead,body.case-file-active .tabs{display:none!important}body.case-file-active .app{width:100%;max-width:none;margin:0;padding:0}
#groups.case-file{position:fixed;z-index:1000;inset:0!important;display:block!important;margin:0!important;padding:0!important;min-height:560px;overflow:hidden;background:#171511 center/100% 100% no-repeat;color:#f6dca0;font-family:Georgia,"Times New Roman",serif;touch-action:manipulation;-webkit-user-select:none;user-select:none}
#groups.case-file .panel-head{position:absolute;z-index:6;left:23.3%;top:12.6%;width:53.6%;height:9.2%;margin:0;padding:0;display:flex;align-items:center;justify-content:center;text-align:center;background:transparent;border:0}#groups.case-file .panel-head>div{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-shadow:0 2px #040907}#groups.case-file .panel-head .game-label{font-size:0}#groups.case-file .panel-head .game-label:after{content:"FOUR GROUPS";font:bold clamp(7px,1.9vw,11px)/1 sans-serif;letter-spacing:.2em;color:#d2a954}#groups.case-file .panel-head h2{margin:5px 0 0;font-size:0}#groups.case-file .panel-head h2:after{content:"THE CASE FILE";font-size:clamp(20px,5.9vw,34px);line-height:1;letter-spacing:.04em;color:#f5d99a}#groups.case-file .panel-head p{display:none}#groups.case-file .panel-head .round-button{display:none}
#groups.case-file .case-morning-run{position:absolute;z-index:12;left:2.8%;top:9.45%;width:25.5%;height:3.2%;padding:0;border:0;background:transparent;color:#f5dca2;font:bold clamp(8px,2.2vw,12px)/1 sans-serif;letter-spacing:.08em}#groups.case-file .case-shuffle{position:absolute;z-index:12;right:3.7%;top:14.4%;width:9.4%;aspect-ratio:1;padding:0;border:1px solid #bb8736;border-radius:50%;background:rgba(11,29,24,.82);color:#efcc80;font:bold clamp(16px,5vw,28px)/1 serif}
#groups.case-file>.stats-row{position:absolute;z-index:6;left:22.4%;top:23.45%;width:55.3%;height:4.45%;margin:0;display:grid;grid-template-columns:repeat(4,1fr);background:transparent;border:0;box-shadow:none}#groups.case-file>.stats-row .stat{min-width:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:0;background:transparent;box-shadow:none;font-family:sans-serif}#groups.case-file>.stats-row .stat strong{font-size:clamp(12px,3.7vw,21px);line-height:1;color:#f4d68e}#groups.case-file>.stats-row .stat span{margin-top:3px;font:bold clamp(5px,1.35vw,8px)/1 sans-serif;letter-spacing:.12em;color:#c5a361}#groups.case-file>.stats-row .stat:nth-child(3){order:2}#groups.case-file>.stats-row .stat:nth-child(2){order:3}#groups.case-file>.stats-row .stat:nth-child(4){order:4}
#groups.case-file .case-instruction{position:absolute;z-index:6;left:18%;top:30.5%;width:64%;height:4.2%;display:flex;align-items:center;justify-content:center;padding:0 5%;background:#e6cf9f;clip-path:polygon(2% 5%,98% 2%,100% 93%,1% 100%);color:#503419;text-align:center;font:italic clamp(10px,2.9vw,16px)/1.15 Georgia;box-shadow:0 3px 5px rgba(30,14,4,.35)}
#groups.case-file #groupGrid{position:absolute;z-index:7;left:17.1%;top:35.2%;width:65.8%;height:25.6%;margin:0;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:22%;gap:3.5% 3.6%;background:transparent}#groups.case-file #groupGrid .word-card{position:relative;min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:#e8d2a6;clip-path:polygon(2% 2%,98% 0,100% 96%,4% 100%);box-shadow:0 3px 4px rgba(48,24,7,.5);color:#322113;font:bold clamp(9px,2.75vw,16px)/1 Georgia;text-align:center;transition:transform .1s,filter .1s}#groups.case-file #groupGrid .word-card:before{content:"";position:absolute;left:50%;top:4%;width:7px;height:7px;transform:translateX(-50%);border:1px solid #52300d;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffdb80,#95631e 48%,#3e2109 70%);box-shadow:0 1px 2px #3b1d08}#groups.case-file #groupGrid .word-card.selected{transform:translateY(-2px) scale(1.025);filter:brightness(1.08);box-shadow:0 0 0 2px #bd3726,0 0 8px #e86c36}
#groups.case-file .case-thread{position:absolute;z-index:8;left:17.1%;top:35.2%;width:65.8%;height:25.6%;overflow:visible;pointer-events:none}.case-thread path,.case-thread circle{fill:none;stroke-linecap:round;stroke-linejoin:round}.case-yarn{stroke:#8f201d;stroke-width:1.05;filter:drop-shadow(0 .7px .45px #3d100b)}.case-fiber{stroke:#dc6151;stroke-width:.22;stroke-dasharray:.7 1.15;opacity:.8}.case-loop{stroke:#8f201d;stroke-width:.72;filter:drop-shadow(0 .5px .3px #3d100b)}.case-loop-light{stroke:#dd6c59;stroke-width:.16;opacity:.75}
#groups.case-file .group-actions{position:absolute;z-index:9;left:17%;top:64.3%;width:66%;height:4.2%;margin:0;display:grid;grid-template-columns:1fr 1.42fr;gap:6.5%}#groups.case-file .group-actions button{height:100%;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#f0d292;font:bold clamp(8px,2.3vw,13px)/1 sans-serif;letter-spacing:.09em;text-align:center}#groups.case-file #shuffleBtn{display:none}#groups.case-file #submitGroupBtn{color:#f3dca0}#groups.case-file .group-actions svg{display:none}
#groups.case-file #solvedGroups{position:absolute;z-index:8;left:17.7%;top:70.5%;width:64.9%;height:6.45%;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:3.5%;pointer-events:none}#groups.case-file #solvedGroups .solved-group{min-width:0;margin:0;padding:20% 4% 0;display:flex;align-items:center;justify-content:center;border:0;border-radius:0;background:transparent;box-shadow:none;color:#3f2b19;text-align:center}#groups.case-file #solvedGroups .group-result-head{display:block}#groups.case-file #solvedGroups .group-result-head strong{display:block;font:bold clamp(5px,1.35vw,8px)/1.05 sans-serif;letter-spacing:.03em}#groups.case-file #solvedGroups .group-result-head:after{content:"● ● ● ●";display:block;margin-top:5px;color:#679758;font:bold clamp(5px,1.4vw,8px)/1 sans-serif;letter-spacing:.08em;text-shadow:0 0 3px #b9d699}#groups.case-file #solvedGroups .group-result-head em,#groups.case-file #solvedGroups .solved-group>span{display:none}
#groups.case-file #groupMessage{position:absolute;z-index:15;left:50%;bottom:max(4%,env(safe-area-inset-bottom));transform:translateX(-50%);width:max-content;max-width:88%;margin:0;padding:9px 14px;border:1px solid #c99a4d;border-radius:999px;background:rgba(17,14,10,.94);color:#f8dda0;font:bold 10px/1.2 sans-serif;text-align:center}#groups.case-file #groupMessage:empty{display:none}
@media(min-width:700px){#groups.case-file{left:50%!important;right:auto!important;width:min(46.9vh,520px);transform:translateX(-50%);box-shadow:0 0 70px #000}}