html,body{overscroll-behavior:none}
#c{width:100%;height:100%;height:100dvh;touch-action:none}
.v12-entry{position:fixed;inset:0;z-index:1001;display:grid;place-items:center;background:radial-gradient(ellipse at 85% 14%,#f9d99a 0,transparent 53%),radial-gradient(ellipse at 5% 90%,#efacc8 0,transparent 55%),#eddff1;color:#452d50;padding:22px}
.v12-entry>article{width:min(400px,100%);padding:34px 29px 25px;border:1px solid #fff1e6;border-radius:26px;background:#fff9f0;box-shadow:0 20px 60px #6743612c;text-align:center}
.v12-entry-mark{display:flex;justify-content:center;gap:9px;color:#905573;font:800 12px Nunito,system-ui;letter-spacing:.19em;margin:0 0 15px}
.v12-entry-mark span{color:#b47c34}.v12-entry h1{font:600 clamp(36px,9vw,51px)/.97 Fredoka,system-ui;letter-spacing:-.045em;color:#4a2d58;margin:0 0 16px}
#v12-entry-note{margin:0 0 20px;color:#654c61;font:700 15px/1.36 Nunito,system-ui}
#v12-start{display:block;width:100%;min-height:54px;border-radius:15px;background:#ad3e78;color:#fff9ee;border:0;font:600 19px Fredoka,system-ui;box-shadow:0 4px 0 #802e5c;cursor:pointer}
#v12-alternate{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:13px;color:#73547a;font:700 13px Nunito,system-ui;text-decoration:underline;text-underline-offset:4px}
.v12-entry :is(a,button):focus-visible{outline:3px solid #8a4b7d;outline-offset:4px}
.v12-paper :is(#chips,.friend-lines){visibility:hidden}
.v12-paper #btnCam{display:none}
.v12-restore{position:fixed;z-index:1000;top:50%;left:50%;transform:translate(-50%,-50%);width:min(340px,90vw);padding:20px;background:#fff9ed;color:#553861;border:2px solid #fff;border-radius:21px;text-align:center;box-shadow:0 18px 45px #39234c77}
.v12-restore p{margin:0 0 13px}.v12-restore button{font-size:15px}
.v12-ticket{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:16px;padding:12px;background:#fcf5e7;border:1px solid #dbc9a6;border-radius:20px}
.v12-ticket img{width:100%;display:block;object-fit:cover;aspect-ratio:16/9;border-radius:12px}
.v12-ticket p{color:#584157;font-size:16px;line-height:1.35;margin:0 0 11px}
.v12-ticket .v12-best{font-size:13px;color:#776048}.v12-ticket-actions{display:flex;flex-wrap:wrap;gap:7px}
.v12-ticket .btn{min-height:48px;font-size:14px;padding:9px 15px;white-space:normal;text-align:center}
#title .cards,#cards2{padding:8px 5px;max-height:28dvh;overflow:auto;touch-action:pan-y;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a77da5 #fdf3fa60}
#title .card[aria-pressed="true"],#cards2 .card[aria-pressed="true"]{transform:none;box-shadow:inset 0 0 0 3px var(--c),0 3px 9px #48234422}
#title .card,#cards2 .card{min-width:0;min-height:57px}
.v12-touch .glass,.v12-touch .school-nav>button{backdrop-filter:none;-webkit-backdrop-filter:none}
.v12-touch #hud>#joy{pointer-events:auto;touch-action:none;bottom:max(21px,calc(env(safe-area-inset-bottom) + 8px));left:max(18px,calc(env(safe-area-inset-left) + 7px));width:101px;height:101px;background:#fffaf069;border-color:#fffdf5b8}
.v12-touch #hud>#joy.idle{opacity:.78}
.v12-touch #hud>#joyHint{bottom:max(127px,calc(env(safe-area-inset-bottom) + 109px));left:max(18px,calc(env(safe-area-inset-left) + 7px));max-width:102px;font-size:11px}
.v12-touch #btnJump{touch-action:none}
.v12-touch #school-ui .school-nav{overflow:auto hidden;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x}
.v12-touch #school-ui .school-nav::-webkit-scrollbar{display:none}
.v12-touch #school-ui .school-nav>button{min-height:44px;flex-shrink:0}
.v12-touch #toast{left:50%;right:auto;top:150px;bottom:auto;width:max-content;max-width:calc(100vw - 25px);padding:8px 13px;border-radius:15px;font-size:14px;line-height:1.24;pointer-events:none}
@media(orientation:landscape){.v12-touch #toast{top:71px;max-width:min(75vw,500px)}}
@media(max-width:575px){
  .v12-ticket{grid-template-columns:1fr}.v12-ticket img{max-height:145px}
  #title .cards{grid-template-columns:repeat(4,minmax(0,1fr));max-height:25dvh;gap:6px}
  #title .card{padding:4px 3px;min-height:55px}.v12-touch #school-ui .school-nav{max-width:calc(100vw - 14px);justify-content:flex-start;padding:2px 1px 5px}
  .v12-touch #school-ui .school-nav>button{font-size:12px;padding-inline:9px}
  .v12-touch #school-ui .school-nav>button span{font-size:17px}
}
@media(max-height:430px) and (orientation:landscape){
  .v12-touch #hud>#joy{width:80px;height:80px;bottom:max(10px,env(safe-area-inset-bottom))}
  .v12-touch #hud>#joyHint{bottom:93px}
  #title .cards{max-height:24dvh}
}
